Introduzione
In alcuni casi, potresti avere bisogno di nascondere l’header o il footer di una pagina specifica del tuo sito Divi o per l’intero sito web. Ad esempio, su una pagina di destinazione, potresti voler nascondere l’intestazione per rendere la pagina semplice e senza distrazioni per l’utente.
In questo tutorial, ti mostro come puoi nascondere l’header o il footer del tuo sito.Se hai dubbi o domande, lascia un commento nella sezione in fondo al post.
Cosa è l’header?
Iniziamo da una cosa semplice. L’header rappresenta la testata principale del tuo sito, quindi dove si trova il menu e i collegamenti importanti. Ecco un esempio:
Il footer è la parte inferiore del sito dove si trovano il Copyright e le informazioni legali:
Apri la pagina nel backend di cui vuoi nascondere l’header e il footer cliccando su . Modifica pagina. Sulla destra, troverai gli attributi della pagina e sotto gli Attributi della pagina > Template > puoi scegliere Pagina vuota, o Blank page:
Con questa opzione puoi nascondere l’intestazione (header) e il piè di pagina di quella pagina (footer).
Nascondi Header in Divi
Per l’intero sito web
Se desideri nascondere l’ Header dell’intero sito web, puoi utilizzare questo frammento. Posiziona questo frammento di codice in Divi> Opzioni tema> CSS
#main-header {
display: none;
}
#page-container {
padding-top: 0px !important;
margin-top: -1px !important;
}
Post correlato: come aggiungere codice CSS al tema Divi
Per una pagina specifica
Se desideri nascondere l’intestazione di una determinata pagina, puoi utilizzare il seguente frammento.
.page-id-1098 #main-header {
display: none;
}
.page-id-1098 #page-container {
padding-top: 0px !important;
margin-top: -1px !important;
}
Devi cambiare il numero di ID della pagina con il tuo. Puoi trovare il numero di ID della pagina andando alla tua pagina nel backend e dall’URL troverai il tuo numero di ID.
Per l’intero sito web
Per nascondere il footer sull’intero sito web puoi utilizzare questo frammento.
#main-footer {
display: none;
}
Per una pagina specifica
Per nascondere il footer su una pagina particolare puoi usare questo frammento.
.page-id-1098 #main-footer {
display: none;
}
Cambia il numero ID con il tuo allo stesso modo del footer.
0 commenti