Come regolare la barra laterale di WordPress per abbinare l'altezza del contenuto

I widget rendono super facile aggiungere elementi interessanti alla nostra barra laterale di WordPress. Tuttavia, a volte le barre laterali possono diventare molto più lunghe dell'area di contenuto effettiva. Recentemente un utente ha chiesto se c'era un modo per rendere automaticamente l'altezza della barra laterale uguale all'area del contenuto per renderla simmetrica. In questo articolo, ti mostreremo come regolare automaticamente la barra laterale di WordPress in modo che corrisponda all'altezza del contenuto.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

Per prima cosa devi installare e attivare il plugin SidebarAutomizer. All'attivazione, vai a Impostazioni »sidebarAutomizer per configurare il plugin.

È possibile regolare automaticamente l'altezza della barra laterale immettendo l'ID div o la Classe per i contenitori del contenuto e della barra laterale. Questi valori sono diversi per ogni tema ed è per questo che il plugin non può rilevarli automaticamente. Trovare questi valori è facile. Tutto ciò che devi fare è aprire il tuo sito web in Google Chrome e aprire Inspect Element facendo clic con il pulsante destro del mouse su qualsiasi punto del tuo sito web.

Questo dividerà lo schermo del tuo browser in tre sezioni. Nella schermata in basso a sinistra, sarai in grado di vedere il codice sorgente HTML per la tua pagina. Spostando il mouse su diversi elementi nel sorgente HTML, li evidenzierà nella finestra superiore. Devi trovare il div contenente l'area del contenuto principale.

Come puoi vedere, nello screenshot sopra il div che contiene l'area del contenuto utilizza l'ID primario e il contenuto del sito della classe.

Ripeti ancora una volta il processo degli elementi di ispezione per trovare l'ID div o la Classe utilizzata per la barra laterale e per il singolo elemento widget.

È tutto. Ora puoi salvare le tue impostazioni. Visita una pagina sul tuo sito web in cui si suppone che l'altezza della barra laterale sia più lunga dell'area del contenuto. Noterai che il plugin nasconderà automaticamente i widget extra per regolare l'altezza della barra laterale.

Ci auguriamo che questo articolo ti abbia aiutato a regolare la barra laterale di WordPress in modo che corrisponda all'altezza del contenuto. Potresti anche voler vedere come mostrare / nascondere i widget su pagine WordPress specifiche.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi trovarci anche su Twitter e Google+.