A keni kërkuar ndonjëherë të krijoni një gjurmues progresi vertikal në vend të një shiriti lëvizës tradicional? Nëse jo, atëherë shfletoni këtë artikull deri në fund për të zbuluar se si ta krijoni atë Elementor Pro.
Por, përpara se të trajtojmë temën kryesore, le të kujtojmë fillimisht se çfarë është një gjurmues progresi.
Një gjurmues progresi është një tregues progresi që informon përdoruesin për ecurinë e një procesi në vazhdim, si instalimi i një aplikacioni, përditësimi, leximi i një artikulli, etj. Dhe ka dy lloje:
- le gjurmuesi linear i progresit
- le gjurmues rrethor i progresit
Ju gjithashtu mund të lexoni: Elementor: Si të krijoni një kartë efekti nga një portofol
Në këtë tutorial, ne do t'ju tregojmë se si të futni një tregues vertikal të përparimit hap pas hapi në një seksion që përmban arkivat e postimeve.
Krijo një gjurmues progresi
Në skedë Elementet nga paneli i veglaveElementor, shkruani në shiritin e kërkimit Ndjekës i Progresit. Më pas tërhiqni miniaplikacionin në një seksion.
Më pas shfaqet një tregues progresi. Si parazgjedhje, ai është i orientuar horizontalisht. Por mos u shqetësoni, do të shihni më vonë se si ta rregulloni atë vertikalisht.
Treguesi i progresit që po krijohet, le të bëjmë modifikimet e nevojshme për të marrë rezultatin e dëshiruar.
Shih gjithashtu: Elementor: Si të krijoni një kartë efekti nga një portofol
Redakto përmbajtjen e gjurmuesit të progresit
Këtu do të zgjidhni llojin e gjurmuesit dhe me çfarë lidhet.
Cilësimet kryesore janë:
- gjurmues tipik: këtu është vlera e paracaktuar Horizontal. Megjithatë, kur lëvizni poshtë listës, lloji Circulaire ju ofrohet edhe juve. Mbani parazgjedhjen.
- Përparimi në lidhje me: në këtë cilësim të dytë, zgjidhni vlerën përzgjedhës. Kjo zgjedhje do të sjellë një cilësim shtesë: Përzgjedhësi.
- Përzgjedhësi: Kjo fushë synon të marrë identifikuesin e objektit të cilit do t'i bashkëngjitet gjurmuesi.
Le të zgjedhim arkivin e publikimeve pasi është elementi të cilit i është bashkangjitur gjurmuesi ynë.
Në panelin e cilësimeve të tij, shkoni te skeda e avancuar dhe më pas plotësoni një vlerë në fushë ID CSS.
Më pas, kthehuni në panelin e gjurmuesit dhe plotësoni fushën "Zgjedhësi" në meny përmbajtje.
Së fundi, vendosni orientimin e treguesit të progresit në të djathtë.
Ndryshoni stilin e gjurmuesit të përparimit
Në këtë hap, ne do të konfigurojmë parametrat e treguesit të progresit si dhe sfondin e këtij të fundit.
Filloni duke vendosur treguesin e progresit.
Lexo gjithashtu: Elementor: Si të krijoni një galeri imazhesh
- Rregullimi ngjyra e progresit ju lejon të zgjidhni midis një progresion klasik dhe një progresion gradient. Në shembullin tonë, zgjidhni opsionin e parë. Sidoqoftë, cilado qoftë zgjedhja, duket se cilësimi couleur.
- Set lka ngjyrë duke përdorur paletën globale të ngjyrave ose zgjedhësin e ngjyrave.
- Lloji i kufirit: ju keni këtu gjashtë propozime (asnjë, e plotë, e dyfishtë, me pika, me pika, brazdë). Zgjidhni një kufi të plotë.
- Gjerësia: Kjo është për t'i dhënë trashësinë kufirit të treguesit tuaj të përparimit.
- Rrezja e kufirit: Si parazgjedhje, treguesi i progresit duket si një drejtkëndësh. Duke modifikuar rrezen e tij, skajet e tij bëhen të rrumbullakosura.
Së fundi, vendosni piste cilësimet e sfondit. Ju vini re se janë pothuajse të njëjtat cilësime që kthehen. Kufizojeni pra në ato të përmendura më parë.
Ndrysho opsionet e avancuara të gjurmuesit të progresit
Për të përfunduar punën tonë, ne do të vendosim skedat e mëposhtme: efektet e lëvizjes, transformimi dhe CSS me porosi.
Le të fillojmë së pari me skedën Custom CSS. Zgjidhni atë dhe më pas futni kodin e mëposhtëm në fushën përkatëse. Kjo ju lejon të përcaktoni gjerësinë e gjurmuesit. Pra, vendos gjerësinë të jetë 50% e lartësisë së dritares.
Më pas, rrotulloni gjurmuesin në drejtim vertikal. Për ta bërë këtë, zgjidhni nënmenynë transformator, aktivizoni rrotullimin, më pas shkruani 90 në fushën bosh. Kjo do të rrotullojë miniaplikacionin tonë 90 gradë duke ju dhënë pozicionin e dëshiruar vertikal.
Për të rreshtuar miniaplikacionin tonë në të njëjtin nivel me postimet e para, aplikoni një kompensim prej 145.
Në këtë nivel, nëse lëvizim faqen tonë, do të shihni që treguesi ynë i progresit zhduket ndërsa ne lëvizim tonën përmbajtje.
Për të kapërcyer këtë problem, do të hapni skedën Efektet e lëvizjes, pastaj lëshoni komandën Gjilpere dhe zgjidh më poshtë.
Këtë herë, duke lëvizur poshtë, ne mund të shohim gjurmuesin tonë të progresit duke u populluar gradualisht ndërsa kalojmë nëpër arkivin tonë të postimeve.
Merrni Elementor Pro Tani!
Përfundim
Kështu që ! Kjo është ajo për këtë artikull që ju tregon se si të krijoni një gjurmues vertikal të përparimit.
Shtimi i elementeve interaktive si treguesi vertikal i progresit kur krijoni tuajin Faqja e internetit mund ta çojë atë në një nivel tjetër duke e bërë atë më intuitiv. Për më tepër, ajo mund të lidhet me një faqe të tërë ose me përmbajtje e një publikimi dhe madje edhe për çdo element tjetër specifik të një faqeje. Prandaj, njohja e përdorimit të tij do të ishte një avantazh shtesë.
Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...