Come nascondere la barra laterale per i dispositivi mobili in WordPress
Se stai leggendo questo, probabilmente ti sei reso conto che non è necessario avere una barra laterale sui dispositivi mobili. Questa S Zone ti insegna come nascondere la barra laterale per dispositivi mobili in WordPress.
Per la maggior parte dei temi WordPress, quando aggiungi widget della barra laterale, destinati principalmente a schermi più grandi, questi widget della barra laterale vengono visualizzati anche sui dispositivi mobili.
In primo luogo, su un dispositivo mobile, una barra laterale non è più una barra laterale ma più una barra inferiore. Inoltre, sui dispositivi mobili, le barre laterali vengono visualizzate dopo il post principale, vanificando lo scopo di averle.
Inoltre, la presenza di barre laterali non necessarie sui dispositivi mobili può contribuire a rallentare i tempi di caricamento su questi dispositivi.
Alcuni temi WordPress potrebbero avere la possibilità di personalizzare le barre laterali in base ai dispositivi. Se il tuo tema offre questa funzione, utilizzala.
Tuttavia, se il tuo tema non offre questa opzione, utilizza i passaggi di questa guida per nascondere la barra laterale sui dispositivi mobili.
Alcuni dei passaggi di questa guida richiedono competenze CSS di base. Tuttavia, anche se non sai nulla di CSS e fogli di stile, ti guiderò passo dopo passo.
Ecco i passaggi di alto livello per nascondere la barra laterale per i dispositivi mobili in WordPress:
mostra il contenuto della finestra mentre trascini Windows 10
- Trova l'ID div della barra laterale per il tuo tema
- Aggiungi il CSS che nasconde la barra laterale dai dispositivi mobili
- Cancella cache e prova
Sfoglia gli argomenti dei post
esegui Windows Explorer come amministratore
- Trova l'ID DIV della barra laterale per il tuo tema
- Aggiungi il CSS che nasconde la barra laterale per i dispositivi mobili in WordPress
- Cancella cache e prova
Trova l'ID DIV della barra laterale per il tuo tema
Nascondere la barra laterale sui dispositivi mobili in WordPress implica essenzialmente la modifica del div della barra laterale con CSS. Tuttavia, per modificare il div con CSS, è necessario l'ID div.
Completa questa attività su un PC o laptop o desktop Mac, NON su un dispositivo mobile.
Segui i passaggi seguenti per trovare l'ID div per la barra laterale del tema che utilizzi per il tuo sito Web WordPress:
- Apri un post o una pagina su Google Chrome o sul nuovo browser Microsoft Edge.
- Quindi, fai clic con il pulsante destro del mouse in un punto qualsiasi della barra laterale e seleziona Ispezionare .
- L'elemento Ispeziona aprirà alcuni codici a destra della pagina. Questo ha una parte superiore (etichettata 1 nello screenshot qui sotto). Ha anche una parte inferiore (etichettata 2 nello screenshot).
Nella parte inferiore, il Stili la scheda sarà selezionata per impostazione predefinita. Per individuare l'ID div della barra laterale, cerca un elemento con la parola barra laterale. Alcuni temi possono semplicemente utilizzare la barra laterale. Altri possono utilizzare sidebar-main o main-sidebar.
Nota questo in quanto è l'ID div della barra laterale dei tuoi temi. La mia è la barra laterale. Copia questo dato che ti servirà nel passaggio successivo.
Aggiungi il CSS che nasconde la barra laterale per i dispositivi mobili in WordPress
Il prossimo passo è aggiungere questo codice alla sezione CSS aggiuntivo del tuo tema WordPress. Questo è il codice che nasconde le barre laterali per i dispositivi mobili in WordPress.
Ho messo in grassetto l'ID div della barra laterale per il mio tema. Devi modificare questo valore nell'ID div della barra laterale per il tuo tema. Prendere nota del punto (.) prima dell'ID div. |_+_|Segui i passaggi seguenti per aggiungere il codice CSS sopra al tuo tema:
- Accedi al tuo sito WordPress come amministratore.
- Quindi, nel riquadro di sinistra, librarsi Sopra Aspetto esteriore e seleziona Personalizzare .
- Quando si apre l'opzione Personalizza, scorrere verso il basso e fare clic CSS aggiuntivo .
- Infine, copia, incolla e modifica questo codice in una delle sezioni, quindi fai clic in alto Pubblicare .
Cancella cache e prova
Per essere chiari, l'ultima sezione nascondeva efficacemente la barra laterale per i dispositivi mobili in WordPress. Tuttavia, ho deciso di aggiungere questa sezione perché se utilizzi un plug-in di memorizzazione nella cache o un CDN, dovrai svuotare la cache affinché le modifiche abbiano effetto immediatamente.
Dopo aver svuotato la cache nel plug-in di memorizzazione nella cache e/o nella CDN, apri il sito Web su un dispositivo mobile. Se la modifica non si riflette immediatamente, utilizzare Incognito (Cromo) o In privato (Microsoft Edge).
Spero che tu sia riuscito a nascondere la barra laterale per dispositivi mobili nel tuo sito WordPress con i passaggi di questa guida.
bitlocker non può essere abilitato Windows 10
Spero anche che tu abbia trovato la guida utile e di facile comprensione? Se hai trovato utile la guida, fai clic su sì a Questo post è stato utile? qui di seguito.
Potresti anche offrire il tuo feedback con il modulo Lascia un commento che si trova alla fine di questa pagina.
Infine, per ulteriori guide su WordPress, visita la nostra pagina How-To su WordPress e siti Web.
