Divi tutorial: Si të përdorni modulin e lundrimit në artikuj

Përpara se të shtoni një modul të navigimit të artikujve Divi në faqen tuaj, së pari duhet të hidheni në Ndërtuesin e Divi. Pasi të Tema divi instaluar në faqen tuaj të internetit, 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 shfletoni uebfaqen tuaj në plan të parë nëse jeni të lidhur me pultin e WordPress tuaj.

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 po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.

Gjeni modulin e navigimit 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 "post navigacion" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin e navigimit. 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 lidhjeve të personalizuara të navigimit në pjesën e poshtme të një postimi në blog

Pasja e lidhjeve të navigimit për artikujt e mëparshëm dhe të mëparshëm në fund të artikullit tuaj është një mënyrë e shkëlqyeshme për ta mbajtur tuajën vizitorët të angazhuar me përmbajtjen tuaj. Në këtë shembull, unë do t'ju tregoj se si të përdorni emrat aktualë të titujve të postimeve për lidhjet tuaja të navigimit në vend të emrave të përgjithshëm të lidhjeve "e mëparshme" dhe "tjetër". Unë do t'ju tregoj gjithashtu se si të shtoni një kufi rreth lidhjeve për t'u dhënë atyre më shumë efekt.

Le të fillojë.

Përdorni ndërtuesin vizual për të shtuar një seksion standard me një paraqitje me gjerësi të plotë (1 kolonë) në fund të postimit. Pastaj shtoni një modul navigimi pas vijës.

Përditësoni cilësimet e navigimit botues si më poshtë:

Përmbajtja tab

Teksti i lidhjes së mëparshme:% title (kjo ndryshore fut titullin e artikullit)
Teksti i lidhjes vijuese:% title (kjo ndryshore fut titullin e artikullit)

Dizajn tab

Lidhjet e shkronjave: PT Sans
Lidhje Madhësia e shkrimit: 20px
Lidhje Ngjyrë teksti: # 5e95c1
Përdorni kufirin: PO
Ngjyra e kufirit: # 5e95c1
Gjerësia e kufirit: 1px
Mobilje tapiceri: 20px Top, 20px E djathtë, 20px Fund, 20px majtas

Kjo eshte e gjitha ! Tani keni tituj postimesh në lidhjet e navigimit

Opsionet e përmbajtjes për modulin e lundrimit

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ë.

Teksti i lidhjes së mëparshme

Përcaktoni tekstin e personalizuar për lidhjen e mëparshme. Mund të përdorni ndryshoren% title për të përfshirë titullin e artikullit. Lëreni bosh për parazgjedhjen.

Tekst i linkut në vijim

Përcaktoni tekstin e personalizuar për lidhjen vijuese. Mund të përdorni ndryshoren% title për të përfshirë titullin e postimit. Lëreni bosh për parazgjedhjen.

Në të njëjtën kategori

Ju mund të përcaktoni këtu nëse artikujt e mëparshëm dhe të mëpasshëm duhet të jenë në të njëjtin term taksonomie si artikulli aktual.

Emri i taksonomisë zakonore

Lëreni këtë opsion bosh nëse po përdorni këtë modul në një projekt ose artikull. Përndryshe, shtypni emrin e taksonomisë për opsionin "Në të njëjtën kategori" për të punuar në mënyrë korrekte.

Fshih lidhjen e mëparshme

Këtu mund të zgjidhni të fshehni ose të tregoni lidhjen e mëparshme.

Fshih lidhjen e mëposhtme

Këtu mund të zgjidhni të fshehni ose të tregoni lidhjen e mëposhtme.

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 pas navigimit

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.

Lidh fontin

Ju mund të ndryshoni fontin e tekstit të lidhjeve tuaja duke zgjedhur fontin tuaj të 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.

Lidh madhësinë e shkronjave

Këtu mund të rregulloni madhësinë e tekstit tuaj të lidhjes. 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 lidhjes së 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ë lidhjeve tuaja, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e letrave të lidhjeve

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 e lidhjeve tuaja, 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 linjës së lidhjeve

Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj të lidhjes. 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ë. hyrja 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.

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ështeten njësitë e masave të personalizuara, 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: të ngurta, me pika, me pika, dyshe, brazdë, kreshtë, mbivendosje dhe fillim. Zgjidhni stilin tuaj të dëshiruar nga menuja zbritëse për ta aplikuar në kufirin tuaj.

Marzhi personal

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 marzhin e 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 elementeve 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 marzhin e 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 për modulin e navigimit

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]

Divi tutorial: Si të përdorni modulin e lundrimit në artikuj

Shembull rasti i përdorimit: Shtimi i lidhjeve të personalizuara të navigimit në pjesën e poshtme të një postimi në blog