Numëruesi rrethor ju lejon të shfaqni një statistikë të vetme në një mënyrë estetike të këndshme. Ndërsa lëvizni poshtë, numri numëron mbrapsht dhe grafiku i byrekut mbushet gradualisht për të përputhur vlerën e përqindjes. Provoni të kombinoni module të shumta numëruesi rrethor në një faqe për të dhënë tuajën vizitorët një mënyrë argëtuese për të mësuar rreth biznesit tuaj ose aftësive tuaja personale.
Si të shtoni një modul matës rrethor në faqen tuaj
Përpara se të shtoni një modul numërues rrethi në faqen tuaj, së pari duhet të përdorni Divi Builder. Pasi të Tema divi instaluar në faqen tuaj të internetit, do të vini re një buton Përdorni Divi Builder mbi botuesin sa herë që krijoni një faqe të re.
Duke klikuar në këtë buton, ju mund të aktivizoni Divi Builder, i cili do t'ju japë qasje 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 në butonin Përdorni Visual Builder kur shfletoni uebfaqen tuaj nëse jeni regjistruar në pultin tuaj të WordPress.
Pasi të keni hyrë në Visual Builder, mund të klikoni 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 jeni duke filluar një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.
Gjeni modulin e njehsorit rrethor 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 "counter counter" dhe pastaj klikoni enter për të kërkuar automatikisht dhe për të shtuar modulin counter counter!
Pasi të shtohet moduli, ju do të përshëndeteni me listën e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .
Përdorni rastin për të shfaqur qëllimet e projektit në një studim rasti
Një nga mënyrat më të mira për të përdorur modulin e numëruesve të rrethit është ilustrimi të dhëna statistikore për raste studimore ose artikuj të portofolit.
Thjesht identifikoni çdo njehsor rrethor me një funksion ose qëllim specifik të projektit në mënyrë që përdoruesi të dijë se cilat shërbime përfshihen në projekt. Në këtë shembull, unë do të përdor modulin "counter counter" për të shfaqur tre qëllime të projektit.
Siç mund ta shihni në imazhin më poshtë, pjesa e sipërme e faqes përfshin 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 modulin Counter Number. .
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ë). Pastaj shtoni një modul të rrethit në rresht.
Përditësoni cilësimet e banakut të rrethit si më poshtë:
Opsionet e përmbajtjes
Titulli: Animacion
Numri: 80
Shenja: Po
Ngjyra e sfondit të sfondit: #e07a5e
Opsionet e dizajnit
Ngjyra e rreshtit: #e07a5e
Ngjyra e tekstit: E errët
Shkronja e titullit: Default
Titulli Madhësia e shkrimit: 26px
Titulli Teksti i ngjyrës: #405c60
Numri i shkronjave: Default
Madhësia e madhësisë së shkronjave: 46px
Ngjyra e tekstit të numrit: #405c60
Ruani cilësimet
Tani, kopjoni dy herë modulin e banakut të rrethit dhe tërhiqni secilën kopje në kolonat e dyta dhe të treta të rreshtit tuaj.
Meqenëse elementët tuaj të projektimit janë transferuar në module të kopjuara, ju vetëm duhet të azhurnoni titullin dhe numrin e njehsorit rrethor.
Kjo është e gjitha!
Vizito faqen.
Opsionet e Përmbajtjes së Kontrollit Qarkoror
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ë jetë në këtë skedë.
Titull
Vendosni një titull për numëruesin e rrethit. Kjo zakonisht është një fjalë që përfaqëson statistikën që po shihni. Ajo do të shfaqet nën numrin në tabelën e byrekut.
emër
Vendosni një numër për njehsorin rrethor. Duke zgjedhur një numër më pak se 100, grafiku i rrethit do të mbushet në një përqindje të barabartë me numrin që keni futur. Për shembull, futja e numrit 20 do të mbushë rrethin 20% me ngjyrën tuaj të theksit.
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 të shiritit
Kjo do të ndryshojë ngjyrën e mbushjes së shiritit. Sasia e ngjyrës së mbushjes kontrollohet nga "numri" i zgjedhur më sipër. Nëse zgjidhni numrin 50 dhe një ngjyrë blu, rrethi juaj do të mbushet 50% me një ngjyrë blu.
Etiketa e administratës
Kjo do të ndryshojë etiketën e modulit në gjenerator për identifikim të lehtë. Kur përdorni pamjen WireFrame në Visual Builder, këto etiketa do të shfaqen në bllokun e modulit të ndërfaqes Ndërtuesi Divi.
Opsionet e Dizajnit të Kontrollit Qarkoror
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 skedë ju lejon të modifikoni 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ë rregulluar gjithçka.
Ngjyra e rrethit
Kjo është ngjyra që do të përdoret për pjesën e pa mbushur të rrethit (hapësira negative që nuk plotësohet nga ngjyra e sfondit të shiritit të përcaktuar në skedën Përmbajtja).
Hapësira e ngjyrës së rrethit
Mund të zvogëloni errësirën e pjesës së mbushur të rrethit duke përdorur këtë cilësim.
Ngjyra e tekstit
Këtu mund të zgjidhni nëse teksti juaj duhet të jetë i lehtë ose i errët. Nëse jeni duke punuar me 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 zi.
Font titulli
Ju mund të ndryshoni fontin e tekstit tuaj duke zgjedhur fontin e dëshiruar nga menuja drop-down. Divi vjen me dhjetëra gërma të mrekullueshme 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 opsione të theksuara, të pjerrëta, kapitale dhe 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 intervalit për të rritur ose ulur madhësinë e tekstit tuaj, ose mund të 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ë 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 tuaj të dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.
Hapësira e germave të 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ë të tekstit tuaj të titullit, përdorni rrëshqitësin e intervalit 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ë madhësisë tuaj për të ndryshuar llojin e njësisë së saj.
Lartësia e vijës së titullit
Lartësia e vijës ndikon në hapësirën ndërmjet secilës rresht të tekstit të titullit. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e intervalit 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ë madhësisë tuaj për të ndryshuar llojin e njësisë së saj.
Numri i policisë
Ju mund të ndryshoni fontin e tekstit tuaj duke zgjedhur fontin e dëshiruar nga menuja drop-down. Divi vjen me dhjetëra gërma të mrekullueshme 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 opsione të theksuara, të pjerrëta, kapitale dhe të nënvizuara.
Madhësia e fontit të numrit
Këtu mund të rregulloni madhësinë e tekstit tuaj të numëruar. Mund të tërhiqni rrëshqitësin e intervalit për të rritur ose ulur madhësinë e tekstit tuaj, ose mund të 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ë madhësisë tuaj për të ndryshuar llojin e njësisë së saj.
Ngjyra e tekstit të numrit
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 që dëshironi nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.
Hapësira e shkronjave të numëruara
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ë të tekstit tuaj, përdorni rrëshqitësin e intervalit 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ë madhësisë tuaj për të ndryshuar llojin e njësisë së saj.
Lartësia e linjës së numrit
Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj dixhital. 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 hapësirës që dëshironi 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ë madhësisë tuaj për të ndryshuar llojin e njësisë së saj.
Opsione të përparuara të kundërme rrethore
Në skedën Advanced, do të gjeni opsione që krijuesit e faqeve më me përvojë mund t’i konsiderojnë të dobishme, siç janë tiparet e personalizuara 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ë tuaj Tema divi Fëmijë ose në CSS të personalizuar që shtoni në faqen ose faqen tuaj të internetit duke përdorur opsionet e temës Divi ose Cilësimet e faqes së Ndërtuesit të Divi.
Custom CSS
CSS e personalizuar mund të zbatohet gjithashtu në modul dhe cilindo nga elementët e brendshëm të modulit. Në seksionin Custom CSS, do të gjeni një fushë teksti ku mund të shtoni CSS direkt në secilin element. Hyrjet e CSS në këto cilësime janë ngulitur tashmë me etiketat e stilit. Kështu që thjesht duhet të 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 dëshironi të thjeshtoni modelin e telefonit celular duke hequr disa elementë nga faqja.
Kjo është ajo për këtë tutorial.
