Vai al contenuto principale

Come possono i widget "Sticky" (flotant) su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

I blog con articoli molto lunghi hanno widget che non sono più visibili quando scorri la pagina verso il basso. Ma questo era prima del plugin " Q2W3 fissa Widget '.

Ragioni che possono spingere gli utenti a eseguire il rendering dei widget appiccicoso O galleggianti sono vari. La maggior parte degli utenti utilizza widget mobili per visualizzare informazioni utili (Articoli recenti, moduli di iscrizione, pulsanti di condivisione) in modo permanente, anche durante la lettura di articoli lunghi.

widget di appiccica

In questo tutorial ti mostrerò come renderlo possibile sul tuo blog. Se non capisci un punto di questo tutorial, il modulo dei commenti è a tua disposizione.

La prima cosa da fare, ovviamente, è scaricare il plugin " Q2W3 fissa Widget Direttamente su WordPress.org o installalo direttamente dalla tua dashboard.

Come configurare il plugin

Andremo alla pagina delle configurazioni di quest'ultimo, in questa posizione: " Aspetto >> Opzioni widget fisse '.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

widget di-menù fisso

In questa pagina, attiveremo alcune opzioni aggiuntive oltre a quelle predefinite perché non so quale tema stai usando.

È meglio disabilitare i widget mobili quando il blog viene visitato da un utente su dispositivo mobile. Sceglieremo quindi di disattivare il plug-in per dimensioni dello schermo inferiori a " 800px Nella sezione " Opzioni generali '.

screen-min-sgombero-to-activate

In termini di opzioni di compatibilità, attiveremo 2 opzioni, che consentono ai widget mobili di essere visualizzati correttamente anche con temi responsive " Eredita larghezza widget dal contenitore padre ", Ma attiveremo anche l'opzione" Utilizzare jQuery (finestra) .load) gancio ( », Che consentirà al plugin di funzionare correttamente anche se sono attivati ​​altri script che utilizzano la gestione dello scorrimento della pagina.

Gestione-of-the-compatibilità

Questo è tutto ciò che c'è da fare con questo plugin, tuttavia dovresti sapere che funziona solo con le colonne sul lato sinistro e destro.

I miei widget non possono ancora fluttuare !!!

Niente panico, l'unica cosa da fare in questo caso è controllare i widget che devono galleggiare accedendo alla posizione "Aspetto >> Widget“, E su tutti i widget, controlleremo il“widget fissa".

check-the-box-fisso-widget di

Una volta fatto, scoprirai che visitando il tuo blog, i widget con gli ID salvati stanno effettivamente fluttuando.

Presentazione-area-floating

Questo è tutto per questo tutorial, spero che ti aiuti a rendere i tuoi widget mobili, così disponibili in ogni momento sul tuo blog. Se hai dubbi, non esitare a pubblicare un commento.

Questo articolo contiene i commenti 2

  1. Buongiorno,

    I miei widget sono diventano galleggiante, ma incontrano un altro problema, che passa attraverso i miei contenuti

    In concreto, vorrei poterli configurare allo stesso modo di questo sito: http://goodlife.fuelthemes.net/games-demo/

    Vale a dire, scorrere su una certa distanza e fermarsi al livello del contenuto che occupa tutta la larghezza. Ma rimango bloccato e loro scendono in fondo al sito

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
6 azioni
quota4
Tweet
Enregistrer2