Come implementare WordPress intestazioni diverse per pagina?

Pubblicato: 2022-09-12

Un'intestazione decente su un sito WordPress è essenziale perché cattura immediatamente l'attenzione dei visitatori del tuo sito e, se fatta bene, può migliorare la loro intera esperienza. Sempre più proprietari di negozi, tuttavia, si stanno concentrando meno sulle intestazioni di pagina generiche e più su quelle che sono esclusivamente loro. Anche se all'inizio può sembrare scoraggiante, con le nostre linee guida lo completerai in pochi minuti.

In questo articolo, esamineremo le specifiche su come implementare WordPress intestazioni diverse per pagina per il tuo negozio online.

Sommario
[Mostra nascondi]
  1. Perché il tuo negozio ha bisogno di WordPress intestazioni diverse per pagina?
  2. Come implementare WordPress intestazioni diverse per pagina: 3 semplici metodi
    1. 1. Utilizzo di Generatore di temi
      1. Passaggio 1: abilita l'intestazione della pagina
      2. Passaggio 2: personalizza le intestazioni di pagina
      3. Passaggio 3: pubblica per salvare ciò che hai fatto.
    2. 2. Adozione di plugin
      1. Passaggio 1: download di "intestazione unica"
      2. Passaggio 2: utilizza il plug-in
    3. 3. Metodo manuale
  3. Conclusione

Perché il tuo negozio ha bisogno di WordPress intestazioni diverse per pagina?

Intestazioni diverse per pagina di WordPress è una funzionalità che consente agli utenti di personalizzare le intestazioni in modo che siano distinte dalle altre pagine. Un'intestazione unica che fa il suo lavoro con successo non solo dividerà la pagina in sezioni, ma attirerà anche l'attenzione sulle qualità speciali della pagina.

Ecco perché è fondamentale che il tuo sito WordPress abbia intestazioni uniche. Inoltre, puoi personalizzare la tua esperienza assegnando a ogni pagina un'intestazione univoca. Puoi modificare la formulazione e il logo dell'intestazione per attirare meglio il tuo pubblico e fare una solida prima impressione su ogni pagina.

Sebbene la personalizzazione di intestazioni diverse per pagina di WordPress possa richiedere molto tempo, spesso si ottengono risultati significativi. Dal punto di vista del cliente, consente loro di saperne di più su di te e sullo scopo di ogni pagina e di individuare il materiale specifico che stanno cercando con il minimo sforzo. Può anche creare un marchio accattivante, creare una pagina di vendita e utilizzare un'intestazione WordPress univoca su ogni pagina della canalizzazione di vendita per aumentare le conversioni.

La creazione di un'intestazione personalizzata WordPress univoca per ogni pagina di un sito sembra essere un'impresa ardua. Tuttavia, con le nostre istruzioni passo passo, sicuramente non sarà così. In effetti, con determinati approcci, tutto è facile come pochi clic.

Come implementare WordPress intestazioni diverse per pagina: 3 semplici metodi

Prima ancora di passare alla creazione delle intestazioni, la scelta di un design di intestazione da utilizzare è il primo passo essenziale. Dai un'occhiata alle seguenti linee guida e suggerimenti per la creazione di intestazioni WordPress professionali:

  • Progetta il titolo, la descrizione e il logo del sito.
  • Compatibile con qualsiasi dimensione dello schermo
  • Scegli immagini che si adattino all'estetica del tuo marchio e ad ogni pagina.
  • Se puoi, usa le fotografie che hai scattato tu stesso per generare un senso di autenticità.

Ora, passiamo all'implementazione di WordPress intestazioni diverse per pagina. Di seguito sono riportati 3 semplici approcci (dal più semplice al più difficile) per creare un'intestazione univoca per ogni pagina su WordPress:

  • Utilizzo di Generatore di temi
  • Adozione di plugin
  • Metodo manuale
come-implementare-wordpress-intestazioni-diverse-per-pagina-1

1. Utilizzo di Generatore di temi

Per la maggior parte delle attività online su WordPress, i proprietari utilizzano spesso Theme Builder per sfruttare alcuni dei principali vantaggi incorporati di quel tema. Alcuni dei costruttori di temi più popolari sono WooCommerce (incluso Woostify), Seed Prod, Template Toaster,... Quindi, in genere include la funzione per creare intestazioni WordPress diverse per pagina.

In questo articolo, prenderemo come esempio il tema Woostify. Tuttavia, se usi altri temi, sarà sicuramente simile a questo e puoi sempre trovare le istruzioni nei loro tutorial sui temi.

Passaggio 1: abilita l'intestazione della pagina

Se vai alla dashboard e fai clic su Aspetto > Personalizza > Layout > Intestazione pagina , verrà visualizzata una nuova finestra, come mostrato di seguito.

come-implementare-wordpress-intestazioni-diverse-per-pagina-2

Passaggio 2: personalizza le intestazioni di pagina

Per modificare rapidamente l'aspetto dell'intestazione della tua pagina, utilizza semplicemente i menu a discesa per selezionare un nuovo valore per l'opzione di visualizzazione, il titolo, l'allineamento del testo, il colore di sfondo, l'immagine,...

come-implementare-wordpress-intestazioni-diverse-per-pagina-3

Passaggio 3: pubblica per salvare ciò che hai fatto.

Il passaggio successivo è aggiornare la modifica. Se desideri aggiornare l'intestazione di ogni pagina del tuo sito, segui i passaggi precedenti e quindi vai a Pagine > Tutte le pagine > Guarda nella dashboard.

Infine, individua l'area dell'intestazione della pagina in Impostazioni pagina nella barra laterale destra. Ora puoi utilizzare le stesse opzioni di personalizzazione delle altre pagine. Puoi anche nascondere il titolo della pagina in WordPress.

2. Adozione di plugin

I plugin di WordPress consentono anche di mostrare un'intestazione univoca su ogni pagina. Intestazioni uniche, intestazioni di visualizzazione WP, immagini di intestazione in primo piano e molti altri sono solo alcuni esempi dei numerosi plugin di WordPress disponibili.

I plugin sono ampiamente utilizzati poiché spesso portano funzionalità specializzate. Utilizzando queste estensioni, puoi aggiungere rapidamente e facilmente nuove intestazioni al tuo sito e a ciascuna pagina. La configurazione e l'attivazione dei plug-in in genere rendevano il processo semplice: in meno di due minuti, il gioco era fatto.

Nel nostro articolo utilizzeremo il plugin denominato “Unique Header”. Con questo plug-in, quando modifichi un post o una pagina verrà visualizzata un'immagine di intestazione aggiuntiva. Puoi avere opzioni per utilizzare la stessa intestazione in tutto il sito o diverse su ogni pagina quando modifichi pagine diverse.

Passaggio 1: download di "intestazione unica"

Innanzitutto, devi prima scaricare il plug-in. Vai su Plugin> Aggiungi nuovo > Cerca " Intestazione univoca " (o qualsiasi plug-in di intestazione che desideri ottenere). Fare clic su " Download " e " Attiva " in seguito per poterlo utilizzare.

come-implementare-wordpress-intestazioni-diverse-per-pagina-3

Passaggio 2: utilizza il plug-in

Dopo aver attivato il plug-in, fai clic su " Imposta immagine intestazione personalizzata " nell'angolo in basso a destra dello schermo. Ora puoi caricare un'immagine personalizzata e il gioco è fatto.

​​

Infine, l'intestazione sarà così sul tuo front-end.

come-implementare-wordpress-intestazioni-diverse-per-pagina-4

3. Metodo manuale

Su WordPress, le intestazioni possono essere modificate tramite codice. Sebbene questa sia una delle caratteristiche distintive di WordPress, non molte persone possono eseguirla poiché richiede una certa conoscenza della codifica. Pertanto, gli utenti senza background tecnico dovrebbero evitare questa strategia. La modifica diretta dei file del tema non è consigliata, poiché anche un piccolo errore può causare seri problemi al tuo sito web.

Sotto Aspetto > Editor file tema nella dashboard di WordPress, troverai i file di intestazione per il tuo tema. Vai ai file modello style.css e modifica l'intestazione. Quindi, sostituisci il codice dell'intestazione all'interno di un file modello di pagina (page.php, ad esempio) come di seguito. Ciò ti consente di fare riferimento a intestazioni WordPress univoche su più pagine.

 <?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>

Come puoi vedere, la funzione "is_page" viene utilizzata per determinare se la pagina corrente è la pagina " about ", il codice precedente indicherà semplicemente a WordPress di utilizzare il file header-about.php. In caso contrario, WordPress utilizzerà il file di intestazione predefinito. Lì puoi modificare l'aspetto del sito inserendo o rimuovendo il codice nell'intestazione del sito.

Conclusione

In questo articolo, ti abbiamo mostrato come implementare le diverse intestazioni di WordPress per pagina in pochi semplici passaggi. Puoi rimanere aggiornato e in anticipo sul gioco con il tuo business online e vedere altri tutorial pratici come questo iscrivendoti alla nostra mailing list.