Un ghid pentru utilizarea barei laterale cu generatorul de teme Divi

Barele laterale pot fi un atu crucial pentru orice site web. Divi facilitează crearea de bare laterale oferindu-le dezvoltatorilor puterea de a proiecta bare laterale complet personalizate pentru șabloane de postare sau pagină utilizând Divi Theme Builder. Odată ce utilizatorii Divi aleg o structură de coloană cu zona dorită a barei laterale, aceștia au opțiunea de a crea conținut al barei laterale utilizând zone widget WordPress, module Divi sau o combinație a ambelor pentru a construi conținutul barei laterale cu modulele Divi sau ambele!

În această postare, vă vom oferi un ghid rapid despre cum să utilizați bare laterale cu Divi Theme Builder. Vom prezenta cum să creați corect o zonă a barei laterale pentru șabloanele dvs., precum și cum să completați bara laterală cu conținut. Acest lucru vă va permite să încorporați bare laterale existente pe șabloanele noi Divi, precum și să creați bare laterale noi pentru orice număr de șabloane de pe site-ul dvs. web.

Să ajungem la asta!

Abonați-vă la canalul nostru Youtube

Un cuvânt rapid despre utilizarea barei laterale cu șabloanele Divi

Puteți adăuga bare laterale la orice postare sau șablon de pagină de pe site-ul dvs. web folosind Divi Theme Builder. Procesul este același cu crearea unei bare laterale pentru un aspect specific al paginii folosind Divi Builder. Singura diferență este că bara laterală adăugată la un șablon va fi afișată pe toate postările sau paginile care sunt atribuite șablonului. Acest lucru vă oferă control global asupra barei laterale pe tot site-ul dvs. web.

WordPress Sidebars vs. Divi Sidebars

Barele laterale WordPress sunt cele integrate în șablonul implicit al unei teme Divi. Aceste bare laterale se vor afișa pentru paginile sau postările care au un aspect care include o bară laterală și care nu utilizează Divi Builder pentru a proiecta pagina.

Divi Sidebars sunt create în cadrul Divi Builder și pot fi populate cu conținut utilizând modulele Divi, inclusiv widget-uri WordPress prin intermediul modulului Sidebar.

Cum să creați o zonă a barei laterale pentru șablonul dvs.

Procesul de creare a unei bare laterale pentru șabloanele dvs. este destul de simplu.

Mai întâi, trebuie să adăugați un corp personalizat la șablonul pe care îl creați.

Apoi, va trebui să construiți o structură de șablon de pagină folosind secțiunea și rândurile și structurile de coloane.

De exemplu, puteți utiliza un rând cu o coloană în partea de sus a secțiunii pentru a afișa titlul paginii pentru șablon.

Apoi, sub rândul de titlu, adăugați un alt rând cu o structură care include o coloană pe care o puteți desemna ca bară laterală pentru șablon.

Sau, puteți crea o secțiune de specialitate dacă doriți să profitați de o zonă desemnată a barei laterale cu posibilitatea de a adăuga mai multe rânduri pentru a construi conținutul corpului principal.

Diferitele structuri de coloane ale secțiunii de specialitate au o zonă a barei laterale desemnată indicată de culoarea portocalie în modal.

Depinde de dvs. dacă doriți sau nu să utilizați secțiunea de specialitate sau o secțiune obișnuită pentru a crea zona barei laterale a șablonului. Dacă utilizați o secțiune specială, zona barei laterale este special formulată pentru a popula întreaga zonă a secțiunii, ca o structură tradițională a barei laterale. Ceea ce înseamnă că partea opusă (partea non-laterală) poate fi construită folosind mai multe rânduri, ceea ce nu este posibil cu o secțiune obișnuită. Dacă utilizați o secțiune obișnuită, veți avea avantajul de a stiliza coloana barei laterale cu mai multe setări încorporate. Deci, pentru șablonul simplu, în special unul care folosește modulul blog pentru a afișa conținutul șablonului, aș folosi o secțiune obișnuită și aș desemna o coloană pentru conținutul corpului principal (modul blog) și o coloană pentru zona de bare laterală desemnată.

Cum să adăugați conținut din bara laterală la șablonul dvs.

Există două moduri principale de a adăuga conținut din bara laterală la șablonul dvs. Primul este să adăugați WordPress Widget Areas la șablonul Divi. Al doilea este să adăugați module Divi și conținut dinamic la bara laterală direct în Editorul de aspect șablon. Cu toate acestea, dacă doriți, puteți crea o combinație a celor două prin adăugarea mai multor zone widget și module Divi într-o singură bară laterală.

Adăugarea zonelor widget WordPress

WordPress (și Divi) folosesc zonele widget pentru a popula bara laterală deja în mod implicit. Zonele Widget pot fi găsite accesând Tabloul de bord WordPress și navigând la Aspect> Widgets. Acolo veți vedea zona Widget implicită a barei laterale, care este deja populată cu widgeturi.

Apoi puteți adăuga widget-uri în zona widget-ului Sidebar pe care doriți să o afișați ca conținut al barei laterale. Veți putea afișa întreaga zonă widget în șablonul Divi.

Utilizarea modulului Sidebar pentru a afișa și stiliza zonele widgetului

Când editați zona personalizată a corpului șablonului dvs. utilizând editorul de aspect șablon, puteți adăuga modulul barei laterale la coloana barei laterale desemnate.

În setările modale ale barei laterale, selectați zona widgetului pe care doriți să o afișați.

Apoi, puteți utiliza setările barei laterale pentru a stiliza zona widgetului pentru a se potrivi cu designul șablonului dvs.

Avantajele utilizării zonelor WordPress Widgets pentru conținutul barei laterale

Există câteva avantaje ale utilizării WordPress Widget Areas pentru conținutul barei laterale. Iată câteva care îmi vin în minte:

• • Puteți utiliza bare laterale WordPress existente (care nu sunt construite cu Divi) pe șabloanele noi Divi. Deci, dacă aveți un blog care utilizează bara laterală implicită, nu trebuie să vă faceți griji cu privire la reconstruirea barei laterale de la zero atunci când creați un șablon nou în Divi Theme Builder.
  • Afișați bare laterale WordPress duble folosind Theme Builder. Cu opțiunile multiple de aspect ale Divi disponibile pentru secțiunile obișnuite și de specialitate, puteți desemna mai multe coloane pentru a include o bară laterală. Puteți chiar să creați zone widget suplimentare pentru fiecare bară laterală și să le adăugați folosind modulul barei laterale.
  • Puteți stiliza zone laterale / widget-uri WordPress cu Divi Theme Builder. Dacă nu doriți să vă bazați pe CSS extern pentru a vă stiliza meniul WordPress implicit, îl puteți adăuga la un aspect de șablon folosind modulul glisor și puteți utiliza setările modulului glisor pentru a stiliza zonele widgetului.
  • Utilizați Widget-uri pentru a adăuga conținut în bara laterală care nu este disponibil cu modulele Divi. Uneori, puteți utiliza widget-uri pentru a adăuga conținut la bara laterală într-un mod pe care nu îl puteți face folosind modulele Divi. Acest lucru este valabil mai ales dacă utilizați pluginuri terță parte care oferă widgeturi personalizate.

Adăugarea modulelor Divi ca conținut al barei laterale

Desigur, nu vă limitați la utilizarea modulului barei laterale pentru a afișa conținutul barei laterale. Aveți la dispoziție întreaga putere a modulelor Divi pentru a crea orice tip de conținut doriți. Pur și simplu accesați coloana barei laterale desemnate și adăugați un nou modul.

Apoi, puteți proiecta aceste elemente folosind setările încorporate ale Divi pentru a se potrivi cu designul șablonului.

Deoarece conținutul barei laterale este adăugat la un șablon, veți dori să profitați de conținutul dinamic. De exemplu, pentru un șablon de postare, poate doriți să includeți un modul de blog cu postări recente în bara laterală.

Combinarea zonelor widget WordPress cu modulele Divi în bara laterală a șablonului

De asemenea, puteți combina zone widget (cu toate widget-urile lor) cu module Divi pentru un aspect mai personalizat pentru conținutul barei laterale. Acest lucru vă va oferi libertatea de a utiliza oricare dintre widget-urile WordPress încorporate pe care le iubiți, în plus față de modulele Divi.

Utilizarea mai multor șabloane pentru a aloca diferite bare laterale pentru diferite șabloane

Divi Theme Builder vă permite să creați diferite bare laterale pentru diferite șabloane. Acest lucru este util pentru a oferi utilizatorilor conținut specific paginii sau postării.

De exemplu, puteți crea o bară laterală cu conținut legat de blogul dvs. în șablonul „Toate postările”.

Apoi creați o bară laterală cu conținut specific legat de magazinul dvs. pentru șablonul „Toate produsele”.

Gânduri finale

Sperăm că acest ghid rapid v-a ajutat să înțelegeți cum să creați bare laterale pentru șabloanele dvs. folosind Divi Theme Builder. Amintiți-vă că puteți utiliza zone widget WordPress, precum și module Divi pentru a crea conținutul barei laterale. Și Theme Builder vă permite să creați bare laterale care conțin conținut pentru diferite pagini sau postări de pe site-ul dvs.

Care a fost experiența dvs. cu crearea de bare laterale pentru șabloanele dvs. Divi?

Aștept cu nerăbdare să aud de la dvs. în comentarii.

Noroc!