Lottando con come modificare un piè di pagina in WordPress?
Il tuo piè di pagina è la parte del tuo tema WordPress che viene visualizzato nella parte inferiore del tuo sito, in genere su ogni singola pagina.
Modificare il piè di pagina può essere un argomento complicato perché alcuni temi fanno le cose in modo diverso rispetto ad altri temi. Cioè, come si modifica un piè di pagina in un tema potrebbe non essere proprio lo stesso come si fa in un altro tema.
Per fortuna, però, ora ci sono molti punti in comune e la maggior parte dei temi ha iniziato a utilizzare metodi simili.
In questo post, vi mostreremo come modificare un piè di pagina in WordPress utilizzando questi metodi, che dovrebbe funzionare per praticamente ogni tema WordPress moderno.
E se ciò non bastasse, finiremo andando ancora oltre e mostrandoti come puoi creare il tuo piè di pagina personalizzato al 100% usando un editor visivo, drag-and-drop, oltre a come iniettare frammenti di codice nel tuo piè di pagina.
Puoi fare clic qui sotto per passare direttamente a una sezione specifica:
- Modifica piè di pagina utilizzando WordPress Customizer 👈 la maggior parte degli utenti dovrebbe iniziare qui
- Creare il tuo piè di pagina personalizzato utilizzando la Elementor page builder
- Iniettare frammenti di codice nella vostra piè di pagina
Come modificare il piè di pagina in WordPress utilizzando il Customizer
Nel 2021, la maggior parte dei temi di utilizzare un nativo di WordPress caratteristica chiamata Customizer per gestire tema di personalizzazioni, tra cui la modifica piè di pagina.
All’interno del Customizer, ci sono alcuni modi diversi per gestire il piè di pagina del tuo sito:
- WordPress widgets – molti temi creano aree widget per il tuo piè di pagina. È possibile modificare il contenuto del piè di pagina modificando o aggiungendo widget.
- Impostazioni tema – molti temi danno anche le proprie opzioni per controllare il piè di pagina. Questi sono in genere più focalizzati sulle impostazioni di layout. Ad esempio, è possibile scegliere il numero di colonne piè di pagina e quindi aggiungere contenuto a tali colonne utilizzando i widget.
- Menu WordPress – alcuni temi utilizzano il sistema di menu integrato di WordPress per aggiungere collegamenti al piè di pagina.
Il tuo tema potrebbe utilizzare una, due o tutte e tre queste opzioni per darti il controllo sul tuo piè di pagina. Ti mostreremo come funzionano tutti in questa sezione.
Per aprire il Customizer di WordPress, vai a Aspetto → Personalizza nella tua dashboard di WordPress. Dovresti vedere un’anteprima dal vivo del tuo sito sulla destra, insieme a una barra laterale delle impostazioni sulla sinistra.
Ora, ti guideremo attraverso gli scenari comuni su come modificare un piè di pagina in WordPress utilizzando il Customizer
Widget WordPress
Nel 2021 e oltre, molti temi WordPress utilizzano il sistema di widget integrato di WordPress per controllare il contenuto del piè di pagina.
Per vedere se questo si applica al tema, scegliere l’opzione Widget nelle impostazioni della barra laterale. Quindi, vedrai un elenco di posizioni dei widget nel tuo tema.
Se il tema supporta i widget piè di pagina, dovresti vedere almeno una voce per una posizione piè di pagina. È anche comune vedere più posizioni del widget piè di pagina. In questo caso, ogni posizione del widget rappresenta in genere un comune nel piè di pagina.
Ad esempio, il tema Twenty Twenty include due posizioni del widget piè di pagina: ognuna rappresenta una colonna del suo layout a due colonne:
Se scegli una di queste aree, puoi aggiungere/rimuovere / modificare i widget di WordPress per controllare il contenuto in quella parte del piè di pagina. Come si apportano modifiche, si dovrebbe vedere automaticamente l’anteprima dal vivo del vostro aggiornamento piè di pagina:
Se si desidera aggiungere altre opzioni di widget, è possibile utilizzare un plugin WordPress widget per aggiungere nuovi tipi di widget.
Una volta che sei soddisfatto di come appare il tuo piè di pagina, assicurati di fare clic sul pulsante Pubblica nella parte superiore della barra laterale per apportare le modifiche in tempo reale.
Impostazioni tema
Alcuni temi includono le proprie opzioni speciali per personalizzare il piè di pagina. Ad esempio, il nostro tema Neve gratuito include il proprio generatore di piè di pagina drag-and-drop che ti consente di creare il tuo layout di piè di pagina personalizzato.
Queste impostazioni si trovano da qualche parte all’interno delle opzioni del tema nella barra laterale del Customizer. Con Neve, è super facile accedere alle opzioni del piè di pagina: basta scegliere la selezione del piè di pagina di primo livello. Tuttavia, molti altri temi posizionano le impostazioni del piè di pagina in un sottomenu di un’altra sezione.
Un buon trucco per trovare rapidamente queste impostazioni è quello di passare il mouse sopra il piè di pagina sull’anteprima dal vivo. Si dovrebbe quindi vedere l’icona di una matita blu – se si fa clic su tale icona, si dovrebbe prendere direttamente alle impostazioni piè di pagina:
Da lì, è possibile utilizzare le impostazioni del tema per personalizzare il piè di pagina. Con Neve, ottieni questo builder drag-and-drop davvero pulito in cui puoi controllare il layout esatto del tuo piè di pagina:
Il tuo tema potrebbe non darti uno strumento altrettanto flessibile, ma dovresti avere almeno alcune opzioni.
Quando apporti modifiche, l’anteprima dal vivo del piè di pagina dovrebbe aggiornarsi automaticamente.
Una volta che sei soddisfatto di come appare, assicurati di fare clic sul pulsante Pubblica.
Menu WordPress
Alcuni temi WordPress utilizzano il sistema di menu WordPress per creare un menu a piè di pagina. Ciò consente di modificare i link che appaiono nel piè di pagina del sito, ma non consente di aggiungere contenuti personalizzati come è possibile con i widget.
A seconda di come è stato creato il tema, è possibile utilizzare un menu piè di pagina per controllare solo una parte del piè di pagina. Oppure, il tema potrebbe non avere nemmeno uno.
Per verificare se il tuo tema ha questa funzione, apri l’area dei menu nel Customizer di WordPress. Quindi, selezionare l’opzione per visualizzare tutte le posizioni:
Se il tema ha un menu piè di pagina, si dovrebbe vedere una posizione denominata “Menu piè di pagina” o qualcosa di simile. Puoi scegliere un menu esistente dal tuo sito o fare clic sul collegamento per creare un nuovo menu:
Se si crea un nuovo menu, sarete quindi in grado di aggiungere voci di menu proprio lì nel Customizer. Quando aggiungi nuovi contenuti, dovresti vedere automaticamente l’aggiornamento dell’anteprima dal vivo:
Una volta che hai finito, assicurarsi di fare clic sul pulsante per pubblicare il menu.
Come creare un piè di pagina WordPress personalizzato con drag-and-drop
Se imparare a modificare un piè di pagina in WordPress non è sufficiente per te, puoi fare un ulteriore passo avanti e creare il tuo piè di pagina completamente personalizzato.
Sarai in grado di controllare completamente il layout e i colori, aggiungendo anche il tuo testo, immagini, moduli, pulsanti, integrazioni di social media e altro ancora.
Per raggiungere questo obiettivo, è possibile utilizzare due plugin gratuiti:
- Elementor – questo popolare page builder ti dà una visuale, drag-and-drop esperienza di editing. Scopri di più nella nostra recensione Elementor.
- Elementor – Header, Footer & Blocks Template – questo plugin gratuito consente di utilizzare Elementor per progettare footer del tema
Per iniziare, assicurarsi di installare e attivare entrambi i plugin. Quindi, segui queste istruzioni su come modificare un piè di pagina in WordPress usando Elementor
Crea un modello di piè di pagina
Una volta attivi entrambi i plugin, vai su Aspetto → Piè di pagina intestazione & Blocchi nella dashboard di WordPress. Quindi, fare clic su Aggiungi nuovo per creare un nuovo modello:
In Tipo di modello, scegliere Piè di pagina. Quindi, è possibile utilizzare le altre impostazioni per controllare dove visualizzare il piè di pagina e chi dovrebbe vederlo. Per utilizzare questo piè di pagina per ogni pagina del tuo sito, seleziona l’opzione da visualizzare sull’intero sito web.
Una volta che sei soddisfatto delle regole, fai clic sul pulsante per pubblicarlo, proprio come un post sul blog:
Aggiungi contenuto con Elementor
Quindi, fai clic sul pulsante Modifica grande con Elementor per avviare l’interfaccia Elementor. Ora, è possibile utilizzare l’editor drag-and-drop visivo per personalizzare ogni parte del piè di pagina.
Per iniziare, aggiungere una sezione con il numero di colonne che si desidera utilizzare:
Quindi, è possibile aggiungere diversi tipi di contenuti utilizzando molti widget di Elementor. Il Elementor-Header, Piè di pagina & Blocchi Template plugin aggiunge anche alcuni widget utili della propria, come ad esempio un widget dedicato Copyright:
Una volta che sei soddisfatto del tuo design, assicurati di salvarlo. Quindi, sarà in diretta sul tuo sito.
Per ulteriori informazioni su come utilizzare Elementor, controlla questi post:
- Elementor recensione
- Come costruire una landing page con Elementor (questo non è specifico per la costruzione di un piè di pagina, ma non ti insegnano come utilizzare la Elementor interfaccia)
Come aggiungere codice personalizzato per WordPress piè di pagina
a Volte, si potrebbe desiderare di aggiungere backend codice al tuo sito WordPress del piè di pagina invece di cambiare come appare ai visitatori. Userai comunemente questo approccio per tracciare script, analisi, strumenti di test A/B, ecc. Fondamentalmente, qualsiasi situazione in cui è necessario aggiungere un po ‘ di JavaScript al piè di pagina del tuo sito.
facilmente iniettare il codice senza la necessità di creare un tema figlio e modificare manualmente il vostro modello di piè di pagina, è possibile utilizzare la connessione Inserire Intestazioni e Piè di pagina del plugin WordPress.org.
una Volta installato e attivato, è possibile accedere a Impostazioni → Inserire Intestazioni e Piè di pagina e aggiungere lo script per includere nel vostro WordPress piè di pagina:
ecco come modificare il piè di pagina in WordPress!
Per ricapitolare, ti abbiamo mostrato alcuni metodi diversi che puoi usare per modificare un piè di pagina in WordPress.
La maggior parte delle persone dovrebbe iniziare con il Customizer WordPress, in quanto è lì che il tema dovrebbe avere le sue opzioni di personalizzazione footer integrate.
A seconda del tema, è possibile utilizzare i widget WordPress, le impostazioni del tema unico, e / o il sistema di menu di WordPress.
Ad esempio, il nostro tema Neve gratuito include il proprio footer builder nel Customizer di WordPress che incorpora anche widget e menu.
Se il tuo tema non ti dà abbastanza controllo sul tuo piè di pagina, un’altra opzione è quella di costruirlo da solo usando il popolare plugin Elementor page builder.
Infine, per quanto riguarda cosa includere nel tuo piè di pagina, controlla il nostro post su tre elementi chiave del piè di pagina per tutti i siti web.