Una guida all'uso delle barre laterali con il generatore di temi Divi

Le barre laterali possono essere una risorsa cruciale per qualsiasi sito web. Divi facilita la creazione di barre laterali dando agli sviluppatori la possibilità di progettare barre laterali completamente personalizzate per modelli di post o pagine utilizzando Divi Theme Builder. Una volta che gli utenti Divi scelgono una struttura a colonne con l'area della barra laterale desiderata, hanno la possibilità di creare contenuti della barra laterale utilizzando le aree widget di WordPress, i moduli Divi o una combinazione di entrambi per creare il contenuto della barra laterale con i moduli Divi o entrambi!

In questo post, ti forniremo una guida rapida su come utilizzare le barre laterali con Divi Theme Builder. Tratteremo come creare correttamente un'area della barra laterale per i tuoi modelli e come popolare la barra laterale con i contenuti. Ciò ti consentirà di incorporare barre laterali esistenti su nuovi modelli Divi e di creare nuove barre laterali per qualsiasi numero di modelli nel tuo sito web.

Arriviamo ad esso!

Iscriviti al nostro canale Youtube

Una breve parola sull'uso delle barre laterali con i modelli Divi

Puoi aggiungere barre laterali a qualsiasi articolo o modello di pagina sul tuo sito Web utilizzando Divi Theme Builder. Il processo è lo stesso della creazione di una barra laterale per un layout di pagina specifico utilizzando Divi Builder. L'unica differenza è che la barra laterale aggiunta a un modello verrà visualizzata su tutti i post o le pagine assegnati al modello. Questo ti dà il controllo globale sulla tua barra laterale in tutto il tuo sito web.

Barre laterali di WordPress e barre laterali di Divi

Le barre laterali di WordPress sono quelle integrate nel modello predefinito di un tema Divi. Queste barre laterali verranno visualizzate per le pagine o i post che hanno un layout che include una barra laterale e non utilizzano Divi Builder per progettare la pagina.

Le barre laterali Divi vengono create all'interno di Divi Builder e possono essere popolate con contenuti utilizzando i moduli Divi, inclusi i widget WordPress tramite il modulo barra laterale.

Come creare un'area della barra laterale per il tuo modello

Il processo di creazione di una barra laterale per i tuoi modelli è abbastanza semplice.

Innanzitutto, devi aggiungere un corpo personalizzato al modello che stai costruendo.

Quindi sarà necessario creare una struttura del modello di pagina utilizzando le strutture di sezione, righe e colonne.

Ad esempio, puoi utilizzare una riga a una colonna nella parte superiore della sezione per visualizzare l'intestazione della pagina per il modello.

Quindi, sotto la riga dell'intestazione, aggiungi un'altra riga con una struttura che includa una colonna che puoi designare come barra laterale per il modello.

In alternativa, puoi creare una sezione speciale se desideri sfruttare l'area della barra laterale designata con la possibilità di aggiungere più righe per creare il contenuto del corpo principale.

Le diverse strutture delle colonne delle sezioni speciali hanno un'area della barra laterale designata indicata dal colore arancione nel modale.

Sta a te decidere se utilizzare o meno la sezione speciale o una sezione normale per creare l'area della barra laterale del modello. Se utilizzi una sezione speciale, l'area della barra laterale è formulata appositamente per popolare l'intera area della sezione come una struttura della barra laterale tradizionale. Ciò significa che il lato opposto (lato non laterale) può essere costruito utilizzando più file, cosa non possibile con una sezione regolare. Se utilizzi una sezione normale, avrai il vantaggio di applicare uno stile alla colonna della barra laterale con più impostazioni integrate. Quindi, per un modello semplice, in particolare uno che utilizza il modulo blog per visualizzare il contenuto del modello, utilizzerei una sezione normale e designerei una colonna per il contenuto del corpo principale (modulo blog) e una colonna per l'area della barra laterale designata.

Come aggiungere contenuto della barra laterale al tuo modello

Esistono due modi principali per aggiungere il contenuto della barra laterale al modello. Il primo è aggiungere le aree widget di WordPress al modello Divi. Il secondo è aggiungere moduli Divi e contenuto dinamico alla barra laterale direttamente nell'editor del layout del modello. Tuttavia, se lo desideri, puoi creare una combinazione dei due aggiungendo più aree widget e moduli Divi in ​​una barra laterale.

Aggiunta di aree widget di WordPress

WordPress (e Divi) utilizzano le aree widget per popolare la barra laterale già di default. Le aree Widget possono essere trovate accedendo alla Dashboard di WordPress e navigando su Aspetto > Widget. Lì vedrai l'area widget della barra laterale predefinita che è già popolata con i widget.

È quindi possibile aggiungere widget all'area widget della barra laterale che si desidera visualizzare come contenuto della barra laterale. Sarai in grado di visualizzare l'intera area del widget nel tuo modello Divi.

Utilizzo del modulo della barra laterale per visualizzare e definire lo stile delle aree widget

Quando modifichi l'area del corpo personalizzata del tuo modello utilizzando l'editor di layout del modello, puoi aggiungere il modulo della barra laterale alla colonna della barra laterale designata.

Nella modale delle impostazioni della barra laterale, seleziona l'area del widget che desideri visualizzare.

Quindi puoi utilizzare le impostazioni della barra laterale per modellare l'area del widget in modo che corrisponda al design del modello.

Vantaggi dell'utilizzo delle aree dei widget di WordPress per il contenuto della barra laterale

Ci sono alcuni vantaggi nell'usare le aree widget di WordPress per il contenuto della barra laterale. Eccone alcuni che mi vengono in mente:

• • Puoi utilizzare le barre laterali di WordPress esistenti (non create con Divi) sui nuovi modelli Divi. Quindi, se hai un blog che utilizza la barra laterale predefinita, non devi preoccuparti di ricostruire la barra laterale da zero quando crei un nuovo modello nel Divi Theme Builder.
  • Visualizza le doppie barre laterali di WordPress usando il Theme Builder. Con le molteplici opzioni di layout di Divi disponibili per le sezioni regolari e speciali, puoi designare più di una colonna per includere una barra laterale. Potresti anche creare aree widget aggiuntive per ciascuna barra laterale e aggiungerle utilizzando il modulo della barra laterale.
  • Puoi modellare le barre laterali/aree widget di WordPress con Divi Theme Builder. Se non vuoi fare affidamento su CSS esterni per modellare il tuo menu WordPress predefinito, puoi aggiungerlo a un layout di modello utilizzando il modulo slider e utilizzare le impostazioni del modulo slider per modellare le aree del widget.
  • Usa i widget per aggiungere contenuti alla barra laterale non disponibili con i moduli Divi. A volte, puoi utilizzare i widget per aggiungere contenuti alla barra laterale in un modo che non puoi fare utilizzando i moduli Divi. Ciò è particolarmente vero se utilizzi plug-in di terze parti che forniscono widget personalizzati.

Aggiunta di moduli Divi come contenuto della barra laterale

Ovviamente, non sei limitato a utilizzare il modulo della barra laterale per visualizzare il contenuto della barra laterale. Hai tutta la potenza dei moduli Divi a tua disposizione per creare qualsiasi tipo di contenuto desideri. Vai semplicemente alla colonna della barra laterale designata e aggiungi un nuovo modulo.

Quindi puoi progettare quegli elementi utilizzando le impostazioni integrate di Divi in ​​modo che corrispondano al design del modello.

Poiché il contenuto della barra laterale viene aggiunto a un modello, vorrai sfruttare il contenuto dinamico. Ad esempio, per un modello di post, potresti voler includere un modulo blog con post recenti nella barra laterale.

Combinare le aree widget di WordPress con i moduli Divi nella barra laterale del modello

Puoi anche combinare le aree dei widget (con tutti i loro widget) con i moduli Divi per un layout più personalizzato per il contenuto della barra laterale. Questo ti darà la libertà di utilizzare qualsiasi widget WordPress integrato che ami oltre ai moduli Divi.

Utilizzo di più modelli per assegnare barre laterali diverse a modelli diversi

Il Divi Theme Builder ti consente di creare barre laterali diverse per modelli diversi. Questo è utile per fornire agli utenti contenuti specifici per la pagina o il post.

Ad esempio, potresti creare una barra laterale con contenuti relativi al tuo blog sul modello "Tutti i post".

Quindi crea una barra laterale con contenuti specificamente correlati al tuo negozio per il modello "Tutti i prodotti".

Pensieri finali

Speriamo che questa guida rapida ti abbia aiutato a capire come creare barre laterali per i tuoi modelli utilizzando Divi Theme Builder. Ricorda che puoi utilizzare le aree widget di WordPress e i moduli Divi per creare il contenuto della barra laterale. E il Theme Builder ti consente di creare barre laterali sensibili ai contenuti per diverse pagine o post in tutto il tuo sito.

Qual è stata la tua esperienza con la creazione di barre laterali per i tuoi modelli Divi?

Non vedo l'ora di sentirti nei commenti.

Saluti!