Edenemisriba on veebidisainis efektiivne element, mis informeerib külastajaid projekti või eesmärgi edenemisest kutsuval moel. Elementor, üks populaarseimaid WordPressi Page-Builder pistikprogramme, võimaldab sul lihtsalt lisada edenemisriba oma veebisaitidele. See juhend viib sind läbi iga sammu, kuidas Elementoris edenemisriba luua ja kohandada.
Olulisemad teadmised
- Edenemisribad pakuvad visuaalset edenemise ja eesmärkide esitlust.
- Saad pealkirja, väärtused ja värvid individuaalselt kohandada.
- Sisemine tekst võib olla valikuline, kas nähtav või varjatud.
- Eri stiilid ja kohandamisvõimalused on saadaval, et riba oma disainiga kohandada.
Samm-sammuline juhend
Alustuseks ava oma WordPressi leht ja suundu Elementori toimetajasse. Sealt saad lisada uue elemendi ja valida edenemisriba.
Nüüd oled valmis sisestama oma edenemisriba pealkirja. Mõtle välja sobiv pealkiri, näiteks "Müügikäive". See annab külastajatele juba esmase vihje, millega tegu on.
Järgmisena pead määrama eesmärgi või eduloo. Mõtle, mida täpselt soovid kuvada, ja kirjuta see ette nähtud väljale. See samm aitab muuta riba kasutajatele arusaadavamaks.
Nüüd saad määrata edenemisriba värvi. See pole tingimata vajalik, kuid see on hea võimalus disaini kohandamiseks. Vali toon, mis sobib ülejäänud veebisaidiga kokku.
Seejärel mine protsentide juurde. Siin saad määrata oma edenemise, näiteks 40%. Mõtle selle peale, et maksimaalne väärtus saab olla 100% ja minimaalne väärtus 0%. See tagasiside aitab külastajatel kiiresti aru saada edenemisest.
Protsentuaalne näit võib olla nähtav või peidetud. Sageli näeb see parem välja, kui tekst peidetakse, eriti kui eelistad puhta kujunduse. Mõtle, milline variant sobib sinu projektile kõige paremini.
Kui soovid, võid lisada ka sisemise teksti, mis sisaldab protsendinumbreid. See funktsioon on eriti kasulik, kui soovid näidata kohest edenemist. Kui otsustad sisemise teksti kasuks, saad siin ka numbri peita.
Nüüd tuleb rääkida edenemisriba stiilist. Saad kohandada riba värvi, täitmata valdkonna taustavärvi ja riba kõrgust individuaalselt kohandada. Vali tumedam roheline toon täidetud valdkonnale ja neutraalne taustavärv selge ilme jaoks.
Lisaks saad teha edenemisriba nurki ümaramaks, et ribal oleks meeldivam kuju. Mõtle sellele, et nurki annab ümaramaks teha vaid esiküljel, kuni edenemine on 100%.
Kui soovid muuta sisemist teksti, saad siin ka värvi ja typograafiat muuta. Võib-olla otsustad kirjastiili inaktiveerida, et keskenduda edenemisele.
Lõpuks jõuad edasijõudnute säteteni, kus saad kohandada pealkirja tekstivärvi ja -stiili. Must ja paks pealkiri koos valikulise varjundiga tagavad, et sinu pealkiri tõuseb esile.
Nüüd salvesta oma muudatused ja mine lehele, et tulemust näha. Võib-olla otsustad, et on mõistlik näidata protsenti. Kui mitte, kuvatakse edenemisriba siiski kutsuvalt.
Sinu edenemisriba kuvab nüüd määratud väärtust ilma, et see animeeritult nullist kõrgemale keriks. Selle asemel visualiseeritakse edenemine kohe.
Kui kasutad Elementori Pro-versiooni, on sul võimalus kasutada ka lisanduvaid dünaamilisi atribuute. See funktsioon on eriti kasulik edenemisribade kohandamisel välise andmete või isegi andmebaasipõhiste väärtuste põhjal.
Kokkuvõte
Selles juhendis õppisid, kuidas saad Elementoris luua ja kohandada edenemisriba. Saad määrata pealkirja ja edenemise, valida värve ning teha mitmeid kohandusi, et integreerida kutsuv ja efektiivne edenemisriba.
Sagedased küsimused
Kuidas luua edenemisriba Elementoris?Valid edenemisriba Elementoris ja lisad pealkirja ning edenemisväärtused.
Kas saan muuta edenemisriba värve?Jah, saad muuta nii edenemisriba värvi kui ka taustavärvi individuaalselt.
Mis kasu on sisemisest tekstist edenemisribas?Sisemine tekst näitab edenemist selgemalt ja aitab teha teabe ühe pilguga arusaadavaks.
Kuidas salvestada tehtud muudatused?Pärast kõikide kohanduste tegemist saad salvestada oma muudatused, et need oleksid sinu veebisaidil nähtavad.
Milliseid erifunktsioone pakub Elementori Pro-versioon?Pro-versioon pakub täiustatud võimalusi nagu dünaamilised atribuudid, mida saad kasutada oma edenemisriba edasiseks kohandamiseks.
