Animaatioiden käyttäminen Website Builder -sivustollasi
Haluatko antaa sivustostasi dynaamisemman vaikutelman? Lisää animaatioita sivustollesi!
Animaatioiden avulla voit herättää Website Builder -sivustosi eloon käyttämällä mukaansatempaavia visuaalisia tehosteita. Animaatioita on helppo lisätä: avaa komponentin asetukset, valitse animaatiotehoste ja esikatsele sitä heti. Jokaisella komponentilla voi olla oma animaationsa, jota voit mukauttaa haluamallasi tavalla - näin voit tehdä sivuistasi persoonalliset ja erottuvat.
- Miksi käyttäisin animaatioita sivustollani?
- Animaatioiden lisääminen Website Builder -komponentteihin
Miksi käyttäisin animaatioita sivustollani?
Animaatioita voi käyttää monin eri tavoin ja moniin tarkoituksiin. Niiden avulla voit kiinnittää huomiota tiettyihin kohteisiin tai korostaa mahdollisuutta klikata tiettyjä elementtejä, kuten painikkeita tai some-linkkejä. Voit myös käyttää niitä luovasti tehdäksesi sisällöstä eloisampaa. Animaatioilla voit tehdä sivustostasi persoonallisemman ja ammattimaisemman näköisen.
Haluatko nähdä joitakin tehosteita toiminnassa? Alla olevassa GIF-kuvassa olemme lisänneet erilaisia tehosteita teksteihin, painikkeisiin ja säilöihin.
Animaatioiden lisääminen Website Builder -komponentteihin
Voit lisätä animaatioita seuraaviin Website Builder -komponentteihin:
- Teksti
- Kuvat
- Laatikot ja säiliöt
- Painikkeet
- Kuvakkeet
- Sosiaalisen median kuvakkeet
- Logot
Pääset animaatioasetuksiin klikkaamalla Muokkaa-välilehteä, joka tulee näkyviin komponentin ylä- tai alareunassa, kun klikkaat sitä.
Tässä esimerkissä lisäämme animaatiotehosteita tekstiin:
- Valitse komponentti ja klikkaa sen ylä- tai alareunassa olevaa Muokkaa tekstiä -painiketta .
- Klikkaa kelluvassa valikossa Animaatio .
- Liu'uta Lisää animaatioita -kytkin PÄÄLLE.
- Animaatiotehoste-kohdan avattavasta valikosta voit valita tehosteen. Valitse joko Häivytys, Liu'utus tai Pomppu.
- Jos valitset Häivitys- tai Liu’utus-vaihtoehdon, voit myös valita Animaation suunnan. Tämä on suunta, josta animaatio ilmestyy näytölle. Pudotusvalikosta voit valita joko keskeltä, ylhäältä, alhaalta, vasemmalta tai oikealta.
- Voit valita animaation nopeuden. Se voi olla nopea (300 ms), keskinopea (600 ms) tai hidas (1000 ms).
- Valitse, lisätäänkö efektiin viive, ja kuinka pitkä sen tulisi olla.
- Tallenna muutokset ja tarkista animaatio esikatselussa. Animaatiota ei voi nähdä editorissa.
- Toista yllä olevat vaiheet muiden komponenttien kanssa, joihin haluat lisätä animaatioita.
Huomaa: Animaatio toistetaan vain kerran sivun latautumisen aikana. Sitä ei siis näytetä uudelleen, jos kävijä vierittää sivua taaksepäin.
Aiheeseen liittyviä artikkeleita: