Cum se folosește modulul Post Content din Generatorul de teme Divi

Modulul Post Content este un modul special disponibil atunci când creați un aspect de zonă a corpului pentru un șablon în Divi Theme Builder. Înțelegerea a ceea ce este modulul Post Content și modul de utilizare a acestuia va fi extrem de utilă atunci când proiectați șabloane personalizate cu Divi Theme Builder.

În acest tutorial, vom trece în revistă modul în care funcționează modulul Post Content și cum să-l folosim cel mai bine atunci când proiectăm șabloane în Divi.

Hai să ne scufundăm!

Abonați-vă la canalul nostru Youtube

Despre modulul de conținut pentru postarea Divi

Funcția principală a modulului Conținut de postare este afișarea (și stilarea) conținutului de postare sau pagină într-un anumit șablon de postare sau pagină. Modulul este conceput exclusiv pentru a funcționa cu Theme Builder, deci nu va fi disponibil folosind Divi Builder pentru a edita o pagină sau o postare obișnuită.

În Theme Builder, modulul Post Content creează o zonă pentru Divi Builder pentru a fi utilizată în zona Body a unui șablon Theme Builder. Poate fi, de asemenea, utilizat pentru a afișa și stiliza conținutul postării sau al paginii create și utilizând editorul WordPress implicit. Acest lucru îl face deosebit de grozav pentru crearea de șabloane de postări pe blog.

Modulul poate fi adăugat la aspectul zonei corpului a oricărui șablon folosind procesul normal de adăugare a unui nou modul în Divi. Pur și simplu faceți clic pe pictograma Adăugați modul și selectați modulul conținut post din listă.

Aceasta va afișa modalitatea de setare a conținutului postării, care include toate opțiunile de proiectare disponibile pentru a adăuga elemente de stil implicite care vor fi moștenite de postări sau pagini atribuite șablonului.

Conținutul simulat este acolo pentru a ne oferi un vizual util pentru modul în care aceste elemente vor arăta pe o pagină sau o postare live.

Acum că avem o scurtă introducere la modulul de conținut post, să explorăm modul în care am putea să-l folosim pe propriul nostru site Divi.

Utilizarea modulului Conținut de postare pentru șabloane de postare

Utilizarea modulului Post Content pentru a afișa conținutul postat creat cu editorul clasic sau implicit (nu Divi)

O aplicație foarte practică a modulului de conținut de postare este de a utiliza modulul pentru a adăuga stil pentru a posta conținut pe șablon pentru a posta conținut care a fost creat cu editorul de posturi implicit al WordPress (fără a utiliza Divi Builder).

De exemplu, am putea crea un șablon nou atribuit tuturor postărilor de pe site-ul nostru Divi.

Apoi utilizați Editorul de aspect șablon pentru a proiecta șablonul de postare pe blog utilizând elemente de design static și conținut dinamic.

Identificați zona șablonului în care doriți să fie afișat conținutul real al postării dintr-o singură postare. Apoi adăugați modulul Postați conținutul la aspectul șablonului.

Apoi, deschideți setările modulului pentru conținutul postării pentru a adăuga stilul pe care doriți să îl aplicați pentru orice conținut de postare adăugat la o postare nouă sau existentă pe site-ul dvs. Modulul Post Content are conținut simulat încorporat cu diverse elemente care pot fi stilizate. Acest conținut fals va fi înlocuit de conținutul real al postării la vizualizarea unei postări pe site.

Cu modulul de conținut al postării adăugat la șablon cu stilurile adăugate la setările modulului de postare, șablonul de postare este gata pentru a fi utilizat de postările noastre de pe blog pe site-ul live.

Putem crea o postare nouă sau o editare și o postare existentă folosind editorul implicit sau editorul clasic din WordPress.

Dacă folosim editorul clasic, orice conținut care este adăugat în caseta de conținut folosind editorul wysiwyg va popula zona șablonului stilată de Modulul de conținut Post.

Dacă folosim editorul WordPress implicit (sau editorul de blocuri), orice conținut pe care îl construim cu editorul de blocuri va popula (și va moșteni stilul) zona Post Content Module din șablon.

Bloggerii care preferă editorul implicit / clasic nu vor trebui să se îngrijoreze de stilizarea conținutului, deoarece acesta va moșteni stilul care a fost setat în modulul de conținut de postare din șablon. Deci, scriitorii se pot concentra mai mult pe conținutul real. În plus, șablonul de postare va avea un design suplimentar și conținut dinamic care înconjoară conținutul postării pentru a finaliza designul general al postării.

Iată o privire la backend-ul unui post fals construit cu editorul implicit / clasic.

Iată aceeași postare când o vizualizați pe partea frontală.

Pe lângă designul și conținutul dinamic care există pe șablon, observați stilul conținutului postării folosind șablonul

Utilizarea modulului Post Content pentru a afișa conținutul postului creat cu Divi.

Când utilizăm un șablon de postare pentru postări de blog, putem decide să folosim generatorul Divi pentru a proiecta una sau mai multe dintre postările noastre de blog în loc să folosim editorul implicit. Acest lucru ne va oferi un control mai mare asupra proiectării fiecărui element al conținutului postului, spre deosebire de simpla confidențialitate a editorului implicit și a stilului modulului de conținut post în șablon.

Rețineți că, deși folosim Divi Builder pentru a proiecta postarea, spațiul total al proiectării conținutului postării va fi cuprins în zona desemnată de modulul de conținut postare din șablonul postării.

Pentru mai multe informații, consultați documentația noastră despre cum să creați un șablon de postare pe blog la nivel de site.

Utilizarea modulului Post Content pentru șabloanele de pagină

În ciuda numelui, Modulul de conținut pentru postări poate fi utilizat deopotrivă pentru postări și pagini. Deci, dacă am dori să creăm un șablon de corp pentru una sau mai multe pagini de pe site-ul nostru web, ar trebui să folosim modulul de conținut pentru postare pentru a ne asigura că este afișat conținutul paginii.

În majoritatea cazurilor, nu este necesară crearea unui șablon de corp pentru una sau mai multe pagini, deoarece fiecare pagină constă de obicei din conținut static unic care este construit pe bază de pagină. Cu toate acestea, pot exista momente în care un șablon de corp va fi util și pentru pagini. Poate fi util pentru adăugarea designului la nivel de șablon și a conținutului pe care dorim să îl afișăm automat pe pagini.

De exemplu, este posibil să dorim să includem același design al titlului paginii pentru toate paginile de pe site-ul nostru. Sau este posibil să dorim să includem un CTA, cum ar fi un e-mail Optin, în partea de jos a tuturor (sau a unora) paginilor noastre.

Iată un exemplu despre cum ar funcționa acest lucru pe un site web.

Mai întâi, accesați Divi Theme Builder și creați un nou șablon. Apoi alocați șablonul tuturor paginilor și adăugați o zonă personalizată a corpului la șablon. După aceea, faceți clic pentru a edita zona personalizată a corpului.

În Editorul de aspect al șabloanelor, utilizați Divi Builder pentru a proiecta o secțiune de titlu de pagină folosind conținut dinamic. Vă sugerăm să utilizați un modul text și să introduceți elementul de conținut dinamic Titlu postare / arhivare pentru conținutul corpului modulului text. Titlul postării / arhivei va afișa și titlurile paginilor.

Apoi creați o nouă secțiune pentru modulul de conținut post. Din nou, acest lucru este necesar, deoarece fără modulul de conținut de postare, șablonul nu va afișa niciun conținut sau design de pagină individual.

Deoarece acest modul de conținut de postare va fi containerul părinte pentru conținutul paginii noastre, este o idee bună să permiteți modulului de conținut de postare să se extindă pe întreaga lățime a paginii. Putem ajusta oricând spațiul atunci când proiectăm conținutul paginii individuale atunci când utilizăm Divi Builder.

Apoi, putem adăuga o secțiune în partea de jos a șablonului care va fi afișată pe toate paginile. Deoarece dorim ca conținutul să fie afișat sub conținutul real al postării / paginii, trebuie să-l adăugăm sub secțiunea care conține modulul de conținut al postării.

Iată un exemplu de secțiune creată sub conținutul postării care conține pictograme sociale și o opțiune de e-mail.

Notă: Deoarece vom folosi Divi Builder pentru a proiecta pagini reale în Divi, nu este nevoie să adăugăm stil la modulul de conținut al postării.

Acum, cu șablonul nostru de pagină, putem crea o nouă pagină în Divi accesând Pagini> Adăugare nouă. Apoi adăugați un titlu și implementați Divi Builder.

Apoi faceți clic pentru a construi pe partea frontală.

Puteți proiecta conținutul paginii pe partea frontală folosind Divi. Dar observați cum va fi conținut generatorul de front-end (vizual) în zona modulului de conținut de postare a șablonului de pagină atribuit paginii. Când editați o postare sau o pagină în Divi Builder, întreaga interfață de utilizare Divi Builder este afișată în coloana în care se află modulul de conținut de postare. Toate celelalte din afara acestui modul sunt statice și nu pot fi modificate în afara Theme Builder.

Deci, pentru acest exemplu, pagina constă din următoarele zone:

1. Antet global (adăugat la zona antet personalizat a șablonului de pagină)
2. Secțiunea de titlu (adăugată la aspectul zonei de corp personalizate a șablonului de pagină de deasupra conținutului paginii)
3. Secțiunea Postați conținutul (adăugat la aspectul zonei de corp personalizate a șablonului de pagină; constă din modulul Postează conținutul care determină spațiul de construcție pentru Divi Builder)
4. Secțiunea CTA (adăugată la aspectul zonei de corp personalizate a șablonului de pagină de sub conținutul paginii)
5. Subsol global (adăugat la zona subsolului personalizat al șablonului de pagină)

Iată cum arată atunci când editați pagina din partea frontală cu Divi Builder.

Modulul Post Content funcționează bine pentru proiectarea paginilor WooCommerce generate de coduri scurte.

Modulul Post Content va veni și el în mână ori de câte ori construim șabloane de pagini pentru paginile WooCommerce. Paginile WooCommerce generează conținut de pagină folosind coduri scurte. Aceste coduri scurte există în caseta de conținut a paginii WooCommerce.

Iată cum arată în mod implicit o pagină de cont atunci când editați pagina în Divi.

Pentru a proiecta un șablon pentru această pagină WooCommerce, nu este nevoie să implementăm Divi Builder în editorul de pagini. Putem crea un șablon în Divi Theme Builder și să vizăm proiectarea conținutului paginii generate de codul scurt (cel puțin o parte din acesta) utilizând modulul de conținut post.

Când creați șablonul, asigurați-vă că atribuiți șablonul paginilor WooCommerce.

Important: Modulul pentru conținutul postării nu va afișa conținutul paginilor de arhivă / categorie. Asigurați-vă că nu atribuiți pagina magazinului unui șablon care depinde de modulul de conținut de postare pentru afișarea conținutului. Pagina magazinului nu va afișa niciun conținut. Deci, din moment ce intenționăm să utilizăm modulul de conținut pentru postare în șablon, va trebui să ne limităm atribuirea de șablon pentru a include coșul de cumpărături, plățile și / sau numai pagina (paginile) Contului meu.

Acum putem adăuga o zonă personalizată a corpului la șablon și o putem construi folosind editorul de aspect al șablonului.

Apoi personalizați șablonul de pagină folosind Divi Builder. Când adăugați modulul Post Content, asigurați-vă că actualizați setările de proiectare pentru a viza designul elementelor paginii WooCommerce generate de codul scurt.

Și iată cum ar arăta Pagina Contului meu în partea din față, cu stilul modulului de conținut postat.

Din păcate, modulul pentru conținutul postării nu va putea stiliza direct fiecare element al conținutului generat de pagina WooCommerce. Dar acest lucru va oferi un bonus frumos atunci când proiectați șabloane de pagini woocommerce.

Nu pentru șabloane de pagini index / arhivă / categorie

Deoarece Modulul de conținut de postare este conceput pentru a afișa conținutul unei anumite pagini sau postări create în Divi, nu va funcționa cu șabloanele de pagină index (arhivă). Dacă șablonul este utilizat într-o pagină index (arhivă), modulul nu este redat pe front-end și, prin urmare, nu este afișat conținut.

Dacă acest modul există într-o zonă a corpului, dar nu există conținut de postare (sau dacă șablonul este utilizat pe o pagină index (arhivă)), modulul nu este redat în partea frontală.

Pe scurt, nu utilizați conținutul modulului de postare pentru a afișa conținutul pentru paginile de arhivă, inclusiv pagina cu rezultatele căutării și pagina 404.

Utilizați modulul Blog pentru șabloanele de pagină de arhivare.

Dacă dorim să construim un șablon pentru paginile de arhivă, modulul blogului Divi include opțiunea de a afișa conținutul paginii curente. Aceasta va genera conținutul asociat categoriei sau paginii de arhivă.

Pentru mai multe informații, consultați această postare despre cum să creați un șablon de pagină de categorie pentru blogul dvs.

Nu pentru șabloanele de pagină de produs

Atunci când construiți un șablon de pagină produs pentru produsele WooCommerce în Divi, este bine să nu depindeți de modulul de conținut post pentru a afișa informații despre produs în zona corpului șablonului. Divi are toate modulele Woo de care avem nevoie pentru a extrage dinamic informațiile despre produs la nivelul șablonului. Utilizarea modulului Post Content pe un șablon atribuit unei pagini de produs va afișa numai conținutul inclus în caseta de conținut (care în mod implicit este doar descrierea produsului).

Pentru mai multe informații, consultați cum să creați un șablon de pagină de produs.

Avertisment dacă lipsește modulul Post Content

Dacă modulul Conținut de postare nu este inclus în corpul șablonului Theme Builder și alegem să „Folosim Divi Builder” pentru a edita o postare folosind acel șablon, ni se prezintă o casetă pop-up de avertizare care ne spune că ne lipsește Postați modulul de conținut pe șablonul utilizat. Există, de asemenea, un buton care ne duce direct la generatorul de teme pentru a face modificarea necesară șablonului.

Gânduri finale

Când proiectați șabloane noi pentru un site Divi, este important să înțelegeți cum să utilizați modulul Post Content. Modulul este probabil cel mai bine utilizat împreună cu elemente de conținut dinamic pentru a crea un șablon pentru postările de blog, care poate simplifica fluxul de lucru de creare a postărilor de blog fără a fi nevoie să implementați Divi Builder. Dar modulul pentru conținutul postării poate fi util și pentru șabloanele de pagină, chiar și pentru paginile WooCommerce.

Care a fost experiența dvs. cu modulul Post Content până acum?

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

Noroc!