Magazine Editoria e Stampa

WordPress: Come nascondere il Menu su una singola pagina

Da Flavio
WordPress: Come nascondere il Menu su una singola pagina

A volte è necessario dover nascondere il menu su una sola pagina, lasciandolo visibile sulle altre. È il caso in cui andiamo a realizzare una Landing Page o una Opt-in Page. In questi frangenti, spesso non si desidera che l'utente si distragga e che esca dalla pagina per navigare il resto del sito e quindi è necessario eliminare, o meglio nascondere, il menu. Come farlo con WordPress?

Qualsiasi sia la situazione nella quale potrebbe essere necessario non mostrare il menu su una determinata pagina di WordPress, passiamo subito a vedere come fare. Vi anticipo che non utilizzeremo nessun plugin perché con qualche minuto di "sbattimento", riusciremo nell'intento ugualmente.

Ecco la procedura.

Identificare l'ID della pagina

Identificare l' ID della pagina per la quale vogliamo nascondere il menu non è affatto difficile.

Portatevi all'interno della bacheca di WordPress e andate su Pagine -> Tutte le Pagine.

Posizionatevi (senza cliccare) con il puntatore del mouse sul titolo della pagina nella quale non volete mostrare il menu e appuntatevi l'ID, il numeretto che appare in basso a sinistra, all'interno di un minuscolo popup. Guarda l'immagine seguente per capire qual è.

Adesso ci occorre un altro elemento per poter andare a scrivere la regoletta css che ci consentirà di nascondere il menu solo sulla pagina desiderata. Per ricavarlo dovremo utilizzare la funzione " Ispeziona" di Chrome.

Quindi aprite la pagina sulla quale volete nascondere il menu e cliccate con il tasto destro sulla barra del menu.

Poi, nel menu a tendina, cliccate su " Ispeziona ".

Ora avete aperto la console di sviluppo di Chrome. Da li, andate ad individuare l'ID o la classe della vostra barra dei menu. Nel mio caso era l'ID #header (gli id sono sempre preceduti dal simbolo del cancelletto, se era una classe invece del cancelletto trovavate un punto - es: .header), ma a seconda del tema che utilizzate, potrebbe chiamarsi diversamente.

Per individuarlo aiutatevi con il mouse. Posizionate il puntatore su varie righe del codice, fino a quando non notate che si evidenzia la barra del menu. Quando questo accade siete sulla riga giusta e molto probabilmente vi è contenuto l'id che cercate. Appuntatevi anche questo.

Ora siamo in possesso di tutti gli elementi necessari per nascondere il menu di WordPress solo su una determinata pagina:

Portiamoci su Aspetto -> Personalizza --> Custom CSS (o css personalizzato)

Di seguito alle istruzioni già presenti, se ne avete già messe, scrivete questo codice:

 .page-id-13500 #header {display: none;}

Per i quali .page-id- vostroid # vostro-id-o-classe-del-menu

Cliccate su Pubblica e il vostro menu dovrebbe essere scomparso solo sulla pagina in cui lo desiderate.


Ritornare alla prima pagina di Logo Paperblog