Përpara se të shtoni një modul Përmbledhjeje 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 aktivizoni Ndërtuesin Divi, i cili ju jep juve akses në të gjitha modulet Ndërtues Divi. 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 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 po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.

Gjeni modulin Përmbledhës 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ë shkruani fjalën "Përmbledhje" dhe pastaj klikoni në enter për të gjetur automatikisht dhe shtuar modulin përshkrues të tekstit! 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 për të renditur shërbimet e kompanisë në faqen kryesore

Meqenëse moduli Përmbledhje kombinon si imazhe ashtu edhe tekst për të shfaqur veçori të caktuara, mund ta përdorni për të shtuar një listë të shërbimeve të biznesit tuaj në faqen tuaj. Moduli Blurb gjithashtu ju lejon të ktheni imazhin / ikonën dhe titullin tuaj në një lidhje në faqen e shërbimit tuaj. Për këtë shembull, unë do të përdor modulin Blurb për të shtuar katër shërbime të veçuara në një faqe fillestare.

Për të shtuar katër Blurbs në faqen tuaj, përdorni ndërtuesin vizual për të shtuar një seksion standard me një rresht me katër kolona. Pastaj shtoni një modul Blurb në kolonën e parë të rreshtit tuaj.

Përditësoni cilësimet e Blurb me sa vijon:

Opsionet e përmbajtjes

Titulli: [fut titullin e shërbimit]
Përmbajtje: [shkruani një përshkrim të shkurtër të shërbimit]
URL: [shtoni një URL në faqen e shërbimit]
Përdorni ikonën: PO
Ikona: [zgjidhni një ikonë që ilustron shërbimin tuaj]

Opsionet e dizajnit

Ngjyra e ikonës: # 42bb99 (bëni ngjyrën që komplimenton projektin e faqes)
Përdorni ikonën Madhësia e shkronjave: PO
Madhësia e shkronjës së ikonës: 68px (rregullon madhësinë e ikonës)
Orientimi i tekstit: Qendra -
Madhësia e shkronjave të kokës: 24px
Madhësia e shkronjave: 18px
Gjatësia e Trupit Lartësia: 1.5em

Tani teksti juaj i parë hyrës ka mbaruar.

Tani kopjoni tri herë modulin Summary që sapo krijuat dhe tërhiqni secilën nga përmbledhjet e dyfishta në tre kolonat e tjera. Meqenëse cilësimet tuaja të dizajnit janë integruar në modulet tuaja të kopjuara, gjithçka që duhet të bëni është të modifikoni përmbajtje (titulli, përmbajtja, ikona, URL, etj.) dhe modifikoni ngjyrat për t'i përshtatur ato me secilin prej shërbimeve tuaja.

Përmbledhja e opsioneve të përmbajtjes

Në skedën e përmbajtjes 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ë.

Titull

Jepni tekstit tuaj një titull që do të shfaqet mbi tekst në një stil të theksuar teksti. Opsioni URL i vendosur nën fushën Title do t'ju lejojë ta bëni titullin tuaj një hiperlidhje.

Përmbajtje

Kjo fushë është vendi ku mund të futni përmbajtjen e trupit të tekstit tuaj. Blurb Text gjithashtu do të mbulojë të gjithë gjerësinë e kolonës tuaj deri në 550px.

URL

Vendosni një url të vlefshme në internet në këtë fushë për ta kthyer titullin tuaj Blurb në një lidhje. Lënia bosh e kësaj fushe thjesht do të lërë titullin tuaj si një element statik.

Hapja e URL-së

Këtu mund të zgjidhni nëse lidhja juaj do të hapet në një dritare të re.

Përdorni ikonën

Kur përdorni Blurbs, mund të zgjidhni të përdorni një ikonë ose një imazh me tekstin tuaj. Nëse zgjidhni "Po" për opsionin "Përdorni ikonën", do t'ju ofrohen opsionet e mëposhtme për të personalizuar ikonën tuaj. Nëse nuk zgjidhni të përdorni një ikonë, do t'ju kërkohet të ngarkoni një imazh në vend të kësaj.

ikonë

Nëse keni zgjedhur "Po" për cilësimin "Përdorni ikonën", ky opsion do të shfaqet. Ky opsion ju paraqet një listë të ikonave të disponueshme që mund t'i përdorni me mjegullën tuaj. Thjesht klikoni në ikonën që dëshironi të përdorni dhe ajo do të shfaqet në tekstin tuaj.

Imazh

Nëse nuk keni zgjedhur të përdorni një ikonë, ky cilësim do të shfaqet. Vendosni një url të vlefshme për imazhin këtu, ose zgjidhni / ngarkoni një imazh përmes bibliotekës mediatike WordPress. Imazhet në modulin Përmbledhës gjithmonë shfaqen të përqendruara në kolonat e tyre dhe shtrihen në të gjithë gjerësinë e kolonës tuaj deri në 550px. Sidoqoftë, imazhi juaj nuk do të jetë kurrë më i madh se madhësia origjinale e ngarkimit. Lartësia e figurës së prezantimit përcaktohet nga raporti i figurës tuaj origjinale. Prandaj këshillohet të vendosni të gjitha imazhet tuaja të prezantimit në të njëjtën lartësi nëse i vendosni pranë njëra-tjetrës.

Ngjyra e sfondit

Përcaktoni një ngjyrë të personalizuar të sfondit për modulin tuaj ose lini bosh për të përdorur ngjyrën e paracaktuar.

Imazhi i sfondit

Nëse është vendosur, kjo imazh do të përdoret si sfond për këtë modul. Për të hequr një imazh sfondi, thjesht hiqni URL-në nga fusha e Cilësimeve. Imazhet e sfondit do të shfaqen në krye të ngjyrave të sfondit, që do të thotë se ngjyra e sfondit tuaj nuk do të jetë e dukshme kur zbatohet një imazh sfondi.

Etiketa Admin

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.

Përmbledhja e opsioneve të projektimit të modulit

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.

Ngjyra e ikonës

Nëse keni zgjedhur "Po" për cilësimin "Përdorni ikonën", ky opsion do të shfaqet. Ky opsion ju lejon të personalizoni ngjyrën e ikonës tuaj. Si parazgjedhje, ikonat janë vendosur në ngjyrën e theksit të temës suaj.

Ikonë rrethi

Nëse keni zgjedhur "Po" për cilësimin "Përdorni ikonën", ky opsion do të shfaqet. Ky opsion ju lejon të vendosni ikonën tuaj në një rreth me ngjyrë. Nëse zgjidhni "po" për këtë cilësim, do t'ju ofrohen mundësi shtesë për të personalizuar ngjyrën dhe kufirin e rrethit tuaj.

Ngjyra e rrethit

Nëse keni zgjedhur "Po" për cilësimin "Rrethi Ikona", kjo mundësi do të shfaqet. Këtu mund të zgjidhni një ngjyrë që të përdorni për rrethin tuaj. Kjo ngjyrë është e pavarur nga ngjyra e ikonës tuaj të zgjedhur më parë. Ikona juaj, në ngjyrën e saj, do të shfaqet brenda një rrethi me ngjyrën që zgjidhni këtu.

Trego kufirin e rrethit

Nëse keni zgjedhur "Po" për cilësimin "Rrethi Ikona", kjo mundësi do të shfaqet. Ky opsion ju lejon të aktivizoni një kufi për rrethin tuaj. Nëse zgjidhet ky opsion, do të shfaqet një mundësi shtesë për të zgjedhur ngjyrën tuaj të kufirit.

Rrethi i ngjyrës së kufirit

Nëse keni zgjedhur "Po" për cilësimin "Trego kufirin e rrethit", kjo mundësi do të shfaqet. Këtu mund të përshtatni ngjyrën e kufirit të rrethit.

Vendosja e imazhit / ikonës

Këtu mund të zgjidhni vendndodhjen e imazhit/ikonës tuaj. Mund të shfaqet ose sipër tekstit ose në të majtë të tekstit. Duke vendosur imazhin/ikonën në të majtë të tekstit tuaj, imazhi do të jetë më i vogël se nëse vendoset sipër.

Përdorni madhësinë e shkronjave të ikonës

Nëse ky opsion është i aktivizuar, mund të futni një madhësi të personalizuar për ikonën e shfaqur sipër ose dy në të majtë të mjegullës tuaj.

Ngjyra e tekstit

Nëse mjegulla juaj vendoset në një sfond të errët, ngjyra e tekstit duhet të vendoset në "E errët". Në të kundërt, nëse mjegulla juaj vendoset në një sfond të lehtë, ngjyra e tekstit duhet të vendoset në "Dritë".

Orientimi i tekstit

Kjo meny në rënie ju lejon të specifikoni orientimin e tekstit tuaj për t'u justifikuar nga e majta, në qendër ose e justifikuar nga e djathta.

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 hapësirës që dëshironi 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.

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. Mbështetni njësitë e personalizuara të matjes, që do të thotë që ju mund të ndryshoni njësinë e paracaktuar nga "px" në diçka tjetër si 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.

Gjerësia maksimale e imazhit

Zbatimi i një vlere maksimale të gjerësisë këtu do të kufizojë gjerësinë e imazhit të prezantimit. Kjo ndikon vetëm në mjegullat që nuk janë në modalitetin e ikonave.

Marzhi i personalizuar

Marzhi është hapësira e shtuar në pjesën e jashtme të modulit tuaj, midis modulit dhe elementit tjetër sipër, poshtë, ose majtas dhe djathtas tij. Ju mund të shtoni vlera marzhi të personalizuara në secilën prej katër anëve të modulit. Për të hequr një diferencë të personalizuar, hiqni vlerën e shtuar nga fusha e hyrjes. Si parazgjedhje, këto vlera maten në piksel, por ju mund të futni njësi të personalizuara të matjes në fushat e hyrjes.

Mbushje me porosi

Mbushja është hapësira e shtuar brenda modulit tuaj, midis buzës së modulit dhe elementëve të tij të brendshëm. Ju mund të shtoni vlera të personalizuara të mbushjes në secilën prej katër anëve të modulit. Për të hequr një diferencë të personalizuar, hiqni vlerën e shtuar nga fusha e hyrjes. Si parazgjedhje, këto vlera maten në piksel, por ju mund të futni njësi të personalizuara të matjes në fushat e hyrjes.

Opsione të përparuara Moduli i përmbledhjes

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 të fëmijës.

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-në e personalizuar që shtoni në faqen tuaj ose në faqen tuaj Site Web duke përdorur opsionet e temës Divi ose cilësimet e faqes Divi Builder.

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.

Animacion imazhesh / ikonash

Kjo kontrollon drejtimin e animacionit të ngarkimit dembel.

Teksti ALT nga imazhi

Nëse nuk keni zgjedhur të përdorni një ikonë, ky cilësim do të shfaqet. Teksti tjetër ofron çdo informacion të nevojshëm nëse imazhi nuk po ngarkohet, nuk shfaqet si duhet, ose në ndonjë situatë tjetër ku një përdorues nuk mund ta shohë imazhin. Gjithashtu lejon që imazhi të lexohet dhe të njihet nga motorët e kërkimit.

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. Shpresojmë të ju kemi treguar se si të përdorni modulin përmbledhës në Divi.