I contenuti persistenti mirano ad attirare e mantenere l'attenzione dei visitatori. GutenKit ha sviluppato un modulo di questo tipo denominato Appiccicoso per progettare magnificamente i tuoi contenuti WordPress.
Impariamo come funziona il modulo.
Utilizzando GutenKit Sticky #
Dalla dashboard di WordPress, vai a Moduli di GutenKit. Quindi, trova Modulo adesivo, accendilo. Le modifiche apportate verranno salvate automaticamente.
Utilizzando il modulo adesivo #
Apri qualsiasi pagina/post in cui desideri applicare contenuti persistenti. Vai a Sezione avanzata E Trovare Modulo adesivo.
Controlli del modulo permanenti #
Puoi impostare appiccicoso su Alto, Basso e Mostra con Scorri verso l'alto.
Appiccicoso in alto #
Ti consente di impostare lo sticky su Posizione superiore della pagina/post.
Appiccicoso fino in cima #
Se desideri visualizzare permanentemente in alto fino a una sezione specifica, puoi impostare l'ID della sezione qui.
Rendiamo permanente il titolo (Marketing digitale) fino alla sezione Chi siamo.
- Fare clic sulla sezione Chi siamo
- Trova il modulo Avanzato
- Scrivi un nome di classe CSS e copialo
Ora vai a Titolo➔ Appiccicoso➔ Appiccicoso fino a quando.
- Incolla la sezione "Chi siamo". Nome della classe CSS dentro Appiccicoso fino a quando campo.
- Aggiorna la pagina/post
Ora puoi vedere il titolo Rimasto fino alla sezione Chi siamo.
Appiccicoso in basso #
Per impostare l'adesivo su Posizione inferiore della pagina/post, scegli Metter il fondo a dalle opzioni permanenti e aggiorna la pagina/post.
Il fondo adesso è appiccicoso.
Appiccicoso fino al fondo #
Se desideri visualizzare qualsiasi piè di pagina/parte inferiore permanente fino a una sezione specifica, puoi impostare l'ID della sezione qui.
Rendiamo permanente il piè di pagina della nostra pagina corrente fino alla sezione Incontra il team. Tuttavia, puoi utilizzare qualsiasi modello, pattern o pagina di GutenKit per organizzare le tue pagine e i tuoi post.
- Fare clic sulla sezione Incontra il team
- Trova il modulo Avanzato
- Scrivi un nome di classe CSS e copialo
Mostra permanente su Scorri verso l'alto #
Ora vai a Piè di pagina➔ Appiccicoso➔ Appiccicoso fino a quando.
- Incolla la sezione Incontra il team Nome della classe CSS dentro Appiccicoso fino a quando campo.
- Aggiorna la pagina/post
Ora puoi vedere il Il piè di pagina è Rimani bloccato fino alla sezione Incontra il team.
Sticky fino a quando non viene mostrato su Scorri verso l'alto #
Con questa opzione puoi attaccare qualsiasi sezione quando scorri verso l'alto. IL Tipi di effetti Sono Dissolvenza e scorrimento.
Rendiamo permanente il titolo (Marketing digitale) fino alla prima sezione (Chi siamo).
Spostati in Intestazione➔ Appiccicoso➔ Appiccicoso fino a quando.
Ora, scegli qualsiasi tipo di effetto ➔ incolla la prima sezione (Chi siamo). Nome della classe CSS dentro Appiccicoso fino a quando campo ➔
e aggiornare la pagina/post.
Ora puoi vedere il Titolo Sticky fino alla prima sezione (Chi siamo).
Altri controlli #
- Rimani nel contenitore – Se vuoi avvolgere il tuo blocco con il contenitore per vedere l'effetto, puoi abilitare questa opzione.
- Offset adesivo – Per impostare la posizione precisa, puoi regolare l'offset adesivo utilizzando la barra.
- Sfondo - Imposta lo sfondo secondo le tue preferenze.
Inoltre, ci sono opzioni per disabilitare la permanenza su qualsiasi dispositivo. Le opzioni sono: Disabilita per desktop, Disabilita per tablet, E Disabilita per dispositivi mobili.