Vai al contenuto principale

Come creare un piè di pagina in WordPress con Elementor

Divi: il tema WordPress più semplice da usare

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]

Ti piacerebbe creare un footer in WordPress con Elementor?

Non tutti i temi di WordPress 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 utilizzando un tema WordPress che offre un generatore 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.

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]

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.

crea un piè di pagina in WordPress con Elementor

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.

crea un piè di pagina in WordPress con Elementor

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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.

crea un piè di pagina in WordPress con Elementor

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.

crea un piè di pagina in WordPress con Elementor

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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

crea un piè di pagina in WordPress con Elementor

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 utilizzare un tema WordPress diverso.

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.

...

Questo articolo contiene i commenti 0

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
0 azioni
quota
Tweet
Enregistrer