Si të përdorni modulin e Navigacionit me gjerësi të plotë në Divi Builder

Moduli i Gjerësisë së plotë të Divi-t ju lejon të vendosni një menu navigimi kudo në faqe. Kjo mund të përdoret për të shtuar një menu të faqes së dytë në faqe, ose mund të përdoret së bashku me tiparin Blank Page për të lëvizur lundrimin tuaj kryesor në fund të faqes. Për shembull, mund ta zhvendosni menunë tuaj poshtë seksionit tuaj të parë për të akomoduar njerëz me një imazh të madh fillestar. Kjo në thelb lejon që navigimi juaj në kokë të lëvizë nëpër faqe duke përdorur ndërtuesin!

Si të shtoni një modul të menusë me ekran të plotë në faqen tuaj

Përpara se të shtoni një modul menuje me gjerësi të plotë 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ë 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 me gjerësi të plotë mund të shtohen vetëm brenda seksioneve me gjerësi të plotë. Nëse jeni duke filluar një faqe të re, mos harroni të shtoni në fillim një seksion me gjerësi të plotë në faqen tuaj. Ne kemi disa udhëzime të shkëlqyera se si të përdorim elementet e seksionit Divi.

Gjeni modulin e menusë me gjerësi të plotë 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 "menu e plotë" ose "menu me gjerësi të plotë" (në varësi të versionit tuaj) dhe pastaj klikoni në enter për të kërkuar automatikisht dhe të shtoni modulin e menusë me gjerësi të plotë ! 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: Shtimi i një menuje me Gjerësi të Plotë nën kokën e faqes

Për këtë shembull, unë do t'ju tregoj se si të shtoni një menu me gjerësi të plotë nën seksionin e kokës së një faqeje.

Këtu është një shembull:

Meqenëse kjo menu e re e plotë e faqes do të zëvendësojë menunë kryesore të paracaktuar të navigimit, është e nevojshme të zgjidhni modelin bosh të faqes në mënyrë që menuja e paracaktuar e navigimit të mos shfaqet në krye të faqes përveç menusë me gjerësi të plotë. që do të shtoj.

Për të ndryshuar modelin e faqes tuaj, shkoni te redaktuesi i faqes tuaj dhe zgjidhni modelin "faqe bosh" në zonën e Atributeve të faqes në shiritin anësor të djathtë.

Meqenëse ky modul do të shfaq një menu që tashmë ekziston, është e rëndësishme që ju ta keni krijuar menunë para se ta shtoni atë në modulin e menusë me gjerësi të plotë.

Pasi të keni krijuar menunë tuaj, përdorni ndërtuesin vizual për të shtuar një seksion me Gjerësi të Plotë vetëm poshtë seksionit të kokës së faqes. Pastaj shtoni një modul të menusë me gjerësi të plotë në seksion.

Përditësoni cilësimet e menusë Fullwidth si më poshtë:

Opsionet e përmbajtjes

Menyja: [zgjidhni menunë që duhet të përdoret në modul] Konteksti: # 333333

Opsionet e dizajnit

Ngjyra e tekstit: Dritë Orientimi i tekstit: Menuja Qendrore Font: Menuja Roboto Madhësia e shkronjës: 20px

Kjo është e gjitha!

mashtrim : Mund të përdorni opsionet e shikimit nën skedën Advanced për të fshehur këtë menu në celular dhe për të shfaqur një menu tjetër mbi kokë në mënyrë që përdoruesit e celularëve të mund të shohin menunë pa pasur nevojë të lëvizin poshtë faqes .

Opsionet e përmbajtjes së plotë të menusë

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ë gjenden në këtë skedë.

Menyja

Zgjidhni një menu për ta përdorur në modul. Mund të krijoni menu të reja duke përdorur faqen Paraqitjet> Menutë nga paneli juaj WordPress. Sa herë që krijoni një menu të re, menuja do të zgjidhet nga kjo menu në rënie.

Ngjyra e sfondit

Si parazgjedhje, moduli i menusë ka një ngjyrë të bardhë të sfondit. Nëse dëshironi të përdorni një ngjyrë tjetër për sfondin tuaj të menusë, mund ta zgjidhni këtu duke përdorur zgjedhësin e ngjyrave.

Ngjyra e sfondit të menusë zbritëse

Si parazgjedhje, menutë zbritëse në modulin tuaj të menusë trashëgojnë ngjyrën e sfondit të përcaktuar në cilësimin e mëparshëm. Nëse dëshironi që menutë tuaj zbritëse të kenë ngjyrën e tyre, mund të zgjidhni një ngjyrë të personalizuar duke përdorur këtë cilësim.

Ngjyra e sfondit të menusë mobile

Në celular, moduli i menusë shndërrohet në një dizajn tjetër dhe më i përshtatur për celularin. Ju mund të kontrolloni ngjyrën e sfondit të menysë në rënie të lëvizshme pavarësisht nga homologu i tij në desktop.

Etiketa e administratës

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 dizajnit të menysë të gjërë

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.

Hapni nënmenu

Si parazgjedhje, të gjitha nën menutë hapen si një menu zbritëse poshtë shiritit të menusë kryesore. Nëse vendosni menunë tuaj në fund të faqes dhe menuja juaj ka menu të gjata zbritëse, mund të dëshironi t'i hapni ato menu mbi modulin e menusë në mënyrë që menuja të mos shtrihet përtej dritares së shfletuesit.

Bërjeni lidhjet e menysë të gjërë

Si parazgjedhje, lidhjet e nivelit të lartë me modulin e menusë vendosen brenda gjerësisë tuaj të paracaktuar të përmbajtjes. Nëse dëshironi të hiqni këtë kufizim dhe lidhjet tuaja të ekzekutohen në gjerësinë e plotë të faqes, duke filluar nga e majta e ekranit, mund ta aktivizoni këtë mundësi.

Ngjyra e linjës së menusë rënëse

Në menutë zbritëse, lidhjet ndahen nga një rresht 1 piksel. Nëse dëshironi të personalizoni ngjyrën e kësaj rreshti, mund të zgjidhni një ngjyrë të personalizuar duke përdorur zgjedhësin e ngjyrave në këtë cilësim.

Ngjyra e tekstit

Këtu mund të zgjidhni vlerën e tekstit tuaj. Nëse jeni duke punuar në një sfond të errët, teksti juaj duhet të jetë aktiv. Nëse jeni duke punuar me një sfond të lehtë, teksti juaj duhet të jetë i errët.

Orientimi i tekstit

Kjo kontrollon sesi rreshtohet teksti juaj në modul. Ju mund të zgjidhni midis Majtas, Djathtas dhe Qendër.

Ngjyra aktive e lidhjes

Ngjyrat e lidhjeve aktive janë theksuar në modulin e menusë për t'i treguar përdoruesit vendndodhjen e tyre aktuale. Ju mund të ndryshoni ngjyrën e theksuar të përdorur për këto lidhje aktive duke përdorur këtë cilësim.

Ngjyra e tekstit të menusë rënëse

Si parazgjedhje, teksti në menutë lëshuese të modulit trashëgon ngjyrën e tekstit të menusë kryesore. Sidoqoftë, mund të dëshironi të ndryshoni këtë ngjyrë nëse keni përcaktuar një ngjyrë të sfondit të menusë zbritëse të personalizuar.

Ngjyra e tekstit të menusë celulare

Si parazgjedhje, teksti në menutë lëshuese të modulit trashëgon ngjyrën e tekstit të menusë kryesore. Sidoqoftë, mund të dëshironi ta ndryshoni këtë ngjyrë nëse keni vendosur një ngjyrë të personalizuar të sfondit të menusë mobile.

Gërma e menysë

Ju mund të ndryshoni fontin e fontit të menusë 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 shkrimit të tekstit

Këtu mund të rregulloni madhësinë e fontit të menusë tuaj. 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 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 të matjes që do të thotë që ju mund të futni "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ë menusë

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 dixhital, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të menysë

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 numerik, 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 të matjes që do të thotë që ju mund të futni "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ë menysë

Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj numerik Nëse dëshironi të rritni 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ë menuve me gjerësi të plotë

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 një stil të personalizuar CSS. Mund të shtoni disa klasa, të ndara me një hapësirë. Këto klasa mund të përdoren në temën tuaj të fëmijës Divi ose në fletën e stilit të personalizuar CSS që shtoni në faqen ose faqen tuaj të internetit. Site Web 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.

Animacion i menusë rënëse

Mund të zgjidhni midis animacioneve të ndryshme për t'u përdorur kur aktivizohet një menu në rënie. Si parazgjedhje, animacioni është vendosur të zbehet, por ju e ndryshoni atë në: zgjeroni, tërhiqni ose rrokullisni.

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]

Si të përdorni modulin e lundrimit të plotë të ndërtuesit të Divi Builder