Divi ju lejon të krijoni një numër të pakufizuar zonash të gatshme për përdorim në fluturim. Shiritat anësor mund të shtohen më pas në çdo faqe, duke ju lejuar të krijoni shirita anësore unike për seksione të ndryshme të faqes tuaj Site Web.

Si të shtoni një modul Widget Zonde nga Divi

Përpara se të shtoni një modul të shiritit anësor në faqen tuaj, së pari duhet të hidheni 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. Klikoni në këtë buton për të aktivizuar Divi Builder dhe për të hyrë 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ë plan të parë nëse jeni regjistruar në pultin tuaj të WordPress.

Pasi të përdorni Visual Builder, mund të klikoni butonin gri (+) 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 e shiritit anësor 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 "shirit anësor" dhe pastaj klikoni "Enter" për të gjetur automatikisht dhe shtuar modulin e shiritit anësor! Sapo të shtohet moduli, ju do të përshëndeteni nga lista e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .

Shembull rasti i përdorimit: Shtimi i një shiriti anësor në faqen tuaj të blogut

Moduli i shiritit anësor ju lejon të futni një shirit anësor (dhe të gjitha miniaplikacionet e tij të integruara) kudo në faqen tuaj. Në të vërtetë, mund të shtoni çdo zonë widget-i duke përdorur modulin e shiritit anësor. Për këtë shembull, unë do t'ju tregoj se si të futni një shirit anësor të personalizuar në faqen tuaj të blogut duke përdorur seksionin e specializuar për të shfaqur miniaplikacionin Kërko dhe Postimet e Fundit në WordPress.

Kjo faqe e blogut ka një titull me gjerësi të plotë për të shfaqur titullin e blogut në krye të faqes. Nën modulin e kokës me gjerësi të plotë gjendet një paraqitje specialiteti me një modul blogu në të majtë dhe një zonë vertikale të shiritit anësor në të djathtë.

Përdorimi i seksionit të specializuar ju lejon të shtoni variacione komplekse të kolonave pranë shiritave anësorë vertikalë, pa shtuar ndërprerje të padëshiruara në faqe. Kjo është perfekte për një blog me një shirit anësor.

Së pari ju duhet të siguroheni që keni vendosur widget-et e vendosura në faqen Widgets të panelit tuaj të WordPress. Për këtë shembull, unë jam duke shtuar miniaplikacionin Kërko dhe miniaplikacionin Artikujt e fundit në miniaplikacionin Sidebar.

Pastaj vendosni Visual Builder për të redaktuar faqen e blogut. Shtoni një seksion të specializuar në faqen tuaj (vetëm poshtë kokës suaj) me paraqitjen e mëposhtme:

Pasi të keni shtuar një seksion të specializuar në faqe, do të vini re se një zonë (në të majtë) ka një buton "Shto Modulin". Për këtë shembull, këtu është shtuar moduli Blog me një paraqitje të rrjetit për të shfaqur postimet e blogut.

Tjetri (në të djathtë) ka një buton "Vendos Rreshtin". Zona "Fut modulin" përfaqëson shiritin anësor vertikal. Këtu do të futni modulin e shiritit anësor. Ju mund të shtoni sa më shumë module këtu, në një rresht të vetëm, dhe ato do të shtrihen në gjerësinë vertikale të seksionit, ngjitur me strukturën e kolonës që ndërtoni pranë tij. Në fakt, për këtë shembull, faqja e blogut tashmë ka një modul Email Optin dhe një modul Person në atë zonë të shiritit anësor vertikal të paraqitjes së Specialitetit.

Tani, shtoni modulin e shiritit anësor në majë të moduleve të tjera në zonën tuaj vertikale të shiritit anësor.

Në cilësimin e Modules Sidebar, aktualizoni sa vijon:

Përmbajtja tab

Zona e widget: zgjidhni Shiritin anësor

Dizajn tab

Orientimi: Djathtas (sepse shirita anësor është në të djathtë)
Fshini ndarësin e kufirit: PO
Ngjyra e tekstit:
Madhësia e shkronjës së Header Dark: 26px
Hapësira e letrave të
header: 3px Lartësia e rreshtit të header: 1.1em

Tab i avancuar

Nën seksionin Custom CSS, shtoni CSS të mëposhtme në kutinë e tekstit Widget. Kjo do ta bëjë që dizajni i miniaplikacioneve të shiritave anësorë të përputhet me modelin e faqes:

sfond: #fff; mbushje: 20px; -webkit-box-hije: 0 1px 5px rgba (0, 0, 0, 0.1) -moz-box-hije: 0 1px 5px rgba (0, 0, 0, 0.1); kuti-hije: 0 1px 5px rgba (0, 0, 0, 0.1);

Ruani cilësimet

Tani mund të shihni që moduli i shiritit anësor shfaq elementet e widget Sidebar (Kërko dhe artikuj të fundit) dhe i shfaq ato në zonën vertikale të shiritit anësor të seksionit tuaj të specialitetit.

Opsione të përmbajtjes për shiritin anësor

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. Gjithçka që kontrollon atë që shfaqet në modulin tuaj do të gjendet gjithmonë në këtë skedë.

Zona e Widgetit

Moduli Sidebar përdor kutitë e krijimit të miniaplikacioneve që mund të krijoni në skedën Paraqitje> Vegla. Ju mund të zgjidhni një nga zonat tuaja të vizatimeve të personalizuara nga kjo menu në rënie.

Etiketa Admin

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

Opsionet e projektimit të shiritit anësor

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 është skeda që do të përdorni për të ndryshuar 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ë ndryshuar gjithçka.

Orientim

Këtu mund të zgjidhni se në cilën anë të faqes do të shfaqet shiriti juaj anësor. Ky parametër kontrollon orientimin e tekstit dhe pozicionin e kufirit.

Fshini ndarësin e kufirit

Këtu mund të hiqni kufirin e hollë gri që ndan shiritin anësor nga përmbajtja e faqes tuaj.

Ngjyra e tekstit

Këtu mund të zgjidhni nëse teksti juaj duhet të jetë i lehtë ose i errët. Nëse jeni duke punuar në një sfond të errët, teksti juaj duhet të jetë i lehtë. Nëse sfondi juaj është i lehtë, teksti juaj duhet të jetë i errët.

Shkronja e kokës

Ju mund të ndryshoni fontin e tekstit tuaj të kokës duke zgjedhur fontin e dëshiruar nga menuja në rënie. Divi vjen me dhjetëra fonte të shkëlqyera 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 shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione 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 diapazonit për të rritur ose ulur madhësinë e tekstit tuaj ose 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ë vlerës së 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 tekstit tuaj të kokës, zgjidhni ngjyrën e dëshiruar 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ë në tekstin tuaj të kokës, 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ë 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ë vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Header Rreshti Lartësia

Lartësia e vijës 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 për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushë. hyrja e vendosur 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ë vlerës së 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 fonte të shkëlqyera 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 shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione të nënvizuara.

Madhësia e madhësisë së trupit

Këtu mund të rregulloni madhësinë e tekstit të trupit tuaj. Mund ta tërhiqni rrëshqitësin për të rritur ose zvogëluar madhësinë e tekstit tuaj ose futni direkt vlerën e madhësisë së dëshiruar të 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ë vlerës tuaj të madhësisë 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 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ë në tekstin tuaj, 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ë 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ë vlerës së 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 në trupin 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 dëshiruar të hapësirës në fushën e hyrjes vendosur 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ë vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Opsione të përparuara të shiritit anësor

Në skedën e avancuar, do të gjeni opsione që krijuesit e faqeve më me përvojë mund t'i konsiderojnë të dobishme, siç janë tiparet e personalizuara të 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 stilim të personalizuar të CSS. Mund të shtoni shumë klasa, të ndara nga një hapësirë. Këto klasa mund të përdoren në temën tuaj për fëmijë Divi ose në fletën e stilit të personalizuar CSS që shtoni në faqen tuaj ose në faqen tuaj të internetit duke përdorur opsionet e temës Divi ose cilësimet e faqes Divi Builder.

Custom CSS

CSS-ja e personalizuar mund të zbatohet gjithashtu në modul dhe cilindo nga brendësitë e modulit. Në seksionin Custom CSS, do të gjeni një fushë teksti ku mund të shtoni fletë të personalizuara të stilit CSS direkt në secilin element. Hyrjet e CSS në këto cilësime janë mbështjellë tashmë në etiketat e stilit. Pra, thjesht 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 doni të thjeshtoni modelin e telefonit celular duke hequr disa elemente nga faqja.

[vc_row center_row=”po”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”i sheshtë” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SHKARKO TEMËN DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NADLOGO”]DOW templates DIVI[/vcex_button][/vc_column][/vc_row]

Tutoriale të tjera Divi

• faqet e internetit të 5 për përdorim restorant Divi temë
• Si të shtoni tekst në një produkt Divi WooCommerce
• Si të ndryshoni ngjyrën e menysë në mes të faqeve Divi
• Si të personalizoni rrjetet e një blogu me Divi
• Si të përdorni redaktorin e roleve Divi në WordPress
• Si të krijoni një rrëshqitës Divi në ekran të plotë
• Si ta ndryshoni ngjyrën e menusë në mes të faqeve Divi
• Karakteristikat që ju ndoshta nuk i dini për Divi
• Si të përdorni Divi Builder në WordPress
• Si të përdorni modulin scrolling video Divi
• Si të përdorni modulin Dili Builder Flip
• Si të shtoni një modul dëshmimi në Divi Builder
• Si të përdoret moduli i tekstit Divi
• Si të krijoni një shirit në Divi
• Si të redaktoni një rol të përdoruesit të Divi
• Si të përdorni modulin Divi Social Media
• Si të përdorni modulin e dyqaneve në temën WordPress Divi
• Si të përdorni modulin e sidebarit Divi
• Si të përdorni Modulin e Tabelës së Çmimeve të Divi-t
• Si të përdoret moduli i titullit të botimeve Divi
• Si të shtoni një modul video të Divi
• Si të përdorni modulin e lundrimit të artikullit
• Si të përdorni modulin e kërkimit Divi
• Si të përdorni modulin e portofolit Divi
• Si të përdorni modulin e personit në Divi Builder
• Si të përdorni modulin e portofolit me filtrin Divi
• Si të përdorni modulin e plotë slider width
• Si të përdorni modulin e imazhit të ndërtuesit Divi
• Si të përdorni modulin e navigimit të plotë të Divi Builder
• Si të përdorni modulin e galerisë së imazheve
• Si të përdorni modulin e kartës me gjerësi të plotë Divi Builder
• Si të përdorni modulin e Portofolit të Divi Full Width
• Si të përdorni modulin e headerit me gjerësi të plotë Divi
• Si të përdorni Modulin e Divi Counter
• Si të përdorni rrëshqitësin e artikujve në Divi Builder
• Si të përdorni modulin Optika të Divi Email