Ti piacerebbe creare un piè di pagina con Elementor?
tutto Temi WordPress non hanno la possibilità di personalizzare il piè di pagina. In tal caso, è richiesta l'abilità di programmazione (PHP) se si desidera personalizzare il piè di pagina del tema.
Se stai usando un file tema WordPress che offre a costruttore di pagine, hai più libertà di personalizzare il piè di pagina senza codificare. Sarai in grado di aggiungere elementi come un modulo di iscrizione e-mail, icone dei social media, collegamenti, logo del sito Web, ecc.
Leggi la nostra guida su Come installare Elementor su WordPress
C'è una soluzione se vuoi personalizzare il piè di pagina del tuo tema, ma non hai competenze di programmazione: usa Elementor.
Elementor è un generatore di pagine dotato di una funzionalità Generatore di temi. Puoi utilizzare questa funzione per creare un nuovo piè di pagina personalizzato per sostituire il piè di pagina predefinito del tuo tema WordPress.
Come funziona Elementor Theme Builder
Il modo in cui funziona la funzione Theme Builder di Elementor è piuttosto semplice. Dopo aver creato un nuovo piè di pagina e averlo pubblicato, sostituirà il piè di pagina per il tema che stai attualmente utilizzando. Il tuo nuovo piè di pagina può essere applicato all'intero sito web o solo a pagine specifiche.
Come creare un piè di pagina personalizzato con il generatore di temi di Elementor
Elementor è un generatore di pagine dotato di un'interfaccia visiva. Per creare un footer (o una pagina web), devi solo trascinare i widget che desideri nell'editor di Elementor e creare le impostazioni in base alle tue esigenze.
Scopri Come creare un modello di post unico con Elementor Pro
Elementor stesso offre oltre 90 widget. Tecnicamente, puoi utilizzare tutti questi widget durante la creazione di un piè di pagina. Tuttavia, di certo non ti servono tutti. In questo esempio, mostreremo come creare un piè di pagina personalizzato con i seguenti elementi.
- Modulo di iscrizione via e-mail.
- Icone della rete sociale.
- Liens
inizio
Supponendo che tu abbia installato Elementor Pro sul tuo sito Web WordPress, vai alla dashboard e poi su Modelli -> Generatore di temi.
Nella pagina del generatore di temi, vai a la scheda Piè di pagina e fare clic sul pulsante aggiungere per creare un modello di piè di pagina.
Apparirà un pop-up che ti chiederà di dare un nome al tuo modello di piè di pagina. Digita il tuo nome preferito e fai clic sul pulsante CREA UN MODELLO.
Elementor offre diversi modelli di piè di pagina tra cui scegliere. Scegli quello che ti piace e fai clic sul pulsante inserire per caricarlo nell'editor. Oppure, se vuoi creare il piè di pagina da zero, puoi semplicemente chiudere la libreria dei modelli per aprire l'editor.
Vedi anche: Elementor Pro: 10 fantastiche funzionalità da sbloccare - Parte II
In questo esempio, stiamo creando un piè di pagina da zero.
Per creare un piè di pagina che ospita un modulo di iscrizione e-mail, icone di social media e collegamenti, è necessaria una sezione Elementor con tre colonne. Quindi fai clic sul pulsante più nell'editor di Elementor per aggiungere una nuova sezione e seleziona l'opzione della struttura a tre colonne.
Aggiunta del modulo di iscrizione via e-mail
Per aggiungere il modulo di iscrizione e-mail, trascina il widget Modulo a una delle colonne dell'editor.
Vai al pannello di sinistra per effettuare le impostazioni. In genere, un modulo di iscrizione e-mail contiene un solo campo e-mail in modo da poter rimuovere i campi non necessari (nome e messaggio). Puoi integrare il tuo modulo di iscrizione alla posta elettronica con MailChimp, MailerLite e GetResponse.
- Aggiungi le icone dei social media
Per aggiungere le icone dei social media, trascina il widget Icone dei social media a una delle colonne dell'editor.
Vai al pannello di sinistra per effettuare le impostazioni. Puoi aggiungere una nuova icona di social network o rimuovere un'icona esistente. Per personalizzare l'icona, puoi accedere alla scheda Stile.
- Aggiungi link
Esistono diversi widget che puoi utilizzare per aggiungere collegamenti dal tuo sito web. In questo esempio, stiamo usando un elenco di icone. Quindi trascina il widget Elenco delle icone alla colonna restante dell'editor.
Ancora una volta, vai al pannello di sinistra per personalizzare il widget Elenco icone. Per aggiungere un collegamento, fare clic sull'elemento a cui si desidera aggiungere il collegamento e incollare il collegamento desiderato. Se desideri rimuovere l'icona, passa il mouse sull'icona e fai clic sull'icona del cestino.
Di nuovo, puoi accedere l'Scheda Stile per personalizzare i collegamenti. Puoi definire elementi come il colore del testo del collegamento, la tipografia, ecc.
- Cambia lo sfondo del piè di pagina
Se aggiungi una nuova sezione in Elementor, ha il colore predefinito bianco. Se vuoi avere un piè di pagina di colore diverso, attiva la sezione piè di pagina cliccandola sul browser e clicca la scheda Stile nel pannello di sinistra. Cambia lo sfondo della sezione sfondo.
Applica il nuovo piè di pagina
Ci sono così tante opzioni di impostazione che Elementor offre per ogni widget, è impossibile coprirle tutte qui. Puoi giocare con il pannello di sinistra finché non sei soddisfatto del risultato. Quando hai finito, fai clic sul pulsante PUBBLICARE nella parte inferiore del pannello di sinistra.
Nel passaggio successivo, ti verrà chiesto di specificare la condizione di visualizzazione. Per impostazione predefinita, il tuo piè di pagina verrà applicato all'intera sezione del tuo sito web. Quindi, se vuoi che il tuo nuovo piè di pagina venga applicato all'intero sito web, puoi semplicemente fare clic sul pulsante SALVA E CHIUDI.
Al contrario, se desideri che il tuo nuovo piè di pagina venga applicato solo a determinate pagine, fai clic sul pulsante AGGIUNGI CONDIZIONE per impostare le condizioni di visualizzazione. Specifica le pagine su cui desideri applicare il piè di pagina.
Leggi anche: Come aggiungere un pulsante WhatsApp in Elementor
Fare clic sul pulsante SALVA E CHIUDI quando hai finito di specificare la condizione di visualizzazione.
Potenziali errori
Potresti riscontrare un errore tecnico durante la creazione di un piè di pagina con Elementor. L'errore più comune è che l'editor non viene visualizzato. Se riscontri questo problema, prova a utilizzarne un altro tema WordPress.
Ottieni Elementor Pro ora!
Conclusione
Ecco ! Questo è tutto per questo articolo che mostra come creare una galleria di immagini a schede in Elementor. Se hai dubbi su come arrivarci ffacci sapere in commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
