Come nascondere il titolo della pagina in WordPress

Per impostazione predefinita, dopo aver creato e pubblicato una pagina, WordPress visualizza il titolo sul front-end.

Nota che non mi riferisco ai titoli di pagina che compaiono nella scheda del browser, ma a quelli che appaiono sulla tua pagina come titoli, preferibilmente H1.

In alcuni casi, ad esempio quando crei la tua home page o una pagina di destinazione, potresti voler rimuovere il titolo per aggiungerne uno personalizzato, il che sarebbe più efficace quando si tratta di marketing, od eliminarlo per questioni grafiche.

In questo articolo ti mostrerò come nascondere i titoli delle pagine in WordPress per tutte o alcune pagine specifiche, tramite l’area di modifica, le opzioni del tema, il CSS o i plugin.

Nascondere il titolo “senza fare niente”

Quando crei una pagina, puoi semplicemente lasciarla senza un titolo.

Il tuo permalink rimarrà, non preoccuparti, e puoi sempre modificarlo in seguito e come preferisci.

Anche se questo metodo è molto semplice, non è l’ideale in quanto, se avrai molte pagine senza titoli, non sarai in grado di riconoscerle in futuro, e poi è una mancanza di stile!

Nascondere il titolo della pagina tramite le opzioni del Tema o del template

È meglio che tu apprenda sempre tutte le opzioni del tuo tema, così da poterlo conoscere meglio e vedere cosa offre e cosa no.

Anche se è abbastanza raro, alcuni temi di WordPress potrebbero avere una funzionalità nelle opzioni che ti permettono di nascondere i titoli per certe pagine o per tutte quante. Troverai sicuramente questa opzione in un tema WordPress premium.

D’altra parte, è più comune per i temi contenere diversi modelli di pagina che hanno funzionalità diverse.

Quando crei una pagina, nella parte destra, sotto “Attributi di pagina“, troverai un Menu a discesa con diversi modelli da scegliere.

Quali e quanti modelli di pagina troverai, dipenderà dal tema che stai utilizzando.

Provali o leggi la documentazione del tema per scoprire se un modello può occultare il titolo della pagina.

Nascondere il titolo della Pagina via CSS

Non preoccuparti, non è difficile, e ti guiderò passo dopo passo!

Dato che Google è un grande fan dei contenuti nascosti, perché in pratica stai solo nascondendo il titolo sul front-end, ma resta comunque all’interno del codice sorgente, ti mostrerò come farlo per una pagina specifica o per tutte le pagine.

  • Nascondere il titolo per una pagina specifica:

Innanzitutto, ti servirà l’ID della pagina.

Vai a Pagina -> Tutte le pagine; Passa il cursore del mouse sulla pagina, quindi sul link “Modifica“, ma non fare clic su di esso; Nella parte inferiore del browser, vedrai un collegamento contenente l’ID della pagina. (Puoi anche cliccare modifica e vedrai l’id nella parte superiore del  browser).

ID pagina
ID pagina WordPress

Come puoi vedere, l’ID della pagina che ho scelto è 924.

Ora che hai l’ID, devi aggiungerlo al codice CSS.

Puoi aggiungerlo al codice CSS in diversi posti: nel file style.css del tuo tema, o nella casella CSS personalizzato del tuo tema (se ne ha uno), o nella funzione “CSS aggiuntivo” di WordPress, che userò per il nostro esempio.

Vai ad Aspetto -> Personalizza, che si trova nella parte sinistra della Dashboard; Clicca su CSS aggiuntivo; Aggiungi il codice qui sotto e premi il pulsante “Pubblica“.

.page-id-924 .entry-title{
display:none;
}

Ovviamente, devi cambiare l’ID (924) con il tuo.

  • Cancellare il titolo per tutte le Pagine

Ora useremo il CSS per nascondere tutti i titoli delle pagine.

Vai su Aspetto -> Personalizza, CSS aggiuntivo, e aggiungi questo codice:

.page .entry-title{
display:none;
}

Questo dovrebbe funzionare nella maggior parte dei casi, ma potrebbe accadere che alcune pagine, per qualsiasi ragione, abbiano un’altra classe CSS per il titolo.

Quindi, se hai aggiunto il codice sopra, ma una pagina o due hanno ancora il titolo visualizzato, dovrai scoprire la loro classe CSS.

Per trovare le specifiche del titolo per il tuo CSS:

Metti il ​​cursore del mouse esattamente sul titolo; Fai clic destro su di esso e seleziona “Ispeziona” o Ispeziona elemento: dipende dal browser; Quindi dovrebbe apparire una piccola finestra che evidenzia esattamente il titolo.

Ispeziona pagina Chrome - CSS
Ispeziona pagina Chrome

Come puoi vedere, class = “page-title”, non class = “entry-title”, come le altre pagine.

Quindi, dovremo aggiungere quella classe anche al codice CSS precedente. Il codice diverrà simile a questo:

.page .entry-title, .page-title{
display:none;
}

Nascondere il titolo della Pagina tramite Plugin

Non ci sono molti plugin che fanno questo lavoro, ma sono riuscito a trovarne due:

Non posso garantire che funzioneranno bene per tutti i temi, però ci puoi provare.

Non hanno alcuna impostazione, aggiungono semplicemente un meta-box sul lato destro dell’area di modifica(in basso).

Plugin nascondere titolo wordpress
Plugin nascondere titolo pagina wordpress

I plugin non hanno un’opzione per nascondere tutti i titoli delle pagine. Dovrai nascondere i titoli uno per uno.

Il secondo plugin, Title Remover, rimuove anche il titolo dal codice sorgente, non lo nasconde semplicemente dal front-end, come fa il primo plugin (e il nostro metodo CSS).

Il primo plugin, Hide Page e Post Title, aggiunge una classe CSS per nascondere il titolo dal front-end, non lo rimuove completamente.

Il secondo plugin impedisce di avere due titoli H1 sulla pagina, il che non è la migliore pratica SEO, specialmente se uno di essi è nascosto.

Quindi, se il secondo plugin funziona bene con il tuo tema, USALO!

Bene, ti abbiamo fatto vedere come nascondere il titolo della pagina in WordPress. Speriamo di esservi stati di aiuto, ciao e alla prossima 🙂