Kitul de blog pentru jurnal pentru prezentarea generală și revizuirea Divi

Publicat: 2019-05-30

Kitul de blog pentru jurnal pentru Divi este un aspect terț de către Divi Soup, cu funcții precum o temă pentru copii. Aspectul în sine este realizat cu clădirea Divi și include un glisor, categorii și un feed de blog cu efecte de plutire pentru a crea o pagină de blog elegantă. De asemenea, are o bară laterală cu stil și un design implicit al postărilor de blog personalizate pe care le adăugați la tema copilului dvs. Noile funcții sunt adăugate la tema copilului dvs., importându-le sau cu o simplă copiere și lipire.

Kitul de blog include trei aspecte de blog și pagini de arhivă diferite. Puteți schimba aspectul între lățime completă, grilă sau linie, lipind CSS-ul inclus în opțiunile temei sau în editorul CSS al temei copil. Arhiva, categoria, eticheta, autorul și paginile cu rezultatele căutării urmează același aspect ca și pagina blogului. De asemenea, include integrarea Font Awesome.

Kitul de blog vine cu toate fișierele și instrucțiunile despre modul de utilizare. În acest articol, voi instala kit-ul Journal Blog și voi vedea cât de ușor este de utilizat și voi arunca o privire asupra caracteristicilor sale.

Instalarea kit-ului Journal Blog pentru Divi

Dezarhivați fișierul descărcat. În interior, veți găsi mai multe fișiere, inclusiv fișiere JSON pentru aspectul paginii blogului și setările de personalizare, un fișier read me, CSS, PHP, JS și fișiere widget (acestea sunt tipurile de fișiere pe care le-ați găsi într-o temă copil) .

Vă recomand să urmați instrucțiunile pentru a vedea cum se instalează fișierele, deoarece se va face manual. Din fericire, instrucțiunile sunt bine scrise și procesul nu este dificil. Va trebui să utilizați o temă pentru copii (chiar dacă este goală). Fișierul PHP va fi suprascris când tema se actualizează dacă îl adăugați la tema părinte.

Avantajul faptului că este un aspect și instalarea manuală a fișierelor este că funcționează cu tema dvs. copil actuală. Nu va trebui să înlocuiți tema copilului dvs. pentru a adăuga aceste noi funcții.

Kit-ul Journal Journal pentru documentația Divi

Un link către documentație este furnizat în fișierul de descărcare. Dacă faceți clic pe fișier, veți ajunge la pagina de asistență pentru kitul blogului, unde veți găsi o funcție de căutare, instrucțiuni de instalare, instrucțiuni de personalizare și un link pentru asistență. Instrucțiunile de personalizare arată cum să schimbați culorile, numărul de coloane din machete și lungimea extrasului.

Faceți clic pe instrucțiunile de instalare și urmați pașii. Aceasta va include copierea și lipirea codului în anumite locații, încărcarea fișierelor prin FTP și importarea fișierelor printr-un plugin. Fiecare dintre pași este detaliat. Va dura câteva minute pentru a parcurge pașii.

Kitul de blog jurnal pentru pagina blogului Divi

Kitul de blog include aspectul paginii blogului ca fișier JSON. Acest aspect ar trebui să fie importat în pagina în sine, nu în biblioteca Divi. Pagina în sine folosește un glisor de postare, șase module de apel la acțiune și un rând cu un blog și o bară laterală. Aceasta se va afișa diferit în funcție de CSS pe care îl utilizați. Să ne uităm la caracteristicile și aspectul fiecărui aspect.

Setul de blog pentru jurnal pentru Slider și categorii Divi

Glisorul pentru postare plasează navigarea punctului vertical spre stânga și afișează un extras spre dreapta. Extractul centrează textul și are o opacitate mai mică, astfel încât imaginea prezentată a glisorului să fie afișată. De asemenea, include un buton de vizualizare a postării. Când alunecă, imaginea se estompează și fragmentul alunecă în sus de jos.

Modulele de apel la acțiune funcționează ca linkuri către pagini de arhivare pentru categorii specifice. Trecând peste modul modifică culoarea butonului de la un fundal negru cu text alb la un fundal alb cu text negru și adaugă o margine neagră. Îmi place galbenul îndrăzneț. Acesta este un mod interesant de a adăuga navigarea pe categorii la pagină.

Culorile provin din importarea stilului de personalizare. Nu trebuie să îl utilizați și puteți schimba ușor culorile. Dacă doriți să aveți acces la stilul personalizator original, va trebui mai întâi să îl exportați.

Kitul de blog jurnal pentru aspectul Divi Fullwidth

Iată aspectul blogului folosind CSS cu lățime completă. Imaginea prezentată se apropie de mouse. Se adaugă o limită la primul cuvânt din extras. Categoria și capacul sunt în stil galben. Butonul Citiți mai multe este conceput pentru a se potrivi cu aspectul.

Kitul de blog jurnal pentru aspectul grilei Divi

Aspectul grilei afișează două postări pe o singură linie sub categorii. Include același stil ca și aspectul cu lățime completă, cum ar fi zoom-ul pe hover pentru imaginea prezentată, categoria galbenă și capacul drop și stilul butonului.

Kitul de blog pentru jurnal pentru aspectul Divi Inline

CSS în linie arată postările de pe blog cu imaginea în stânga și textul în dreapta. Include stilul și caracteristicile celorlalte machete. În acest exemplu, am făcut o captură de ecran în partea de jos a listei pentru a afișa butonul Intrări mai vechi cu stil. Același buton apare în toate aspectele.

Kit-ul Journal Blog pentru Divi Sidebar

Dacă importați setările widgetului, se creează o bară laterală cu mai multe widgeturi stilizate. Bara laterală include o secțiune despre mine cu titlu, fotografie și descriere și secțiuni pentru căutare, categorii, arhive, etichete și postări recente. Fiecare secțiune este concepută pentru a se potrivi cu aspectul. Îmi plac liniile galbene de pe ambele părți ale titlurilor. Categoriile și arhivele sunt casete derulante. Etichetele sunt linkuri stilizate.

Setul de blog pentru jurnal pentru aspectul individual al postului Divi

Dacă încărcați fișierul de postare prin FTP în fișierele temei dvs., postările de blog individuale care sunt create cu WordPress, mai degrabă decât cu constructorul Divi, au și ele un stil și au adăugate o mulțime de funcții noi. Funcțiile includ categoria, titlul, data, numărul de comentarii și etichetele de deasupra postării. Postarea are un capac de cădere în stil.

În urma postării sunt o casetă de autor stilată, navigarea postărilor, postări conexe și o casetă de comentarii stilată. Comentariile sunt în cascadă și includ o pictogramă stilată pentru a arăta că un răspuns este un răspuns la un alt comentariu. Secțiunile individuale includ liniile galbene cu titluri.

Kitul de blog jurnal pentru Divi Price

Kitul de blog pentru jurnal pentru Divi este de 49,00 GBP. Include toate fișierele și instrucțiunile de care aveți nevoie pentru ao utiliza.

  • Puteți achiziționa kitul Journal Blog de pe site-ul web al dezvoltatorului.

Kitul de blog jurnal pentru Divi

Kitul de blog pentru jurnal pentru Divi adaugă o mulțime de funcții de styling paginilor și postărilor de blog. Îmi place că stilizează postările de pe blog fără ca acestea să fi fost create cu constructorul Divi. De asemenea, mă bucur să văd un kit care se concentrează doar pe blog. Blogurile nu primesc întotdeauna suficientă atenție.

Fișierele trebuie instalate manual, dar cred că acesta este un exercițiu bun, deoarece arată unde merg anumite tipuri de fișiere și vă oferă câteva informații despre cum funcționează WordPress. Adăugarea fișierelor este de fapt mai ușoară decât pare. Nu am avut probleme cu adăugarea vreunui cod.

Am adăugat CSS în fișierul tematic copil pentru unul dintre aspecte, apoi am șters codul respectiv și am adăugat CSS la opțiunile temei pentru celelalte. Ambii au funcționat conform așteptărilor. CSS, JS, PHP și toate fișierele importate au funcționat perfect la prima încercare. Pentru a reveni la designul original sau la un design diferit, pur și simplu schimbați tema copilului și eliminați CSS.

Este interesant să aveți caracteristici de stil tematică copil într-un aspect. Îmi place acest lucru, deoarece poate fi folosit cu orice temă sau aspect pentru copii. Dacă sunteți interesat să adăugați câteva funcții noi de blog la Divi, vă recomand cu drag să aruncați o privire la kit-ul Journal Blog.

Vrem sa auzim de la tine. Ați încercat kit-ul Journal Blog pentru Divi? Spuneți-ne ce părere aveți despre asta în comentariile de mai jos.

Imagine prezentată prin M.Stasy / shutterstock.com