Divi tutorial: Si të përdorni modulin e numrave të numrave

Moduli i numëruesit të numrave në WordPress theme Divi është një mënyrë e shkëlqyer për të shfaqur numrat në një mënyrë argëtuese dhe tërheqëse. Ky modul përdoret zakonisht për të shfaqur të dhëna statistikore për ju ose biznesin tuaj. Për shembull, shfaqja e numrit tuaj të klientëve ose ndjekësve në Facebook është një mënyrë e shkëlqyer për të shfaqur provat sociale.

Si të shtoni modul Numrin e numrit të Divi

Përpara se të shtoni një modul numërues në faqen tuaj, së pari duhet të hidheni në Divi Builder. 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 numëruesit 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 "numërues i numrave" dhe më pas klikoni "Enter" për të gjetur automatikisht dhe shtuar modulin e numëruesit! 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: Përdorimi i modulit dixhital counter për të shfaqur rezultatet e një projekti

Një mënyrë e shkëlqyeshme për të përdorur modulin e numëruesit të numrave është të ilustroni të dhëna statistikore për rastet studimore. Thjesht etiketoni çdo numërues me një numër në mënyrë që përdoruesi të shohë lehtësisht suksesin e projektit. Në këtë shembull, unë jam duke përdorur modulin e numëruesit dixhital për të shfaqur katër rezultate të projektit.

Siç mund ta shihni, në krye të faqes përfshihen tre objektivat e projektit duke përdorur modulin " Bar counter Dhe në fund të faqes përfshihen rezultatet e studimit të rastit duke përdorur modulet dixhitale.

Seksioni i faqes që tregon rezultatet e studimit të rastit duke përdorur modulet dixhitale kërkon përdorimin e një seksioni të specializuar. Duke përdorur Visual Builder, shtoni një seksion të specializuar në faqe dhe zgjidhni paraqitjen e mëposhtme:

Zgjidhni një paraqitje të kolonës 1 në anën e djathtë të seksionit dhe vendosni titullin dhe tekstin e kërkuar për rezultatet e studimit të rastit.

Vendosni një paraqitje të kolonave 2 direkt nën paraqitjen e kolonës 1 në anën e djathtë të seksionit.

Tani shtoni modulin tuaj të parë të numrave në kolonën e majtë.

Azhurnoni parametrat e sporteleve të numrave si më poshtë:

Opsionet e përmbajtjes

Titulli: Vizitorë të rinj
Numri: 54210
Kontrollo përqindjen: OFF

Opsionet e dizajnit

Ngjyra e tekstit: E errët
Font e titullit: default
Titulli Madhësia e shkrimit: 20px
Titulli Teksti i ngjyrës: # 405c60
Lartësia e vijës së titullit: 1em
Numri i karaktereve: Default, Bold
Numri i karaktereve: 60px
Numri i ngjyrës së tekstit: # e07a5e
Lartësia e numrit të numrit: 72px

Ruani cilësimet

Kopjoni modulin Numrat e Numrave dhe tërhiqeni atë në kolonën e djathtë ngjitur dhe azhurnoni opsionet e Titullit dhe të Numrit.

Kopjoni rreshtin që përmban dy modulet e numrave të kundër, në mënyrë që edhe dy sportelet e numrave të tjerë të shfaqen më poshtë.

Pastaj azhurnoni opsionet Titulli dhe Numri për ata. Tani i keni të katër numëruesit e numrave të plotë.

Mos harroni të shtoni imazhin 667 x 320 në kolonën / anën e majtë të seksionit të specializuar.

Ka mbaruar! Kombinimi i numëratorëve dhe numëruesve të shiritave në këtë faqe të studimit të rastit e bën përmbajtjen tërheqëse.

Opsionet e përmbajtjes dixhitale të counter

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

Titull

Vendosni një titull për banakun. Kjo do të shfaqet nën numrin në tekst më të vogël.

emër

Ky është numri që numëruesi do të llogarisë. Kur lëvizni poshtë faqes dhe arrini në numërues, numri numëron shpejt nga 0 derisa të arrijë numrin që vendosni këtu. Vetëm vlerat numerike mund të vendosen këtu.

Shenja e përqindjes

Këtu mund të zgjidhni nëse shenja e përqindjes duhet të shtohet pas numrit të përcaktuar më sipër.

Ngjyra e sfondit

Përcaktoni një ngjyrë të personalizuar të sfondit për modulin tuaj ose lini bosh për të përdorur ngjyrën e paracaktuar.

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. Imazhet e sfondit do të shfaqen në krye të ngjyrave të sfondit, që do të thotë se ngjyra e sfondit nuk do të jetë e dukshme kur zbatohet një imazh sfondi.

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 (Stili) i njehsorit dixhital

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.

Ngjyra e tekstit

Këtu mund të zgjidhni nëse teksti juaj i titullit 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.

Font Titulli

Ju mund të ndryshoni fontin e tekstit tuaj të titullit 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 mundësi të nënvizuara.

Madhësia e titullit të shkrimit

Këtu mund të rregulloni madhësinë e tekstit tuaj të titullit. 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ë titullit

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

Hapësira e letrës së titullit

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ë titullit, 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 rreshtit të titullit

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

Fonts të numrit

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

Këtu mund të rregulloni madhësinë e tekstit tuaj dixhital. 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 dixhital

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 dixhitale

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 rreshtit të numrit

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.

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.

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 të numëruesve të numrave

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-shkarkimi"] SHKARKO TEMËN DIVI [/ vcex_button] [_colum] [/_n] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "cent" font_family = "Raleway" font_weight = "700 ″ style =" i sheshtë "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffrightnload "Faqja e të dhënave" DIVI [/ vcex_button] [/ vc_column] [/ vc_row]