Guide

Come impostare facilmente il piè di pagina in Divi | Temi eleganti

Una pagina con una buona estetica consente di mantenere i visitatori su di essa più a lungo. Pertanto, non devi solo conoscere la SEO, ma anche il buon gusto a livello visivo, che farà sì che la tua pagina sia tra i primi risultati sul web.

Il fatto che tu possa mettere su una buona pagina, sapere come fare una buona landing page o avere un logo professionale, fa sempre una grande differenza. In realtà, i migliori cambiamenti sono nei piccoli dettagli, quindi perché non poter dare importanza a questi?

Questo è il motivo per cui possiamo passare ore a decidere tra le migliori canzoni tra cui scegliere. Tra questi, oltre ad essere uno dei più apprezzati c’è Divi, ea ragione. Alla vista è un soggetto molto piacevole, in più rende altamente professionale vedere la tua pagina con un design.

Pertanto, si dovrebbe sfruttare questo strumento ed essere in grado di dare importanza ai piccoli dettagli, come abbiamo detto prima.

Con quest’ultimo in mente, potresti essere interessato a progettare un piè di pagina, o un piè di pagina, per la tua pagina, in modo tale che termini con un piccolo dettaglio alla fine di ogni pagina in modo che possa sembrare carino. Vedi sotto come puoi farlo.

logo divi viola

Creare un bel piè di pagina in Divi

Creare un piè di pagina in Divi è in realtà un processo molto semplice. All’inizio può sembrare un po’ complicato, ma con il tempo è possibile prenderci la mano. Tutto quello che devi fare è seguire passo dopo passo:

  1. Inizia inserendo il personalizzatore del tema che hai in WordPress. Qui, devi inserire la parte che dice «Torta», quindi «Barra inferiore» e quindi la parte «Colore di sfondo». Qui possiamo vedere alcuni controlli per il colore di sfondo del piè di pagina.
  2. Dovremo renderlo trasparente. Possiamo ottenere ciò impostando rgba su 0,0,0,0. Tuttavia. Tieni presente che puoi cambiarlo a seconda del colore dello sfondo che utilizzerai e del colore del carattere.
  3. Ora, ci dedicheremo completamente alla creazione del footer in quanto tale. Per questo, andremo al costruttore visivo di Divi. Qui faremo clic sul pulsante Crea da zero. Quindi ci chiederà le righe che utilizzeremo e premeremo solo l’opzione per usarne una. Quindi ti chiederà del modulo da utilizzare, ma non ne useremo nessuno.
  4. Quindi sottraggono le impostazioni di riga. Dovremo apportare alcune modifiche per quanto riguarda la separazione che lasceremo con un margine personalizzato di 0px in alto e 0p in base. Inoltre, lasceremo l’imbottitura personalizzato desktop a 80px sopra ea base e 100px sopra ea Base su Tablet.
  5. D’altra parte, nella scheda Design, dovremmo avere un margine personalizzato di -55px in Base e un’imbottitura personalizzata di 0px in Top e Base. Continueremo con i Divisori nella parte Base. Dovremo solo aggiungere il colore che vogliamo, così come lo stile del separatore che vogliamo usare.
  6. Ora non ci resta che andare alla scheda Avanzate e aggiungere un codice CSS in modo che il testo non sia dietro lo sfondo. Nel CSS personalizzato, all’interno della schermata Main Element inseriremo «z-index: 0;». Ora puoi solo salvare la sezione nella libreria per riutilizzarla ogni volta che puoi all’interno di Divi.

pagine web divi

Impostare il piè di pagina

Un errore molto comune che si verifica con il piè di pagina in Divi è che sale in punti in cui non dovrebbe. Per risolvere questo problema, nel CSS personalizzato, aggiungeremo il seguente codice:

/ * Imposta piè di pagina DIVI * /

# piè di pagina principale {

posizione: assoluta;

in basso: 0;

larghezza: 100%;

}

Post correlati

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba