Përpara se të shtoni një modul Toggle 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 Aktivizo Visual Builder kur ju shfletoni tuaj Site Web në plan të parë nëse jeni regjistruar në pultin tuaj të WordPress.
Pasi të jeni 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 po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.
Gjeni modulin këmbe 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 "toggle" dhe më pas shtypni enter për të kërkuar automatikisht dhe për të shtuar modulin këmbe! Pasi 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: Faqja e FAQ
Një faqe FAQ është një nga vendet më të mira për të konsoliduar informacionin duke përdorur modulin Toggle. Kjo lejon përdoruesin të shpejt të identifikuar pyetjen që po kërkoni, pa pasur nevojë për të lexuar ton tekstit. Për këtë shembull, unë do t'ju tregoj se si mund të përdorni modulin Toggle për të hartuar një seksion modern FAQ për faqen tuaj të FAQ brenda pak minutash.
Duke përdorur Visual Builder, shtoni një seksion të ri me një rresht me gjerësi të plotë (1 kolonë). Pastaj shtoni një modul Divider në rresht. Nën skedën Përmbajtja të cilësimeve të modulit Divider, zgjidhni opsionin "Show Divider".
Në skedën Design, futni opsionet e mëposhtme:
Ngjyra: # 000000 (e zezë)
Stili ndarës: I ngurtë
Pozicioni i ndarësit:
Ndarësi i përqendruar vertikalisht Pesha: 4px
Lartësia: 1
Pastaj shtoni një modul këmbe nën ndarësin që sapo krijova në të njëjtën rresht. Në cilësimet e modulit Toggle, azhurnoni sa vijon:
Përmbajtja tab
Titulli: [shkruani titullin tuaj]
Përmbajtja: [shkruani përmbajtjen tuaj]
Statusi: Mbyll
Ngjyra e sfondit të hapur: #ffffff
Mbyllur Toggle color background: #ffffff
Ngjyra e sfondit: #ffffff
Dizajn tab
Ngjyra e ikonës: # 000000
Hap tekstin e ndryshueshëm të tekstit: # 000000
Mbyllur Toggle Ngjyra e tekstit: # 000000
Font Titulli: Open Sans, Bold
Madhësia e shkrimit: 24px
Titulli Teksti i ngjyrës: # 000000
Tipi i Trupit: Open Sans
Madhësia e shkrimit të trupit: 18px
Trupi Stili i tekstit: # 666666
Lartësia e vijës së trupit: 1.6em
Përdorni kufirin: PO
Gjerësia e kufirit: 0px
Mbushje me porosi: Top 2px, Fundi 2px
Pasi të keni ruajtur cilësimin tuaj për modulin këmbe, kopjoni modulin ndarës që keni krijuar dhe vendoseni nën modulin këmbe. Kjo do ta kornizojë sharrën me një vijë ndarëse të sipërme dhe të poshtme. Pas kësaj, kopjoni modulin tuaj të rrokullisjes dhe vendoseni pas vijës së ndarësit të poshtëm. Meqenëse ky është një modul i kopjuar Toggle, të gjitha cilësimet e dizajnit janë transferuar në modulin e ri Toggle dhe gjithçka që duhet të bëni është të azhurnoni përmbajtjen e modulit të ri Toggle. Pastaj vazhdoni procesin e dublikimit të moduleve të Divizionit dhe Moduleve të Shkallës dhe azhurnoni përmbajtjen e shkallëve tuaja derisa të keni përfunduar të gjithë seksionin e FAQ.
Kjo eshte e gjitha. Tani keni një seksion modern FAQ duke përdorur modulin Toggle për të konsoliduar pyetjet dhe përgjigjet tuaja.
Tani që keni parë modulin këmbe në veprim, zhytuni në GJITHA cilësimet e tij në seksionet më poshtë. Ne kemi dhënë një vështrim të hollësishëm se çfarë do të gjeni në secilën skedë të cilësimeve të modulit dhe një shpjegim të asaj që bën secili.
Parametrat e përmbajtjes së modulit Toggle
Skeda e përmbajtjes së modulit këmbe është e organizuar në grupet e mëposhtme të parametrave (të cilët gjithashtu alternojnë!).
Tekst
Kjo është ajo ku ju mund të shtoni titullin dhe të ndryshoni përmbajtjen.
shtet
Mund të zgjidhni nëse doni që butoni juaj të shfaqet i hapur ose i mbyllur si parazgjedhje me këtë cilësim.
Contexte
Këtu mund të ndryshoni ngjyrën e sfondit kur këmba është e hapur dhe ngjyra e sfondit kur është e mbyllur. Ju gjithashtu mund të lehtë të bëjë atyre të njëjtën gjë duke vendosur opsionin ngjyrën e sfondit. Ekziston gjithashtu mundësia për të vendosur ose ngarkuar një imazh sfondi.
Etiketa Admin
Si parazgjedhje, moduli juaj këmbyes do të shfaqet me një etiketë që lexon 'Toggle' në gjenerator. Admin Tag ju lejon të ndryshoni këtë etiketë për identifikim të lehtë.
Parametrat e projektimit të modulit rocker
Parametrat e dizajnit të modulit këmbe janë grupuar së bashku në këmbyesat vijuese zbritëse nën skedën Design.
ikonë
Kjo është ajo ku mund të ndryshoni ngjyrën e ikonës së këmbyesit.
Tekst
Këtu mund të vendosni ngjyrën për tekstin ndryshues të hapur dhe të mbyllur.
Teksti i titullit
Këtu mund të rregulloni shkronjën e tekstit të titullit, peshën, madhësinë, ngjyrën, hapësirën, lartësinë e vijës dhe më shumë.
Trupi i tekstit
Këtu mund të rregulloni fontin, peshën, madhësinë, ngjyrën, hapësirën, lartësinë e rreshtit dhe më shumë.
kufijtë
Këtu mund të zgjidhni të përdorni një kufi. Dhe nëse vendosni të përdorni një bordurë, ju gjithashtu mund të zgjidhni ngjyrën e tij, të ndryshoni gjerësinë e tij dhe të zgjidhni stilin e tij.
ndarje
Në zonën e ndarjes, mund të shtoni mbushje me porosi në pjesën e sipërme, të djathtë, të poshtme ose të majtë të këmbyesit. Këto vlera mund t'i ndryshoni edhe për desktop, tabletë ose pajisje të lëvizshme.
Cilësimet e përparuara të modulit ndryshojnë
Në skedën Advanced të modulit tuaj të ndryshimit, mund të shtoni një klasë unike ID dhe css. Ju gjithashtu mund të shtoni css të personalizuar në zgjedhës të ndryshëm të paracaktuar (dhe të zgjedhur) css në modulin e rrëshqitjes së videos me porosi të css. Më në fund, në listën zbritëse të dukshmërisë, mund të rregulloni dukshmërinë e modulit tuaj në telefona, tableta dhe desktop.
Kjo është e gjitha për këtë manual, shpresoj se do t'ju lejojë të përdorni më mirë modulin Divi Toggle.
[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