Edistymispalkit ovat tehokas elementti verkkosuunnittelussa, joka informoi kävijöitäsi houkuttelevalla tavalla projektin tai tavoitteen edistymisestä. Elementor, yhtenä WordPressin suosituimmista sivurakentajalisäosista, tarjoaa mahdollisuuden integroida edistymispalkit helposti verkkosivuillesi. Tämä opas johdattaa sinut läpi vaiheiden luodaksesi ja mukauttaaksesi edistymispalkin Elementorissa.
Tärkeimmät havainnot
- Edistymispalkit tarjoavat visuaalisen esityksen edistymisestä ja tavoitteista.
- Voit mukauttaa otsikoita, arvoja ja värejä yksilöllisesti.
- Sisäinen teksti voidaan näyttää valinnaisesti tai piilottaa.
- Eri tyylit ja mukautusvaihtoehdot ovat käytettävissä, jotta palkki sopii suunnitteluusi.
Vaiheittainen ohje
Avaat ensin WordPress-sivusi ja siirryt Elementor-editoriin. Siellä voit lisätä uuden elementin ja valita edistymispalkin.
Nyt olet valmis syöttämään edistymispalkkosi otsikon. Keksi sopiva otsikko, kuten "Liikevaihtotavoite". Tämä antaa kävijöille jo ensimmäisen vihjeen siitä, mistä on kyse.
Seuraavaksi sinun tulee määrittää tavoite tai onnistumisilmoitus. Mieti tarkasti, mitä haluat näyttää ja kirjoita se osoitettuun kenttään. Tämä vaihe auttaa kävijöitä ymmärtämään edistymispalkkosi selkeämmin.
Nyt voit määrittää edistymispalkkosi värin. Tämä ei ole välttämätöntä, mutta se tarjoaa mahdollisuuden mukauttaa suunnittelua. Voit valita sävyn, joka sopii muuhun verkkosivustosi värimaailmaan.
Siirry sitten prosenttiosuuksiin. Täällä voit asettaa edistymisesi, esimerkiksi 40 %. Muista, että voit asettaa enimmäisarvon 100 % ja vähimmäisarvon 0 %. Tämä palautetta auttaa kävijöitä ymmärtämään edistymisen nopeasti.
Prosenttiosuutta voidaan näyttää tai piilottaa. Usein vaikuttaa houkuttelevammalta, jos teksti on piilotettu, erityisesti jos suosimasi suunnittelu on selkeä. Mieti, mikä vaihtoehto sopii parhaiten projektisi kanssa.
Jos haluat, voit myös lisätä sisäisen tekstin, joka sisältää prosenttiluvut. Tämä toiminto on erityisen hyödyllinen, jos haluat esittää heti edistyksen. Jos päätät olla sisällyttämättä sisäistä tekstiä, voit myös piilottaa luvun täällä.
Nyt on aika määrittää edistymispalkin tyyli. Voit säätää palkin väriä, taustaväriä täyttämättömälle alueelle ja palkin korkeutta yksilöllisesti. Valitse tummanvihreä väri täytettyyn alueeseen ja neutraali taustaväri selkeää ilmettä varten.
Lisäksi voit pyöristää edistymispalkin kulmat, jotta palkin muoto on houkuttelevampi. Muista, että kulmat voidaan pyöristää vain etupuolelta, kun edistys on 100 %.
Jos haluat mukauttaa sisäistä tekstiä, voit myös muuttaa väriä ja typografiaa. Saatat päättää poistaa kirjasintyypin, jotta keskittyisit edistykseen.
Lopuksi siirryt lisäasetuksiin, missä voit mukauttaa otsikon tekstiväriä ja -tyyliä. Musta, lihavoitu otsikko valinnaisella varjostuksella varmistaa, että otsikkosi erottuu.
Tallenna nyt tekemäsi muutokset ja siirry sivullesi nähdäksesi tuloksen. Saatat päättää näyttää prosenttiosuuden. Jos et, edistyspalkki näytetään kuitenkin houkuttelevasti.
Edistymispalkkosi näyttää nyt määritetyn arvon ilman että se animoidaan nousemaan nollasta. Sen sijaan edistyminen visualisoituu välittömästi.
Jos käytät Elementorin Pro-versiota, sinulle tarjotaan lisäksi dynaamisia ominaisuuksia. Tämä toiminto on erityisen hyödyllinen edistymispalkkojen mukauttamiseen ulkoisten tietojen tai jopa tietokantapohjaisten arvojen perusteella.
Yhteenveto
Tässä ohjeessa opit, kuinka voit luoda ja mukauttaa edistymispalkkia Elementorissa. Voit määrittää otsikot, edistymiset, valita värejä ja tehdä monia muita mukautuksia luodaksesi houkuttelevan ja tehokkaan edistymispalkin.
Usein kysytyt kysymykset
Kuinka luon edistymispalkin Elementorissa?Valitset edistymispalkin Elementorissa ja lisäät otsikon ja edistysarvot.
Voinko muuttaa edistymispalkin värejä?Kyllä, voit mukauttaa sekä edistymispalkin väriä että taustaväriä yksilöllisesti.
Mikä on sisäisen tekstin hyöty edistymispalkissa?Sisäinen teksti selventää edistystä ja auttaa tekemään tiedoista helpommin ymmärrettäviä.
Kuinka tallennan tekemäni muutokset?Kun olet tehnyt kaikki mukautukset, voit tallentaa muutoksesi nähdäksesi ne verkkosivullasi.
Onko Elementorin Pro-versiossa erityistoimintoja?Kyllä, Pro-versio tarjoaa kehittyneitä asetuksia kuten dynaamisia ominaisuuksia, joita voit hyödyntää edistymispalkkosi lisämukautuksissa.
