5 sfaturi pentru organizarea conținutului paginii de blog în Divi

Conținutul paginii de blog poate fi organizat în mai multe moduri. Deoarece este o pagină de blog, cea mai mare parte a conținutului va consta dintr-un flux de postări recente de pe blog. Știind cum să organizezi acest conținut poate fi o modalitate excelentă de a sparge monotonia și de a deschide ușa pentru mai multe modele unice de pagini de blog.

În acest tutorial, vă vom împărtăși 5 sfaturi utile pentru organizarea conținutului paginii blogului în Divi, care vă vor ajuta să aflați următoarele:

1. Cum se creează un aspect cu două coloane
2. Cum se utilizează postări lipicioase
3. Cum se utilizează compensările postului
4. Cum se utilizează mai multe module de blog pentru a crea un aspect personalizat pentru postările de pe blog
5. Cum se afișează postările recente pe categorii

Trage cu ochiul

Iată câteva moduri în care vom organiza conținutul paginii blogului în Divi.

Utilizarea unui aspect cu două coloane

O secțiune de postare recomandată deasupra fluxului principal de blog

Un glisor de postare cu lățime completă deasupra fluxului principal de blog

Utilizarea mai multor module Blog pentru un aspect și un design unic

Conținând postări recente pe categorii

Ce trebuie să începeți

Dacă nu ați făcut-o încă, instalați și activați tema Divi.

Pentru acest tutorial, voi folosi cel de-al doilea șablon de pagină pentru categoria de pachete de constructori de teme. Dacă doriți să-l utilizați pentru a continua, descărcați pachetul și importați fișierul divi-theme-builder-pack-2-category-page-template.json în generatorul de teme utilizând opțiunile de portabilitate.

În mod implicit, șablonul importat va fi atribuit „Toate categoriile de pagini”. Deschideți setările șablonului și atribuiți-le Blogului.

Acum sunteți gata să începeți procesul de organizare a conținutului paginii blogului în șablon. Pentru a începe, faceți clic pe pictograma de editare din zona corpului șablonului.

Acum puteți utiliza editorul de aspect pentru a modifica aspectul.

5 sfaturi pentru organizarea șablonului de pagină de blog în Divi

În acest șablon, avem un modul de blog care se află într-un rând cu o coloană care afișează postările (în trei coloane de pe desktop) pentru pagina curentă. Aceasta este o configurație standard pentru șabloanele de pagini de blog și arhivă. Cu toate acestea, nu trebuie să păstrăm acest aspect standard pentru afișarea postărilor. Iată câteva sfaturi utile pentru organizarea conținutului paginii blogului în Divi.

# 1 Creați un aspect cu două coloane

Modulul blogului (dacă este setat la aspectul grilei) va afișa postările într-o structură cu trei coloane dacă modulul este adăugat la un rând cu o coloană (la fel ca în șablonul nostru).

Dacă doriți să schimbați aspectul pentru a afișa postările într-un aspect cu două coloane, iată ce puteți face.

Mai întâi, schimbați aspectul coloanei rândului într-un aspect de două treimi o treime. Aceasta va afișa postările de blog în două coloane în coloana din stânga a rândului.

Apoi, deschideți setările pentru coloana 1 (cea care conține modulul blog) și adăugați următorul CSS personalizat la Elementul principal:

width: 100% !important;

Acest lucru va face ca coloana să se întindă pe toată lățimea rândului.

Acum tot ce trebuie să facem este să ascundem coloana din dreapta. Deschideți setările pentru coloana 2 (cea goală) și dezactivați vizibilitatea coloanei pe toate dispozitivele.

Acum puteți organiza conținutul paginii blogului cu două coloane pe desktop în loc de trei, dacă doriți.

# 2 Utilizați Postări lipicioase

Dacă sunteți familiarizat cu WordPress, este posibil să știți deja despre acesta. Fiecare postare creată în Divi (sau WordPress) poate fi făcută lipicioasă. Când faceți o postare lipicioasă, postarea se va afișa automat chiar în fața fluxului de blog pe pagina blogului, chiar înainte de cea mai recentă postare publicată. Acesta este un mod excelent de a prezenta postări pe care știți că publicul dvs. ar dori (sau trebuie) să le vadă.

Pentru a face o postare lipicioasă, pur și simplu editați o postare în Divi și bifați opțiunea „Stick în partea de sus a blogului” din bara laterală dreaptă.

Fiecare postare pe care o faceți stick va fi etichetată ca „Sticky” atunci când vizualizați toate postările din backend.

Acum, când accesați pagina blogului, puteți vedea că postările lipicioase au sărit în partea din față a fluxului de postări pe blog.

Notă: este posibil ca postările lipicioase să nu funcționeze așa cum era de așteptat atunci când utilizați compensări de postare în modulul Blog. De exemplu, dacă setați modulul blogului să afișeze 3 postări cu un post compensat de 3, postările dvs. lipicioase vor fi afișate înaintea (și în plus) a celor 3 postări.

Înainte de a trece la următorul sfat, vă sugerez să scăpați de postările lipicioase.

# 3 Utilizați Offset-uri de postare pentru a organiza conținutul paginii de blog în secțiuni separate

Fiecare modul de blog are opțiunea de a introduce un număr de post-dezactivare. Aceasta îi spune modulului de blog să treacă peste un anumit număr de postări de blog recente înainte de a afișa fluxul de blog. Această opțiune este utilă ori de câte ori doriți să amestecați puțin aspectul paginii blogului dvs. utilizând mai multe module blog pentru a afișa postările dvs. Acest lucru vă oferă mai multă flexibilitate în proiectarea aspectului, deoarece puteți proiecta fiecare modul de blog diferit.

Conținând cele mai recente postări cu un modul de blog separat folosind Post Offset

O modalitate prin care puteți organiza conținutul paginii de blog pe aspectul șablonului dvs. este să adăugați o secțiune de postări de blog în partea de sus a paginii. Acesta este un mod prin care puteți evidenția primele trei cele mai noi postări într-un mod unic. Iată acum să o faci.

Adăugați o nouă secțiune obișnuită la aspect.

Apoi adăugați un rând cu o coloană.

Copiați modulul de blog care a venit cu șablonul și lipiți-l în noul rând.

Actualizați setările blogului după cum urmează:

• Numărul de postări: 3
• Afișează Butonul Citește mai mult: NU
• Afișați categorii: NU
• Afișează numărul de comentarii: NU
• Arată extras: NU
• Arată paginare: NU

Vom avea cele mai recente trei postări afișate în secțiunea de sus a paginii.

Acum trebuie să adăugăm un număr de compensare a postării la modulul de blog original, astfel încât să treacă peste primele trei postări care sunt deja afișate mai sus.

Deschideți setările blogului pentru modulul original de blog și actualizați următoarele:

• Număr post offset: 3

Acum fluxul de blog va începe cu postarea # 4.

Pentru a evidenția secțiunea prezentată în partea de sus a paginii, puteți adăuga un gradient de fundal.

Iată un exemplu de cum ar arăta asta.

Adăugarea unui glisor de postare cu lățime completă deasupra fluxului principal de blog

La fel ca secțiunea prezentată mai sus, putem organiza, de asemenea, conținutul postărilor de blog adăugând un glisor de postare cu lățime completă în partea de sus a paginii blogului. Acesta este un design popular pentru paginile de blog și îl puteți utiliza în combinație cu un modul de blog care are un post offset.

Iată cum să o faci.

Mai întâi, adăugați o secțiune de lățime completă la aspect.

Apoi adăugați un modul glisor post lățime completă în secțiune.

Apoi actualizați următoarele setări:

• Postări pentru pagina curentă: DA
• Numărul de postări: 3

Apoi actualizați designul glisorului de postare pentru a se potrivi cu aspectul după cum urmează:

• Titlu Font: Lato
• Greutatea fontului titlului: Bold
• Dimensiune text titlu: 40 px
• Dimensiunea textului corpului: 16 px
• Dimensiune text buton: 14 px
• Culoarea textului butonului: # ff0071
• Culoarea fundalului butonului: #ffffff
• Lățimea chenarului butonului: 0 px
• Buton Font: Lato
• Buton Font Greutate: Bold
• Stil Font Buton: TT

Asigurați-vă că modulul de blog afișează fluxul principal are un număr de compensare a postărilor încă setat la 3 pentru a se potrivi celor 3 postări ale glisorului de postare.

Apoi verificați rezultatul.

Arătând bine până acum.

Acum, să luăm ideea de a folosi un modul de blog separat cu un pas mai departe cu acest sfat următor.

# 4 Adăugarea mai multor module de blog Fiecare cu o singură postare

Nu trebuie să ne oprim doar la adăugarea unui modul de blog suplimentar la un aspect de șablon. De fapt, putem folosi câte module de blog avem nevoie. Putem alege chiar să afișăm o singură postare pe modul de blog pentru a oferi un design unic unei singure cărți de blog. Apoi, folosind compensările postărilor, putem crea un aspect complet unic de afișare dinamică a postărilor de blog.

Iată cum să o faci.

Mai întâi, adăugați un nou rând de coloană jumătate jumătate deasupra rândului care conține modulul principal de blog.

Copiați modulul original de blog de mai jos și lipiți-l în coloana din stânga a noului rând. Apoi actualizați următoarele:

• Numărul de postări: 1
• Număr post offset: 0
• Arată paginare: NU

Apoi, copiați modulul de blog pe care tocmai l-ați creat și lipiți un duplicat în coloana din dreapta.

Apoi actualizați următoarele:

• Număr post offset: 1
• Afișați imaginea prezentată: NU
• Afișează numărul de comentarii: NU
• Arată extras: NU

Asigurați-vă că setați numărul de compensare a postului la 1 pentru a omite primul din coloana din stânga.

Acum continuați acest proces prin crearea unui alt modul de blog și creșterea numărului de compensare a postărilor cu 1 de fiecare dată.

Duplicați modulul blogului în coloana din dreapta.

Apoi schimbați numărul de compensare a postului la 2.

Duplicați modulul blogului încă o dată și schimbați numărul de compensare a postării la 3.

Acum puteți avea libertatea de a personaliza individual designul fiecărui modul de blog. De exemplu, puteți adăuga o culoare de fundal diferită fiecăruia.

Iată rezultatul.

Dacă aveți de gând să păstrați fluxul principal de blog de mai jos, asigurați-vă că actualizați numărul de decalare a postării la 4 pentru a vă potrivi celor 4 postări din rândul de mai sus.

Puteți vedea, de asemenea, aceeași tehnică fiind utilizată pe unele dintre șabloanele noastre de pagini de categorii de constructori de teme. Consultați tutorialul nostru despre cum să creați un șablon de pagină de categorie utilizând același concept.

# 5 Afișați postările recente pe categorii pe pagina Blogului

În plus față de fluxul principal de blog pe șablonul paginii de blog, puteți afișa și postările dvs. recente pe categorii. Aceasta este o modalitate excelentă de a organiza conținutul paginii blogului prin separarea puțin a aspectului și evidențierea diferitelor categorii în același timp.

Iată cum să o faci.

Mai întâi, adăugați un nou rând cu o coloană sub rândul care conține modulul principal de blog.

Apoi actualizați setările blogului după cum urmează:

• Postări pentru pagina curentă: NU
• Tipul postării: Postări
• Numărul de postări: 3
• Categorii incluse: Afaceri (sau una a dvs.)

Aceasta va afișa cele mai recente trei postări din categoria Business.

Apoi adăugați un modul text deasupra modulului blog cu titlul categoriei corespunzătoare.

Și la fel aveți o secțiune de categorii recomandate pe pagina blogului dvs. - o modalitate excelentă de a organiza conținutul paginii blogului!

Puteți adăuga chiar mai multe secțiuni de categorii, fiecare cu un design unic.

Aceste secțiuni de categorii prezentate se potrivesc bine în partea de jos a șablonului paginii blogului.

Gânduri finale

Aceste sfaturi ar trebui să vă ajute să organizați conținutul paginii blogului în tot felul de moduri unice. Și, aceleași sfaturi ar funcționa pentru o mulțime de alte tipuri de șabloane (cum ar fi șabloane de pagini de categorii / arhive) care utilizează modulul blog pentru a afișa conținut. Simțiți-vă liber să explorați aceste sfaturi și să le folosiți în următorul dvs. proiect.

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

Noroc!