Me Divi, edhe bloget janë një modul dhe "blog" juaj mund të vendoset kudo në tuaj Site Web dhe në formate të ndryshme. Ju mund të kombinoni modulet e blogut dhe shiritit anësor për të krijuar dizajne klasike të blogut. 1 kolonë, 2 kolona ose 3 kolona mund të krijohen duke përdorur modulin e blogut dhe shiritit anësor.

Si të shtoni një modul blog në faqen tuaj

Përpara se të shtoni një modul blogu në faqen tuaj, së pari duhet të hyni në Divi Builder. Pasi të Tema divi instaluar në tuaj Site Web, do të vini re një buton Përdorni Divi Builder sipër redaktuesit të postimeve sa herë që krijoni një faqe të re. Duke klikuar në këtë buton, ju do të jeni në gjendje të aktivizoni Divi Builder, i cili do t'ju japë qasje në të gjitha modulet Divi Builder. Pastaj klikoni në butonin Përdorni Visual Builder për të filluar gjeneratorin në modalitetin vizual. Ju gjithashtu mund të klikoni butonin Përdorni Visual Builder kur ju shfletoni tuaj Site Web në rrjedhën e sipërme nëse jeni regjistruar në pultin tuaj të WordPress.

Pasi të keni hyrë në Visual Builder, mund të klikoni në butonin gri plus për të shtuar një modul të ri në faqen tuaj. Modulet e reja mund të shtohen vetëm brenda rreshtave. Nëse jeni duke filluar një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj. Ne kemi mësime të shkëlqyera për përdorimin e elementeve të Linjat et de seksione nga Divi.

Gjeni modulin e blog-ut në listën e moduleve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e moduleve është e kërkueshme, që do të thotë që ju gjithashtu mund të shtypni fjalën "blog" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin e blogut! Pasi të shtohet moduli, ju do të përshëndeteni me listën e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .

Përdorni rastin e modulit të blogut me një paraqitje të rrjetit në një seksion të specializuar me një shirit të djathtë

Për këtë shembull, unë do të shtoj një modul blog në një faqe blog. Kjo faqe në blog ka një titull të plotë me një modul kërkimi më poshtë. Nën modulin e kërkimit do të shtoj një seksion të specializuar me modulin e blogut në anën e majtë dhe një seksion të shiritit anësor në të djathtë. Shiriti anësor në të djathtë përmban një miniaplikacion të kohëve të fundit të postimit, një modul email optin dhe një modul personi.

Kështu duket faqja e shembullit.

Vini re se moduli i blog-ut është në një plan urbanistik në anën e majtë të seksionit special.

Le të fillojë.

Përdorni ndërtuesin vizual për të shtuar një seksion të specializuar me paraqitjen e mëposhtme:

Do t'ju kërkohet të shtoni një kolonë ose një rresht me dy kolona për anën e majtë. Zgjidhni kolonën e rreshtit 1.

Pastaj shtoni modulin e blogut në rresht.

Përditësoni cilësimet e blogut si më poshtë:

Opsionet e përmbajtjes

Numri i postimeve: 6
Mësoni më tepër Button: ON
Trego pagimin: JO
Ngjyra e sfondit të rrjetit: #ffffff

Opsionet e dizajnit

Layout: Grid
Përdorni Dropshadow: ON
Ikona e ngjyrave të mbivendosur: #ffffff
Ngjyra e mbivendosjes së dritares: Header rgba (224,153,0,0.51)
policia:
Titulli i madhësisë së shkronjave: 21px
Kreu Ngjyra e tekstit: # 333333
Hapësira e shkronjave: 1px
Lartësia e rreshtit të kokës: 1.2 em
Kufiri: PO
Ngjyra e kufirit: # f0f0f0
Gjerësia e kufirit: 1px
Stili kufitar: i ngurte

Mundësi shtesë

Custom CSS (Lexo më shumë butonin):

ngjyra: # e09900;
duke parë bllokun;
text-align: qendra;
margjinat e sipërme: 10px;
kufiri: 1px solid #ccc;
mbushje: 5px;
Transformimi i tekstit: përfitoni;
Hapësira e letrës: 1px;

Butoni i përparuar me porosi CSS për butonin Lexo më shumë krijon një pamje me porosi që përputhet me modelin.

Në pjesën e djathtë të shiritit anësor të paraqitjes së seksionit specialist, do t'ju duhet të shtoni një modul të shiritit anësor që fut miniaplikacionin e postimeve të fundit. Më poshtë do të duhet të shtoni një modul Email Optin. Dhe pastaj nën Email Optin, duhet të shtoni modulin Person me informacionin e autorit.

Kjo është e gjitha!

Opsionet e përmbajtjes në blog

Në skedën Përmbajtja, do të gjeni të gjithë elementët e përmbajtjes së modulit, të tilla si teksti, imazhet dhe ikonat. E gjithë kjo kontrollon çfarë shfaqet në modulin tuaj gjithmonë do të jetë në këtë skedë.

Numri i artikullit (Numri i artikujve)

Vendosni numrin e mesazheve që dëshironi të shfaqni. Do të duhet të keni mesazhe për gjithçka që shfaqet në këtë modul.

Zgjidhni kategoritë që dëshironi të përfshini në burimin e postimeve. Të gjitha kategoritë e mesazheve që keni krijuar do të shfaqen këtu që ju të zgjidhni / zgjidhni.

Kategoritë e përfshira

Zgjidhni kategoritë që dëshironi të përfshini në burim.

Formati i datave

Vendosni këtu formatin e datës që dëshironi të shfaqni në postimet tuaja të blogut. Paraqitja e paracaktuar është formati M j, Y (6 janar 2014) Shikoni Kodin WordPress në formatet e datave për më shumë opsione.

Përmbajtje

Shfaqja e përmbajtjes së plotë nuk do të shkurtojë postimet tuaja në faqen e indeksit. Show Snippet do të shfaqë vetëm tekstin tuaj të fragmentit.

Numri i kompensimit

Zgjidhni numrin e mesazheve që dëshironi të kompensoni. Nëse kompensoni me 3 postime, për shembull, tre postimet e para në burimin e blogut tuaj nuk do të shfaqen.

Shfaq imazhin e paraqitur

Ky opsion ju lejon të zgjidhni nëse doni të shfaqen pamjet e vogla në modulin tuaj të blogut.

Lexo më shumë butonin

Këtu mund të vendosni nëse do të shfaqet lidhja "lexo më shumë" pas fragmentit ose jo.

Trego autorin

Zgjidhni nëse doni ose jo të shfaqni autorin e çdo postimi në blog në kutinë meta të postimit poshtë titullit të postimit.

Shfaq datën

Zgjidhni nëse doni të shfaqni ose jo datën që u krijua secili artikull në kutinë e artikullit Meta poshtë titullit të mesazhit.

Trego kategoritë

Zgjidhni nëse do të shfaqni apo jo kategoritë e postimit në zonën e meta pas titullit të botimit.

Shikoni numrin e komenteve

Zgjidhni nëse doni të shfaqni apo jo numrin e komenteve në kutinë e meta nën titullin e postimit.

Shikoni pagimin

Zgjidhni nëse doni të shfaqni faqosjen për këtë burim. Për të aktivizuar faqëzimin me numër, do t'ju duhet të instaloni shtojcën WP Faqe Navi .

Etiketa e administratës

Kjo do të ndryshojë etiketën e modulit në gjenerator për identifikim të lehtë. Kur përdorni pamjen WireFrame në Visual Builder, këto etiketa do të shfaqen në bllokun e modulit të ndërfaqes Ndërtuesi Divi.

Mundësitë e dizajnit të blogut

Në skedën Design, do të gjeni të gjitha opsionet e stilit të modulit, të tilla si gërmat, ngjyrat, madhësia dhe hapësira. Kjo skedë ju lejon të modifikoni pamjen e modulit tuaj. Çdo modul Divi ka një listë të gjatë të cilësimeve të dizajnit që mund t'i përdorni për të rregulluar gjithçka.

natyrë

Ju mund të zgjidhni të shfaqni postimet tuaja në një rrjet ose një paraqitje me gjerësi të plotë.

Imazh i mbivendosur

Nëse ky opsion është i aktivizuar, një ngjyrë dhe një ikonë e mbivendosur shfaqen kur një vizitor rri pezull mbi imazhin e zgjedhur të një mesazhi.

Ngjyra e ikonës së mbivendosur

Këtu mund të vendosni një ngjyrë të personalizuar për ikonën e mbivendosur.

Ngjyra e mbulimit fluturon

Këtu mund të përcaktoni një ngjyrë të personalizuar për shtresën e sipërme.

Hover Icon Picker

Këtu mund të përcaktoni një ikonë me porosi për veshjen e sipërme.

Ngjyra e tekstit

Si blogun tuaj vendoset në një sfond të lehtë, ngjyra e tekstit duhet të vendoset në "E errët". Viza, po blogun tuaj vendoset në një sfond të errët, ngjyra e tekstit duhet të vendoset në "Drita".

Shkronja e kokës

Ju mund të ndryshoni fontin e kokës suaj duke zgjedhur fontin e dëshiruar nga menuja drop-down. Divi vjen me dhjetëra gërma të mrekullueshme të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur opsione të theksuara, të pjerrëta, kapitale dhe të nënvizuara.

Madhësia e shkronjave të kokës

Këtu mund të rregulloni madhësinë e tekstit tuaj të kokës. Mund të tërhiqni rrëshqitësin e intervalit për të rritur ose ulur madhësinë e tekstit tuaj, ose mund të futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Ngjyra e tekstit të kokës

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e kokës suaj, zgjidhni ngjyrën që dëshironi nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të kokës

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë të tekstit tuaj të kokës, përdorni rrëshqitësin e intervalit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Header Rreshti Lartësia

Lartësia e rreshtit ndikon në hapësirën midis secilës rresht të tekstit tuaj të kokës. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fusha e hyrjes në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Gjelbër i trupit

Ju mund të ndryshoni fontin e trupit tuaj duke zgjedhur fontin e dëshiruar nga menuja drop-down. Divi vjen me dhjetëra gërma të mrekullueshme të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur opsione të theksuara, të pjerrëta, kapitale dhe të nënvizuara.

Madhësia e madhësisë së trupit

Këtu mund të rregulloni madhësinë e tekstit të trupit tuaj. Mund të tërhiqni rrëshqitësin e intervalit për të rritur ose ulur madhësinë e tekstit tuaj, ose mund të futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Ngjyra e trupit të tekstit

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e tekstit të trupit tuaj, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të trupit

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë të tekstit të trupit tuaj, përdorni rrëshqitësin e intervalit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Lartësia e vijës së trupit

Lartësia e vijës ndikon në hapësirën ndërmjet secilës rresht të tekstit të trupit. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e intervalit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Font font

Ju mund të ndryshoni fontin e meta-tekstit tuaj duke zgjedhur fontin e dëshiruar nga menuja në rënie. Divi vjen me dhjetëra gërma të mrekullueshme të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur opsione të theksuara, të pjerrëta, kapitale dhe të nënvizuara.

Madhësia e fontit metas

Këtu mund të rregulloni madhësinë e tekstit tuaj meta. Mund të tërhiqni rrëshqitësin e intervalit për të rritur ose ulur madhësinë e tekstit tuaj, ose mund të futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Ngjyra e tekstit për meta

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e meta-tekstit tuaj, zgjidhni ngjyrën që dëshironi nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave meta

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë të meta-tekstit tuaj, përdorni rrëshqitësin e intervalit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Lartësia e linjës Meta

Lartësia e rreshtit ndikon në hapësirën midis secilës rresht në meta-tekstin tuaj. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e hapësirës që dëshironi në fushë në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Përdorni kufirin

Aktivizimi i këtij opsioni do të vendosë një kufi rreth modulit tuaj. Ky kufi mund të personalizohet duke përdorur parametrat e mëposhtëm të kushtëzuar.

Ngjyra e kufirit

Ky opsion ndikon në ngjyrën e kufirit tuaj. Zgjidhni një ngjyrë të personalizuar nga zgjedhësi i ngjyrave për ta aplikuar në kufirin tuaj.

Gjerësia e kufirit

Si parazgjedhje, kufijtë janë 1 pixel të gjerë. Ju mund ta rrisni këtë vlerë duke tërhequr rrëshqitësin e diapazonit ose duke futur një vlerë të personalizuar në fushën e hyrjes në të djathtë të rrëshqitësit. Njësi të mbështetura të matjes me porosi, që do të thotë që ju mund të ndryshoni njësinë e paracaktuar nga "px" në diçka tjetër p.sh. em, vh, vw etj.

Stili kufitar

Kufijtë mbështesin tetë stile të ndryshme, duke përfshirë: të ngurta, me pika, me pika, të dyfishta, brazdë, kreshtë, futje dhe fillim. Zgjidhni stilin që dëshironi nga menuja zbritëse për ta aplikuar në kufirin tuaj.

Opsione të përparuara në blog

Në skedën Advanced, do të gjeni opsione që krijuesit e faqeve më me përvojë mund t’i konsiderojnë të dobishme, siç janë tiparet e personalizuara CSS dhe HTML. Këtu mund të aplikoni CSS të personalizuar në cilindo nga shumë elementë të modulit. Ju gjithashtu mund të aplikoni klasa dhe ID të personalizuara të CSS në modul, të cilat mund të përdoren për të personalizuar modulin në skedarin style.css të temës tuaj.

ID CSS

Futni një ID opsionale CSS për t'u përdorur për këtë modul. Një ID mund të përdoret për të krijuar një stil të personalizuar CSS ose për t'u lidhur me seksione të veçanta të faqes tuaj.

Klasë CSS

Futni klasat opsionale CSS për t'u përdorur për këtë modul. Një klasë CSS mund të përdoret për të krijuar një stil të personalizuar CSS. Mund të shtoni disa klasa, të ndara me një hapësirë. Këto klasa mund të përdoren në tuaj Tema divi Fëmijë ose në CSS të personalizuar që shtoni në faqen ose faqen tuaj të internetit duke përdorur opsionet e temës Divi ose Cilësimet e faqes së Ndërtuesit të Divi.

Custom CSS

CSS e personalizuar mund të zbatohet gjithashtu në modul dhe cilindo nga elementët e brendshëm të modulit. Në seksionin Custom CSS, do të gjeni një fushë teksti ku mund të shtoni CSS direkt në secilin element. Hyrjet e CSS në këto cilësime janë ngulitur tashmë me etiketat e stilit. Kështu që thjesht duhet të futni rregullat e CSS të ndara me pikëpresje.

dukshmëri

Ky opsion ju lejon të kontrolloni pajisjet në të cilat shfaqet moduli juaj. Ju mund të zgjidhni të çaktivizoni modulin tuaj në tableta, telefona inteligjentë ose desktopë individualisht. Kjo është e dobishme nëse dëshironi të përdorni modë të ndryshëm në pajisje të ndryshme ose nëse dëshironi të thjeshtoni modelin e telefonit celular duke hequr disa elementë nga faqja.

Kjo është ajo për këtë tutorial.