Scopri come modificare un piè di pagina in WordPress: una guida completa

Modificare il piè di pagina in WordPress può essere frustrante, ma non è un compito difficile. La sfida è che ogni tema WordPress ha un layout del piè di pagina unico e ottenere il design desiderato può richiedere molto tempo.

Detto questo, è importante non trascurare il credito del piè di pagina. Serve a diversi scopi utili. I visitatori spesso scorrono fino al piè di pagina per informazioni importanti e questo aiuta anche la SEO del tuo sito.

Questa guida ti mostrerà come modificare un piè di pagina di WordPress. Condivideremo anche alcuni plugin per renderlo più semplice.

Perché aggiornare il piè di pagina di WordPress?

La maggior parte dei temi WordPress ha un’area del piè di pagina personalizzabile. Puoi modificarlo facilmente in base alle esigenze del tuo sito web. La modifica del piè di pagina non è solo una tattica SEO, ma si tratta di migliorare l’esperienza utente del tuo sito rendendo le informazioni chiave facili da trovare.

Il piè di pagina è un punto perfetto per dettagli importanti. Puoi aggiungere informazioni sul copyright, informazioni di contatto e link a pagine chiave come Informazioni, Contatti o Blog. Anche l’inclusione di link ai tuoi account sui social media è un must, poiché queste nozioni di base sarebbero un ottimo inizio. Ma aggiorna le aree del widget del piè di pagina per evidenziare l’unicità del tuo marchio.

Molti utenti web si aspettano di trovare informazioni utili nel piè di pagina di un sito Web WordPress. Averlo facilmente accessibile aiuta i visitatori a navigare nel tuo sito e ad aumentare il coinvolgimento.

Ecco perché è importante mantenere aggiornato l’elemento del piè di pagina

• Aggiorna il piè di pagina: Se la tua attività cambia indirizzo, telefono o e-mail. In questo modo i visitatori possono contattarti con le informazioni corrette.
• Aggiornamento delle informazioni legali: se l’Informativa sulla privacy o i Termini di servizio cambiano, aggiorna i link del piè di pagina in modo che puntino alle versioni più recenti. Ciò garantisce che gli utenti possano accedere ai dettagli legali più recenti.
• Aggiunta o rimozione di link: man mano che il tuo sito cresce, potrebbe essere necessario aggiungere o rimuovere link nella posizione pertinente del piè di pagina per mantenerlo aggiornato. Ad esempio, se lanci un nuovo prodotto o servizio, l’aggiunta di un link a quella pagina web nel piè di pagina aiuta gli utenti a trovarlo facilmente.
• Aggiornamento rapido del design: se non è prevista una riprogettazione completa, l’aggiornamento del piè di pagina (e forse dell’intestazione) può dare al tuo sito un aspetto fresco. Aggiornare i crediti del piè di pagina e altri elementi è un modo semplice per modernizzare il tuo sito web senza una revisione completa.
• Potenziare la SEO: un piè di pagina ben strutturato con link utili come una mappa del sito, può migliorare la SEO del tuo sito. I motori di ricerca utilizzano questi link per indicizzare meglio il tuo sito, il che può portare a un migliore posizionamento.

Un piè di pagina aggiornato e ponderato migliora la SEO e l’esperienza utente del tuo sito. Aiuta i visitatori a trovare rapidamente ciò di cui hanno bisogno. Gestisci i widget del piè di pagina sul sito Web WordPress per mantenere il tuo sito pertinente, intuitivo e organizzato. Scopri come modificare il piè di pagina nel piè di pagina di WordPress.

In WordPress, il contenuto del piè di pagina è memorizzato nel file footer.php, che di solito è scritto in HTML o CSS.

Tuttavia, non è necessario modificare direttamente questo file per personalizzare il testo del piè di pagina del tuo sito. Invece, puoi utilizzare i widget, il Customizer di WordPress o un plug-in per apportare facilmente le modifiche.

Come modificare il piè di pagina di WordPress con i widget

Modificare il piè di pagina di WordPress utilizzando i widget è uno dei metodi più semplici, a condizione che il tema includa un’area widget del piè di pagina di WordPress. Se il tuo tema non offre questo, dovrai provare un altro metodo.

Per accedere alla sezione dei widget, vai alla dashboard di WordPress, passa il mouse su Aspetto e fai clic su Widget

Nella pagina Widget , vedrai due sezioni: Widget disponibili e l’area di modifica del piè di pagina . Tieni presente che, a seconda del tema, il numero di aree del piè di pagina può variare.

Per personalizzare il piè di pagina, è sufficiente trascinare e rilasciare un widget nella sezione della barra del piè di pagina desiderata. Una volta posizionato il widget, fai clic su di esso per configurare le impostazioni e quindi premi Salva.

Per aggiungere collegamenti al piè di pagina utilizzando la pagina dei menu, attenersi alla seguente procedura:

Puoi personalizzare il piè di pagina di WordPress aggiungendo un menu personalizzato come widget. Innanzitutto, vai alla sezione “Menu” sotto “Aspetto” nella dashboard e scegli l’opzione per creare un nuovo menu.

Assegnagli un nome chiaro in modo da poterlo identificare facilmente in seguito. Se è la prima volta che imposti un menu, WordPress ti guiderà a crearne uno.

Una volta nominato il menu, cerca “Impostazioni menu” e seleziona l’opzione per assegnare questo menu al piè di pagina. Successivamente, fai clic su “Crea menu” in basso.

Ora puoi iniziare ad aggiungere il contenuto che desideri visualizzare nel menu a piè di pagina. Puoi aggiungere link a pagine, post o persino categorie. Quando sei soddisfatto degli elementi che hai aggiunto, fai clic su “Salva menu” per confermare tutto.

Ora è il momento di visualizzare il menu nel piè di pagina. Vai alla sezione “Widget” sotto “Aspetto”. Cerca il blocco “Menu di navigazione a piè di pagina” facendo clic sul pulsante “+”. Una volta trovato, aggiungilo all’area del widget del piè di pagina.

Quindi, utilizza il menu a discesa per selezionare il menu personalizzato che hai appena creato. Se lo desideri, puoi anche modificare il titolo predefinito del “Menu di navigazione” in qualcosa di più descrittivo.

Infine, fai clic su “Aggiorna” per salvare le impostazioni e il nuovo menu apparirà nel piè di pagina del tuo sito.

Come modificare il piè di pagina tramite i temi di WordPress

Puoi anche modificare il piè di pagina di WordPress utilizzando il Customizer integrato, che ti offre un’anteprima in tempo reale delle tue modifiche man mano che le apporti. Per accedere al Customizer, vai alla sezione “Aspetto” nella dashboard di WordPress e fai clic su “Personalizza”.

Nella funzione di personalizzazione, potresti trovare diversi modi per regolare il piè di pagina a seconda del tema:

• Opzioni del tema: alcuni temi classici hanno una sezione a piè di pagina. Puoi modificare i colori, i bordi o il testo in modo che corrispondano all’aspetto del tuo sito.
• Widget: se il tuo tema supporta i widget del piè di pagina, qui puoi aggiungere contenuti, come testo, immagini o link ai social media, al tuo piè di pagina.
• Menu: se desideri includere collegamenti di navigazione, puoi aggiungere un menu al piè di pagina tramite le impostazioni del menu qui.

Una volta che sei soddisfatto dell’aspetto del tuo piè di pagina, assicurati di fare clic su “Pubblica” o “Salva bozza” per applicare le modifiche.

Tieni presente che non tutti i temi offrono opzioni di personalizzazione diretta del piè di pagina. Se il tuo non lo fa, puoi comunque modificare il piè di pagina personalizzando widget e menu. Alcuni temi possono posizionare le impostazioni del piè di pagina in aree come un “Generatore di piè di pagina” invece del pannello Opzioni tema.

Come rimuovere il piè di pagina “Powered By WordPress”

Molti temi WordPress includono un messaggio “Powered by WordPress” nel piè di pagina e talvolta anche crediti allo sviluppatore del tema, come “Tema dello sviluppatore A”. Anche se non c’è nulla di intrinsecamente sbagliato in questo, potrebbe non essere in linea con l’immagine o la professionalità del tuo marchio.

Per rimuovere o modificare questo messaggio, puoi modificare il file footer.php nel tuo tema. Prima di apportare modifiche, è una buona idea eseguire il backup dei file del sito Web WordPress per evitare problemi accidentali.

Una volta che sei pronto, vai alla dashboard di WordPress e segui questi passaggi:

• Vai all’Editor del tema dell’aspetto > nel pannello di amministrazione.
• Sul lato destro, sotto File del tema, trova e fai clic su Piè di pagina del tema (footer.php).
• Nel codice, cerca la sezione che visualizza il messaggio “Powered by WordPress”. Ad esempio, nel tema Twenty Twenty, potrebbe essere simile a questo:

Puoi eliminare questa parte o sostituirla con il tuo marchio. Una volta terminato, premi il pulsante Aggiorna file per salvare le modifiche e il messaggio del piè di pagina verrà aggiornato sul tuo sito.

Come aggiungere codice al piè di pagina di WordPress

A volte, potrebbe essere necessario aggiungere codice personalizzato al piè di pagina di WordPress, sia per modifiche al design che per connettersi con servizi esterni. Ci sono alcuni modi per farlo, a seconda di ciò che stai cercando di ottenere.

Se stai apportando semplici modifiche al design, come regolare il colore o la spaziatura del piè di pagina, puoi utilizzare l’opzione CSS aggiuntivo in Personalizzatore. Ad esempio, per modificare il colore dello sfondo e del bordo del piè di pagina, aggiungere il seguente frammento di codice:

.footer-widgets-outer-wrapper, .footer-top {
border-color: #000;
}
.footer-nav-widgets-wrapper, #site-footer {
background-color: #D7BDE2;
}

Oppure, per regolare i margini e la spaziatura interna del piè di pagina, è possibile aggiungere:

.widget .widget-title {
margin-bottom: 1rem;
}
.footer-widgets a {
padding-left: 5rem;
}

Una volta aggiunto il codice, basta premere il pulsante Attiva e pubblica per applicare le modifiche.

Per aggiunte più complesse, come l’inserimento di script personalizzati, il plug-in Inserisci intestazioni e piè di pagina è l’opzione più semplice. Dopo averlo installato e attivato, vai su Intestazione e piè di pagina degli snippet di > codice dalla dashboard. Scorri fino alla sezione Piè di pagina, incolla il codice e fai clic su Salva modifiche.

Se hai familiarità con la programmazione, puoi anche modificare manualmente il piè di pagina modificando i file PHP del tema. Questo approccio richiede la conoscenza di HTML, CSS, JavaScript e dello sviluppo web di base, ma ti dà il pieno controllo su ciò che viene aggiunto al piè di pagina.

Aggiungi script HTML al piè di pagina in WordPress

Puoi personalizzare il piè di pagina di WordPress aggiungendo HTML. Ciò ti consente di includere elementi come codice, immagini o icone dei social media. Utilizzando l’HTML, puoi facilmente aggiungere dettagli essenziali come informazioni di contatto, testo del copyright o link alla tua informativa sulla privacy e ai termini di servizio.

HTML ti consente di inserire codici di monitoraggio per l’analisi. Ti consente anche di apportare modifiche visive al piè di pagina. Puoi regolare le dimensioni dei caratteri, aggiungere immagini, cambiare i colori o modificare il layout in modo che corrisponda al design del tuo sito.

Per aggiungere HTML al piè di pagina, vai alla dashboard di WordPress e vai su Personalizza aspetto>. Una volta nel Customizer, cerca la sezione del piè di pagina che corrisponde al tuo tema. Seleziona l’area del widget in cui desideri inserire il contenuto HTML.

Quindi, fai clic su Aggiungi un widget, scegli HTML personalizzato dalle opzioni e trascinalo nell’area del widget selezionata. Quindi, incolla il tuo codice HTML nella casella del contenuto del widget. Una volta terminato, salva le modifiche e visualizza l’anteprima del tuo sito per vedere come appaiono i nuovi elementi nel piè di pagina.

Effettuare un controllo del sito

Dopo aver aggiornato il piè di pagina sul tuo sito WordPress, controlla il sito e assicurati che tutto funzioni correttamente. Non ha bisogno di un audit approfondito. Ma per favore esamina aree chiave come i link, il design, il layout e la reattività del sito. Questo per confermare che le tue modifiche non hanno disturbato nulla.

La modifica del piè di pagina potrebbe influire su altre parti del sito. Quindi, controlla tutte le funzionalità importanti, come i moduli e il processo di pagamento sui siti di e-commerce. È intelligente controllare le prestazioni del sito dopo le modifiche. Alcune modifiche potrebbero influire su un plug-in o sul tema del tuo sito.

Gli aggiornamenti del piè di pagina raramente causano problemi. Ma un rapido doppio controllo assicura che il tuo sito funzioni senza intoppi e ti dà tranquillità.

Creazione di piè di pagina WordPress personalizzati

Per creare piè di pagina personalizzati per diverse sezioni del tuo sito WordPress, hai bisogno di qualcosa di più di semplici modifiche nel Customizer o nei Widget. Richiede modelli di pagina personalizzati e logica condizionale. Questo mostrerà un design unico del piè di pagina per pagine o categorie specifiche.

Per iniziare, dovrai creare un nuovo modello di pagina. Innanzitutto, crea un nuovo file PHP nella directory del tuo tema. Aggiungi il seguente frammento di codice PHP all’inizio di questo file:

<?php
/*
Template Name: Custom Footer
*/
?>

Sostituisci “Piè di pagina personalizzato” con un nome che descriva il tuo modello. Ora puoi aggiungere il tuo codice a piè di pagina personalizzato, utilizzando HTML, CSS e JavaScript per progettarlo. Se si desidera che venga visualizzato anche il piè di pagina predefinito, includere la `get_footer()` funzione. È inoltre possibile utilizzare `wp_nav_menu()` per visualizzare menu personalizzati.

Una volta terminata la codifica, salva il file modello e caricalo nella directory del tuo tema. Quindi, vai all’editor di WordPress per la pagina in cui desideri che appaia questo piè di pagina personalizzato. Nella sezione Attributi pagina a destra, seleziona il modello “Piè di pagina personalizzato” e salva le modifiche.

È possibile creare più piè di pagina personalizzati seguendo la stessa procedura. Per mostrare piè di pagina diversi in base a condizioni specifiche, come il tipo di pagina o la categoria, utilizza la logica condizionale nel modello. Per esempio:

<?php
if ( is_front_page() ) {
// Code for front page footer
} elseif ( is_page( 'about' ) ) {
// Code for about page footer
} else {
// Code for default footer
}
?>

Sostituisci “about” con lo slug o l’ID della pagina in cui desideri un piè di pagina personalizzato. Puoi utilizzare i tag condizionali di WordPress per creare piè di pagina per categorie, tag o altri tipi di pagina. In questo modo avrai il pieno controllo sull’aspetto e sul comportamento del piè di pagina in tutto il tuo sito.

Errori comuni durante la modifica di un piè di pagina in WordPress

Modifica diretta dei file del tema

La modifica del file footer.php o di file di temi simili può causare problemi durante l’aggiornamento del tema. Gli aggiornamenti sovrascriveranno le modifiche, causando la perdita delle personalizzazioni. È meglio usare temi figlio o un plugin per evitare questo.

Ignorare le limitazioni del tema

Alcuni personalizzatori di temi WordPress non offrono molta flessibilità nel piè di pagina e l’aggiunta di elementi o script non supportati può interrompere il design, specialmente con l’editor drag-and-drop come Elementor. Prima di apportare modifiche, controlla sempre ciò che il tuo tema consente o prendi in considerazione l’utilizzo della modifica completa del sito con l’editor del sito per ulteriori opzioni di personalizzazione.

Sovraccarico del piè di pagina in WordPress

Riempire il piè di pagina con troppi contenuti può sopraffare i visitatori e avere un impatto negativo sull’esperienza dell’utente. I piè di pagina dovrebbero fornire collegamenti e informazioni essenziali in modo pulito e organizzato. Limita il numero di elementi per evitare disordine.

Trascurare la reattività mobile

Molti utenti dimenticano di testare l’aspetto del piè di pagina su dispositivi diversi. Ciò che funziona su un desktop potrebbe non essere tradotto bene sugli schermi di dispositivi mobili o tablet. Assicurati sempre che il piè di pagina rimanga leggibile e funzionale su tutte le dimensioni dello schermo.

Non eseguire il backup prima delle modifiche

Apportare modifiche importanti al tuo sito senza eseguirne il backup è rischioso. Un passo falso nel codice o nelle impostazioni può danneggiare l’intero sito Web WordPress. Esegui sempre il backup del tuo sito prima di apportare modifiche, sia che tu stia aggiungendo CSS personalizzati o modificando la struttura del piè di pagina.

Uso improprio di widget e plug-in

Affidarsi eccessivamente ai widget o utilizzare troppi plugin può causare conflitti o rallentare il tuo sito. Alcuni plugin possono aggiungere bulk o script non necessari al piè di pagina, influenzando i tempi di caricamento. Scegli soluzioni leggere e usa i widget in modo strategico.

3 migliori plugin per piè di pagina di WordPress

Gestore del codice del piè di pagina dell’intestazione

Questo plugin ti consente di aggiungere codice all’intestazione o al piè di pagina del tuo sito WordPress. Supporta JavaScript, CSS e pixel di tracciamento. Normalmente, per farlo è necessario modificare manualmente i file del tema, il che può essere complicato e rischioso per i principianti. Con questo plugin, puoi aggiungere questo codice senza toccare direttamente il codice del tuo sito.

Come aiuta con i piè di pagina:

• Puoi inserire codici di monitoraggio importanti (come Google Analytics o Facebook Pixel) nel piè di pagina. Questo aiuta a monitorare i visitatori senza rallentare il tuo sito.
• Se desideri aggiungere stili personalizzati (CSS) o JavaScript al piè di pagina, puoi farlo rapidamente senza modificare i file del tema.
• Il plug-in fornisce un’interfaccia pulita per gestire tutti i tuoi codici, quindi è facile vedere cosa è stato aggiunto e dove.
• Risparmia tempo, riduce gli errori e mantiene le modifiche dopo un aggiornamento del tema.

Piè di pagina personalizzato WP

WP Custom Footer è un semplice plugin. Ti consente di aggiungere contenuti personalizzati al piè di pagina del tuo sito web. Puoi aggiungere testo, immagini, link o HTML. È facile da usare e non richiede alcuna conoscenza di codifica.

Come aiuta con i piè di pagina:

• Questo plug-in ti consente di aggiungere un avviso di copyright, collegamenti o icone di social media.
• Puoi personalizzare il piè di pagina in modo che corrisponda al tuo marchio. Ad esempio, aggiungi un logo o una dichiarazione di intenti.
• Non è necessario modificare il codice del piè di pagina o i fogli di stile del tema. L’interfaccia del plugin fa tutto.
• Semplifica la personalizzazione del piè di pagina per i principianti. Non rischierai di rompere il layout del tuo sito toccando il codice. È un’ottima opzione per aggiungere informazioni di base ma importanti al piè di pagina.

Inserire intestazione e piè di pagina

Questo plug-in ti consente di aggiungere facilmente codice all’intestazione e al piè di pagina del tuo sito Web WordPress. Puoi usarlo per aggiungere script, come Google Analytics, Facebook Pixels o codici di verifica per servizi di terze parti.

Come aiuta con i piè di pagina:

• Puoi facilmente aggiungere script e codice da caricare nel piè di pagina. Ciò migliorerà le prestazioni dei tuoi siti Web WordPress. L’inserimento di questi codici nel piè di pagina rende il caricamento del sito più veloce. Questo è ottimo per l’esperienza dell’utente.
• Supporta tutti i tipi di codice, dall’HTML a JavaScript, rendendolo molto flessibile per varie esigenze.
• È particolarmente utile per aggiungere codice SEO o script di annunci e analisi.
• Questo plugin è leggero e facile da usare. È perfetto se hai bisogno di aggiungere rapidamente il codice del piè di pagina. Non dovrai modificare i file del tuo tema o preoccuparti di perdere le modifiche durante l’aggiornamento.

Pensieri finali

La modifica del piè di pagina con il marchio del tuo sito web aziendale è essenziale per migliorare l’esperienza dell’utente e le prestazioni del sito. Che si tratti di aggiungere link importanti, aggiornare le informazioni di contatto o inserire codice per SEO e analisi, il tuo piè di pagina gioca un ruolo chiave. Utilizzando i widget di WordPress, il Customizer di WordPress o i plug-in specifici per i piè di pagina possono rendere il processo fluido e intuitivo.

Plugin come Header Footer Code Manager, WP Custom Footer e Insert Headers and Footers offrono soluzioni semplici per personalizzare il piè di pagina senza conoscenze di codifica. Mantenendo il tuo piè di pagina aggiornato e ben organizzato, potenzi la SEO e migliori la navigazione, rendendo il tuo sito più accessibile e coinvolgente per i visitatori.

Domande frequenti