Divi ju lejon të vendosni rrëshqitës në seksione me gjerësi të plotë, duke i bërë rrëshqitësit tuaj të shtrihen në gjerësinë e plotë të shfletuesit. Rrëshqitësit Divi (Rrëshqitës) mbështesin sfonde paralaksi, si dhe sfonde video!

përdorni një slider në divi.png

Si të shtoni një modul Diapo me gjerësi të plotë nga Divi

Përpara se të shtoni një modul rrëshqitës 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 Buildersipë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.

përdorni ndërtuesin vizual divi.png

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.

krijoni një fjollë mësimore për ndarje diapozitivësh.png

Gjeni modulin rrëshqitës me gjerësi të plotë në listën e moduleve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e modeve është e kërkueshme, që do të thotë që ju gjithashtu mund të shkruani fjalën "Slide" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin rrëshqitës 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 .

Përdorni Shembullin e Rastit: Shtimi i një Seksioni Hero Slider me Gjerësi të Plotë në Faqja juaj kryesore

Një rrëshqitës me gjerësi të plotë është një mënyrë e shkëlqyeshme për të shfaqur shumë CTA mbi pragun e faqes tuaj kryesore. Kombinimi i imazheve dhe përmbajtjes mund t'i japë sektorit tuaj një ndjesi profesionale që bie në sy.

Për këtë shembull, unë do të shtoj një diapozitivë me gjerësi të plotë për të shërbyer si seksioni kryesor në një faqe në shtëpi.

krijoni një shembull rrëshqitje me gjerësi të plotë.jpg

Duke përdorur Visual Builder, shtoni një seksion me gjerësi të plotë në krye të faqes tuaj të internetit. Pastaj futni modulin Slider me Gjerësi të Plotë në seksionin tuaj të ri. Në skedën Përmbajtja të cilësimeve të rrëshqitjes me gjerësi të plotë, klikoni + Shtoni një artikull të ri për të krijuar rrëshqitjen tuaj të parë.

krijoni një ndarje rrëshqitëse.png

Në cilësimet e rrëshqitjes së rrëshqitjes tuaj të parë, azhurnoni opsionet e mëposhtme:

Opsionet e përmbajtjes

En-tet : [futni titullin e diapozitivit]
Teksti i butonit : [shkruani tekstin e butonit]
Përmbajtje : [futni përmbajtjen e tekstit të diapozitivit]
URL e butonit : [shkruani URL-në e destinacionit të butonit Slide]
Imazhi i sfondit : [shkruani imazhin që do të shërbejë si sfond për diapozitivin]

Opsionet e dizajnit

Përdorni mbivendosjen e sfondit : PO
Ngjyra e mbivendosjes së sfondit : rgba (0,0,0,0.2) kjo mbivendosje errëson pak imazhin e sfondit për ta bërë tekstin më të lexueshëm.

rrëshqitje divi blogpascher.png

Ruani cilësimet e rrëshqitjes

Tani kopjoni diapozitivën që sapo krijuat dhe azhurnoni diapozitivin e ri me përmbajtje të re sipas nevojës. Përsëriteni këtë për të gjitha diapozitivët që dëshironi të shtoni.

kopjoni një rrëshqitje divi.png

Kjo eshte e gjitha. Për këtë shembull, unë jam duke përfshirë vetëm dy rrëshqitje, por rezultati është një rrëshqitës hero efektiv me gjerësi të plotë me thirrje të shumta për veprim që angazhon përdoruesin të klikojë butonin për më shumë informacion. Meqenëse kjo është thirrja juaj kryesore për veprim për veten tuaj Site Web, Unë sugjeroj të ekzekutoni teste të ndarjes në rrëshqitjen tuaj me gjerësi të plotë duke përdorur Divi Leads dhe të shihni se cili konvertohet më mirë.

shembull rrëshqitje divi dem.gif

Rrëshqisni opsionet e përmbajtjes së plotë

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

rrëshqitje divi seksioni content.png

shigjeta

Zgjidhni nëse doni të shfaqni shigjetat e lundrimit të majtë dhe të djathtë.

CONTROLES

Zgjidhni nëse do të shfaqni butonat e rretheve / treguesit e rrëshqitjes në fund të kursorit.

Etiketa e administratorit

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ë Modulit Slide

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.

rrëshqitje seksion dizajn divi.png

Hiqni hijen e brendshme

Si parazgjedhje, një hije e brendshme shfaqet në kursor. Nëse dëshironi ta fikni këtë hije, mund ta bëni duke përdorur këtë cilësim.

Efekti Parallax

Aktivizimi i këtij opsioni do t'u japë imazheve tuaja në sfond një pozicion fiks ndërsa lëvizni. Mbani në mend se kur ky cilësim të jetë i aktivizuar, imazhet tuaja do t'i shkallëzojnë imazhet tuaja në lartësinë e shfletuesit.

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.

diapozitivësh të skedarit të skedarit të lentete.png

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 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ë vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Policia e 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 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.

dizajni i seksionit diapozitivësh divi.png

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.

Mbushje e sipërme

Ky parametër kontrollon hapësirën e brendshme midis pjesës së sipërme të modulit dhe përmbajtjes së tekstit në modul. Nëse dëshironi ta rrisni ose zvogëloni këtë hapësirë, futni vlerën tuaj të dëshiruar këtu. Për shembull, për të zvogëluar hapësirën dhe madhësinë e përgjithshme të kursorit, mund të futni një vlerë prej 100 px. Mund të futni gjithashtu një vlerë përqindjeje, për shembull 10%, për ta bërë lartësinë më dinamike.

Mbushja e poshtme

Ky parametër kontrollon hapësirën e brendshme midis pjesës së poshtme të modulit dhe përmbajtjes së tekstit në modul. Nëse doni ta rrisni ose zvogëloni këtë hapësirë, futni vlerën tuaj të dëshiruar këtu. Për shembull, për të zvogëluar hapësirën dhe madhësinë e përgjithshme të kursorit, mund të futni një vlerë prej 100 px. Mund të futni gjithashtu një vlerë përqindjeje, për shembull 10%, për ta bërë lartësinë më dinamike.

Përdorni stilet me porosi për butonin

Aktivizimi i këtij opsioni zbulon cilësime të ndryshme të personalizimit të butonave që mund të përdorni për të ndryshuar pamjen e butonit të modulit tuaj.

Madhësia e tekstit të butonit

Ky cilësim mund të përdoret për të rritur ose ulur madhësinë e tekstit në buton. Butoni përshtatet kur madhësia e tekstit rritet dhe zvogëlohet.

Ngjyra e shtypur e butonit

Si parazgjedhje, butonat pranojnë ngjyrën e theksit të temës tuaj siç përcaktohet në Përshtatësin e Temës. Ky opsion ju lejon të caktoni një ngjyrë të personalizuar të tekstit në butonin e këtij moduli. Zgjidhni ngjyrën tuaj të personalizuar duke përdorur zgjedhësin e ngjyrave për të ndryshuar ngjyrën e butonit.

divi.png ngjyra e butonit

Ngjyra e sfondit të butonit

Si parazgjedhje, butonat kanë një ngjyrë transparente të sfondit. Kjo mund të ndryshohet duke zgjedhur ngjyrën e dëshiruar të sfondit nga zgjedhësi i ngjyrave.

Gjerësia e kufirit të butonave

Të gjithë butonat Divi kanë një kufi 2px si parazgjedhje. Ky kufi mund të rritet ose zvogëlohet duke përdorur këtë cilësim. Kufijtë mund të hiqen duke futur një vlerë prej 0.

Ngjyra e kufirit të butonit

Si parazgjedhje, kufijtë e butonit pranojnë ngjyrën e theksit të temës suaj siç përcaktohet në Përshtatësin e Temës. Ky opsion ju lejon të caktoni një ngjyrë të kufirit të personalizuar në butonin e këtij moduli. Zgjidhni ngjyrën tuaj të personalizuar duke përdorur zgjedhësin e ngjyrave për të ndryshuar ngjyrën e kufirit të butonit.

Rrezja e kufirit të butonit

Rrezja e kufirit ndikon në rrumbullakosjen e qosheve të butonave tuaj. Si parazgjedhje, butonat në Divi kanë një rreze të vogël kufiri që rrumbullakos qoshet me 3 pixel. Ju mund ta zvogëloni këtë vlerë në 0 për të krijuar një buton katror ose ta rritni ndjeshëm për të krijuar butona me buzë rrethore.

Hapësira e shkronjave të butonit

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

Font Button

Ju mund të ndryshoni fontin e tekstit tuaj të butonit duke zgjedhur fontin e dëshiruar nga menuja që lëshohet. 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.

Shtoni një ikonë të butonit

Me aftësi të kufizuara, ky cilësim do të heqë ikonat nga butoni juaj. Si parazgjedhje, të gjithë butonat Divi shfaqin një ikonë shigjete në pezull.

Ikonë butoni

Nëse ikonat janë të aktivizuara, mund ta përdorni këtë cilësim për të zgjedhur se cilën ikonë do të përdorni në butonin tuaj. Divi ka ikona të ndryshme për të zgjedhur.

Butoni i ikonave me ngjyra

Rregullimi i këtij cilësimi do të ndryshojë ngjyrën e ikonës që shfaqet në butonin tuaj. Si parazgjedhje, ngjyra e ikonës është e njëjtë me ngjyrën e tekstit të butonit tuaj, por ky cilësim ju lejon të rregulloni ngjyrën në mënyrë të pavarur.

Butoni i vendosjes së ikonës

Ju mund të zgjidhni të shfaqni ikonën e butonit tuaj në të majtë ose në të djathtë të butonit tuaj.

Shfaq vetëm ikonën kur rri pezull mbi butonin

Si parazgjedhje, ikonat e butonave shfaqen vetëm kur rri pezull. Nëse doni që ikona të shfaqet gjithmonë, çaktivizoni këtë cilësim.

Hover tekstin e ngjyrës së butonit

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Ngjyra e sfondit të butonit të rrokulliset

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Butoni i Border Kufirit të Ngjyrave

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Ruaje Rradhë Kufitare Hover

Kur butoni rrotullohet nga miu i një vizitori, kjo vlerë do të përdoret. Vlera do të ndryshojë nga vlera bazë e përcaktuar në cilësimet e mëparshme.

Duke treguar butonin e ndarjes së shënimeve

Kur butoni rrotullohet nga miu i një vizitori, kjo vlerë do të përdoret. Vlera do të ndryshojë nga vlera bazë e përcaktuar në cilësimet e mëparshme.

Opsione të përparuara modul rrëshqitje 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.

paraprakisht moduli i rrëshqitjes së seksionit divi.png

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.

Animacion automatik

Nëse doni që kursori të rrëshqasë automatikisht, pa vizitorin që duhet të klikojë butonin tjetër, aktivizoni këtë opsion dhe më pas rregulloni shpejtësinë e rrotullimit nëse dëshironi.

Shpejtësia automatike e animacionit (në ms)

Këtu mund të tregoni se sa shpejt zbehet kursori midis secilës diapozitiv, nëse opsioni 'Automatik-gjallërues' është aktivizuar më lart. Sa më i lartë të jetë numri, aq më e gjatë do të jetë pauza midis çdo rrotullimi.

Vazhdo Auto Slide on Hover

Ndezja në këtë do të lejojë që rrëshqitja automatike të vazhdojë me rri pezull mbi miun.

Fshih përmbajtjet në celular

Ndërsa madhësia e ekranit bëhet më e vogël në pajisjet mobile, pasuritë e paluajtshme në ekran bëhen më të vlefshme. Ndonjëherë është një ide e mirë të fikni disa elementë më pak të rëndësishëm të kursorit për të zvogëluar madhësinë e kursorit dhe për ta bërë atë më të lexueshëm. Aktivizimi i këtij cilësimi fsheh përmbajtjen e tekstit të kursorit në celular.

Fshih CTA në celular

Ndërsa madhësia e ekranit bëhet më e vogël në pajisjet mobile, pasuritë e paluajtshme në ekran bëhen më të vlefshme. Ndonjëherë është një ide e mirë të fikni disa elementë më pak të rëndësishëm të kursorit për të zvogëluar madhësinë e kursorit dhe për ta bërë atë më të lexueshëm. Aktivizimi i këtij cilësimi do të fshehë butonat e thirrjes për veprim të kursorit në celular.

Shikoni imazhin / videon në celular

Ndërsa madhësia e ekranit bëhet më e vogël në pajisjet mobile, pasuritë e paluajtshme në ekran bëhen më të vlefshme. Ndonjëherë është një ide e mirë të fikni disa elementë më pak të rëndësishëm të kursorit për të zvogëluar madhësinë e kursorit dhe për ta bërë atë më të lexueshëm. Aktivizimi i këtij cilësimi shfaq imazhe dhe video rrëshqitëse në celular (ato janë çaktivizuar si parazgjedhje).

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.

Opsionet e përmbajtjes për elementët e modulit rrëshqitës me gjerësi të plotë

Moduli individual i elementit divi diapo.png

Titull

Vendosni këtu tekstin e titullit të kursorit tuaj.

Teksti i butonit

Nëse dëshironi të shfaqni një buton poshtë përmbajtjes tuaj të rrëshqitjes, futni këtu tekstin e butonit. Lëreni këtë fushë bosh nëse nuk doni të shfaqni një buton.

Përmbajtje

Vendosni këtu përmbajtjen e trupit të kursorit tuaj. Vini re se sasia e tekstit që futni këtu do të përcaktojë lartësinë e diapozitivëve tuaj.

URL e butonit

Nëse shfaqni një buton, futni një URL të vlefshme të Ueb-it në këtë fushë për të vendosur lidhjen e destinacionit.

Zvarrit imazhin

Nëse shtoni një imazh rrëshqitës, ai do të shfaqet në të majtë të tekstit tuaj rrëshqitës mbi sfondin tuaj të rrëshqitës. Nëse nuk specifikoni një imazh rrëshqitës, do të jeni në të majtë me një rrëshqitje të përqendruar vetëm në tekst. Meqenëse lartësia e secilës diapozitiv përcaktohet nga teksti, nëse imazhi juaj i rrëshqitjes është mjaft i gjatë, ajo do të bjerë poshtë pjesës së poshtme të diapozitivit, duke krijuar një imazh të rreshtuar në pjesën e poshtme.

tërhiqni një imazh divi.png

Vini re se lartësia e një rrëshqitëse me një imazh rrëshqitës mund të përcaktohet nga një rrëshqitje më e gjatë në rrëshqitës. Sigurohuni që imazhi juaj i rrëshqitjes të jetë aq i madh sa të përshtatet nëse doni të keni një imazh të rreshtuar në pjesën e poshtme. Për lexueshmëri, imazhet e rrëshqitjes shfaqen vetëm në rrëshqitësit e gjerësisë së kolonës, kolonës ose 1 kolonës. Po kështu, imazhet e rrëshqitjes nuk do të shfaqen në gjerësinë e shfletuesit më të vogël se 768 pixel. Gjerësitë e imazheve rrëshqitëse përcaktohen më poshtë. Ne rekomandojmë që imazhet tuaja të rrëshqitjes të jenë të paktën po aq të gjëra.

Rrëshqitje video

Nëse shtoni një video rrëshqitëse, ajo do të shfaqet në të majtë të tekstit tuaj rrëshqitës mbi sfondin tuaj të rrëshqitës. Nëse nuk specifikoni një video rrëshqitëse, do të jeni në të majtë me një rrëshqitje në qendër, vetëm me tekst. Meqenëse lartësia e secilës diapozitiv përcaktohet nga teksti, nëse imazhi juaj i rrëshqitjes është mjaft i gjatë, ajo do të bjerë poshtë pjesës së poshtme të diapozitivit, duke krijuar një imazh të rreshtuar në pjesën e poshtme.

Pauzë video

Lejoni që videoja të ndërpritet nga lojtarët e tjerë kur ata fillojnë të luajnë

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 në sfond, thjesht hiqni URL-në nga fusha e cilësimeve.

Lartësia e një rrëshqitje përcaktohet nga sasia e tekstit që shtoni. Nëse keni rrëshqitje të shumta, rrëshqitësi do të marrë lartësinë e rrëshqitjes më të lartë.

Gjerësia e kursorit tuaj përcaktohet nga gjerësia e shfletuesit. Bazuar në madhësitë standarde të ekranit, ne rekomandojmë që imazhet tuaja të jenë të paktën 1280px me 768px.

Pozicioni i imazhit të sfondit

Si parazgjedhje, imazhet e sfondit shfaqen në qendër të diapozitivit. Mund ta përdorni këtë cilësim për të ndryshuar vendosjen në pjesën e sipërme, të poshtme, të majtë, të djathtë ose në ndonjë nga katër cepat e diapozitivës.

Madhësia e imazhit në sfond

Si parazgjedhje, imazhet e sfondit do të zmadhohen në mënyrë proporcionale për të siguruar që ato të mbushin të gjithë diapozitivën. Sidoqoftë, mund ta përdorni këtë mundësi për të ndryshuar sjelljen e paracaktuar. "Mbulimi" është sjellja e paracaktuar, e cila shkallëzon imazhin për të mbuluar të gjithë zonën e rrëshqitjes. "Fit" gjithashtu do të detyrojë imazhin të mbulojë të gjithë zonën, megjithatë, ajo do të detyrojë lartësinë dhe gjerësinë e figurës që të përputhen me lartësinë dhe gjerësinë e kursorit. Kjo mund të rezultojë në një imazh të deformuar, por do të parandalojë prerjen e imazhit. "Madhësia Aktuale" nuk e shkallëzon imazhin dhe e shfaq atë në madhësinë e tij origjinale.

Ngjyra e sfondit

Nëse thjesht dëshironi të përdorni një sfond me ngjyra të ngurta për diapozitivin tuaj, përdorni zgjedhësin e ngjyrave për të vendosur një ngjyrë sfondi.

Video në sfond MP4

Të gjitha videot duhet të shkarkohen në të dy formatet .MP4 .WEBM për të siguruar pajtueshmërinë maksimale në të gjithë shfletuesit. Shkarkoni versionin .MP4 këtu. Shënim i rëndësishëm: Sfondet e videos janë çaktivizuar nga pajisjet mobile. Në vend të kësaj, do të përdoret imazhi juaj i bkacground. Për këtë arsye, duhet të vendosni një imazh sfond dhe një video sfond për të siguruar rezultate më të mira.

Video me sfond WEBM

Të gjitha videot duhet të shkarkohen në të dy formatet .MP4 .WEBM për të siguruar pajtueshmërinë maksimale në të gjithë shfletuesit. Shkarkoni versionet .WEBM këtu. Shënim i rëndësishëm: Sfondet e videos janë çaktivizuar nga pajisjet mobile. Në vend të kësaj, do të përdoret imazhi juaj i bkacground. Për këtë arsye, duhet të vendosni një imazh sfond dhe një video sfond për të siguruar rezultate më të mira.

Gjerësia e videos në sfond

Që videot të jenë në madhësi të duhur, duhet të shkruani gjerësinë e saktë (në piksele) të videos tuaj këtu.

Sfondi i lartësisë video

Që videot të jenë me madhësi të duhur, duhet të shkruani lartësinë e saktë (në piksele) të videos tuaj këtu.

Opsionet e dizajnit të elementeve të rrëshqitjes

moduli i seksionit të stilit divi.png

Përdorni mbivendosjen e sfondit

Kur aktivizohet, një ngjyrë e personalizuar e mbivendosjes do të shtohet mbi imazhin tuaj të sfondit dhe prapa përmbajtjes suaj të rrëshqitësit.

Ngjyra e mbulimit të sfondit

Përdorni zgjedhësin e ngjyrave për të zgjedhur një ngjyrë për sfondin.

Përdorni mbulesën e tekstit

Kur ky opsion është i aktivizuar, një ngjyrë sfondi shtohet pas tekstit të kursorit për ta bërë atë më të lexueshëm në imazhet e sfondit.

Ngjyra e mbivendosjes së tekstit

Përdorni zgjedhësin e ngjyrave për të zgjedhur një ngjyrë për shtresën e tekstit.

Rrezja e kufirit të mbivendosjes së tekstit

Rrezja e kufirit ndikon në rrumbullakosjen e qosheve të zonës së mbivendosur të tekstit. Si parazgjedhje, qoshet kanë një buzë pak të rrumbullakosur prej 3 pikselësh. Ju mund ta zvogëloni këtë vlerë në 0 për të krijuar një kuti drejtkëndëshe ose për të rritur vlerën për t'i bërë qoshet edhe më të rrumbullakosura.

Shigjeta me ngjyra të personalizuara

Kur rrini pezull mbi një modul rrëshqitës, shigjetat shfaqen për të lejuar vizitorin të lundrojë në secilën diapozitivë. Si parazgjedhje, këto shigjeta trashëgojnë ngjyrën e tekstit kryesor të diapozitivit. Sidoqoftë, mund të përcaktoni një ngjyrë të personalizuar për këto shigjeta duke përdorur këtë cilësim.

Ngjyra me porosi e pikës Nav

Në secilin kursor, artikujt e lundrimit në pikë shfaqen poshtë përmbajtjes së kursorit. Këto elemente lejojnë përdoruesin të lundrojë kursorin. Ju mund të përcaktoni një ngjyrë të personalizuar për t'u përdorur për këto elemente duke përdorur zgjedhësin e ngjyrave në këtë cilësim.

Rreshtimi vertikal i imazhit të rrëshqitjes

Ky cilësim përcakton shtrirjen vertikale të imazhit tuaj të rrëshqitjes. Imazhi juaj mund të përqendrohet vertikalisht ose të rreshtohet në fund të diapozitivit tuaj.

Ngjyra e tekstit

Nëse sfondi i diapozitivës suaj është i errët, ngjyra e tekstit duhet të vendoset në "Dritë". Visa anasjelltas, nëse sfondi i rrëshqitjes është i lehtë, ngjyra e tekstit duhet të vendoset në "E errët".

Font Header

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.

ngjyra e modulit të dizajnit të seksionit header dispo divi.png

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 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ë vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

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

vija e trupit divi module diapo.png

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.

Përdorni stilet me porosi për butonin

Aktivizimi i këtij opsioni zbulon cilësime të ndryshme të personalizimit të butonave që mund të përdorni për të ndryshuar pamjen e butonit të modulit tuaj.

Madhësia e tekstit të butonit

Ky cilësim mund të përdoret për të rritur ose ulur madhësinë e tekstit në buton. Butoni përshtatet kur madhësia e tekstit rritet dhe zvogëlohet.

Ngjyra e shtypur e butonit

Si parazgjedhje, butonat pranojnë ngjyrën e theksit të temës tuaj siç përcaktohet në Përshtatësin e Temës. Ky opsion ju lejon të caktoni një ngjyrë të personalizuar të tekstit në butonin e këtij moduli. Zgjidhni ngjyrën tuaj të personalizuar duke përdorur zgjedhësin e ngjyrave për të ndryshuar ngjyrën e butonit.

Ngjyra e sfondit të butonit

Si parazgjedhje, butonat kanë një ngjyrë transparente të sfondit. Kjo mund të ndryshohet duke zgjedhur ngjyrën e dëshiruar të sfondit nga zgjedhësi i ngjyrave.

Butoni i gjerësisë kufitare

Të gjithë butonat Divi kanë një kufi 2px si parazgjedhje. Ky kufi mund të rritet ose zvogëlohet duke përdorur këtë cilësim. Kufijtë mund të hiqen duke futur një vlerë prej 0.

Ngjyra e kufirit të butonit

Si parazgjedhje, kufijtë e butonit pranojnë ngjyrën e theksit të temës suaj siç përcaktohet në Përshtatësin e Temës. Ky opsion ju lejon të caktoni një ngjyrë të kufirit të personalizuar në butonin e këtij moduli. Zgjidhni ngjyrën tuaj të personalizuar duke përdorur zgjedhësin e ngjyrave për të ndryshuar ngjyrën e kufirit të butonit.

Rrezja e kufirit të butonit

Rrezja e kufirit ndikon në rrumbullakosjen e qosheve të butonave tuaj. Si parazgjedhje, butonat në Divi kanë një rreze të vogël kufiri që rrumbullakos qoshet me 3 pixel. Ju mund ta zvogëloni këtë vlerë në 0 për të krijuar një buton katror ose ta rritni ndjeshëm për të krijuar butona me buzë rrethore.

moduli i konfigurimit button divi.png

Hapësira e shkronjave të butonit

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

Font Button

Ju mund të ndryshoni fontin e tekstit tuaj të butonit duke zgjedhur fontin e dëshiruar nga menuja që lëshohet. 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.

Shtoni një ikonë të butonit

Me aftësi të kufizuara, ky cilësim do të heqë ikonat nga butoni juaj. Si parazgjedhje, të gjithë butonat Divi shfaqin një ikonë shigjete në pezull.

Ikonë butoni

Nëse ikonat janë të aktivizuara, mund ta përdorni këtë cilësim për të zgjedhur se cilën ikonë do të përdorni në butonin tuaj. Divi ka ikona të ndryshme për të zgjedhur.

Butoni i ikonave me ngjyra

Rregullimi i këtij cilësimi do të ndryshojë ngjyrën e ikonës që shfaqet në butonin tuaj. Si parazgjedhje, ngjyra e ikonës është e njëjtë me ngjyrën e tekstit të butonit tuaj, por ky cilësim ju lejon të rregulloni ngjyrën në mënyrë të pavarur.

Butoni i vendosjes së ikonës

Ju mund të zgjidhni të shfaqni ikonën e butonit tuaj në të majtë ose në të djathtë të butonit tuaj.

Shfaq vetëm ikonën kur rri pezull mbi butonin

Si parazgjedhje, ikonat e butonave shfaqen vetëm kur rri pezull. Nëse doni që ikona të shfaqet gjithmonë, çaktivizoni këtë cilësim.

Hover tekstin e ngjyrës së butonit

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Ngjyra e sfondit të butonit të rrokulliset

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Butoni i Border Kufirit të Ngjyrave

Kur butoni rrotullohet nga miu i një vizitori, kjo ngjyrë do të përdoret. Ngjyra do të ndryshojë nga ngjyra bazë e përcaktuar në cilësimet e mëparshme.

Ruaje Rradhë Kufitare Hover

Kur butoni rrotullohet nga miu i një vizitori, kjo vlerë do të përdoret. Vlera do të ndryshojë nga vlera bazë e përcaktuar në cilësimet e mëparshme.

Duke treguar butonin e ndarjes së shënimeve

Kur butoni rrotullohet nga miu i një vizitori, kjo vlerë do të përdoret. Vlera do të ndryshojë nga vlera bazë e përcaktuar në cilësimet e mëparshme.

Opsione të përparuara të kursorit Fullwidth

paraprakisht seksion rrëshqitje modul element individual divi.png

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.

Teksti alternativ i imazhit

Teksti alt ofron të gjitha informacionet e nevojshme nëse imazhi nuk po ngarkohet, nuk shfaqet në mënyrë korrekte, 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.

[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