Verkkosivustojen suunnittelua rikastetaan usein luovilla elementeillä, jotka kiinnittävät kävijöiden huomion. Fantastinen työkalu tähän on animoitu otsikko Elementor-ohjelmassa. Tämä toiminto mahdollistaa tiettyjen sanojen tai lauseiden korostamisen ja tekee sisällöstäsi elävämpää ja houkuttelevampaa. Tässä oppaassa opit, kuinka lisätä ja muokata animoitua otsikkoa Elementorissa.
Tärkeimmät havainnot
- Animoitu otsikko tarjoaa erilaisia tyylivaihtoehtoja, kuten tekstikorostuksia, pyörähdyksiä ja animaatioita.
- Voit muokata sekä animoitua tekstiä että siihen liittyvää otsikkoa yksilöllisesti.
- Otsikon vaikutusta voi vahvistaa eri animaatiotyypeillä, kuten "Kirjoitus", "Kääntö" tai "Pudotus".
Askel-askeleelta-opas animoitujen otsikoiden luomiseen
Askel 1: Pääsy Elementor-editoriin
Aloita WordPress-hallintapaneelista ja siirry sivulle tai kirjoitukseen, johon haluat lisätä animoidun otsikon. Napsauta "Muokkaa Elementorilla" avataksesi Elementor-editori.
Askel 2: Widgetin valitseminen animoidulle otsikolle
Vasemmanpuoleisesta Elementor-etusivupalkista etsi "Animoitu otsikko" -widgetti. Vedä se raahaamalla haluamaasi sivustosi kohtaan.
Askel 3: Statiikkatekstin syöttäminen
Lisättyäsi widgetin, syötä "Pääotsikko" -kenttään staattinen tekstisi. Tämä on teksti, joka pysyy samana, kun animoitu teksti vaihtuu. Esimerkiksi voit syöttää "Tämä sivusto on".
Askel 4: Animoitavan tekstin määrittäminen
Mene "Animoitu teksti" -osioon ja syötä sanat tai lauseet, joita haluat korostaa pyörivästi. Nämä voivat olla sanoja kuten "upea", "loistava aloittelijoille" ja "ykköspaikkasi".
Askel 5: Tyylin mukauttaminen
"Tyyli" -välilehden alla voit tehdä muutoksia otsikon ja animoidun tekstin ulkoasuun. Voit säätää tekstin väriä sekä taustan muotoa. Suosittu valinta on antaa taustalle punainen väri, mutta voit valita myös mustan tai vihreän.
Askel 6: Animaatioefektien käynnistäminen
"Animaatioefektit" -alueella voit määrittää, millaisen vaikutuksen haluat animaatiolla olevan. Haluatko animoidun tekstin olevan "Infinity Loop", jotta se toistuu jatkuvasti? Aseta tähän sopivat asetukset animaation kestolle ja viiveelle.
Askel 7: Animaatiotyypin valitseminen
Valitse avattavasta valikosta haluamasi animaatiotyyppi. Saatavilla olevia efektejä ovat "Kirjoitus", "Kääntö" ja "Pudotus". "Pudotus" -efekti on erityisen houkutteleva, mutta myös "Kirjoitus" -efekti on omaan viehätyksensä.
Askel 8: Esikatselu ja mukautukset
Käytä esikatselutoimintoa nähdäksesi, miltä animoitu otsikko näyttää sivuston live-näkymässä. Voit tehdä muutoksia, kuten tekstin koon tai välien muuttamista, optimoidaksesi ulkoasua.
Askel 9: Viimeiset mukautukset ennen julkaisua
Ennen kuin tallennat sivun, tarkista kaikki asetukset vielä kerran. Varmista, että kirjasimet ja värit sopivat yhteen muun sivuston kanssa. Jos kaikki näyttää hyvältä, napsauta "Julkaise" saadaksesi muutokset verkkosivustollesi.
Yhteenveto
Tämän oppaan avulla olet käynyt perusaskeleet läpi animoidun otsikon luomiseen Elementorissa. Voit hyödyntää ominaisuuksia ja mukautusmahdollisuuksia antaaksesi verkkosivustollesi dynaamisen ilmeen ja kiinnittääksesi kävijöiden huomion.
Usein kysytyt kysymykset
Miten voin muuttaa animoidun tekstin väriä?Voit säätää värin "Tyyli" -välilehdeltä kyseisen tekstikentän kohdalla.
Mitä teen, jos animaatio ei toimi oikein?Varmista, että kaikki asetukset on otettu oikein käyttöön ja testaa esikatselua muutoksille.
Onko mahdollista käyttää useita animoituja otsikoita samalla sivulla?Kyllä, voit lisätä mielivaltaisen määrän animoituja otsikoita, mutta kiinnitä huomiota luettavuuteen.
Onko rajoituksia animaatioille?On paljon erilaisia animaatioita, mutta jotkut niistä eivät välttämättä näy optimaalisesti tietyissä laitteissa tai selaimissa.
