Opprett en enkel animert overskrift i Elementor

Webdesign blir ofte beriket med kreative elementer som fanger besøkendes oppmerksomhet. Et fantastisk verktøy for dette er den animerte overskriften i Elementor. Denne funksjonen lar deg fremheve bestemte ord eller setninger for å gjøre innholdet ditt mer levende og tiltalende. I denne veiledningen vil du lære hvordan du legger til og tilpasser en animert overskrift i Elementor.

Viktigste erkjennelser

• Den animerte overskriften tilbyr ulike stilvalg, inkludert tekstmarkeringer, rotasjoner og animasjoner.
• Du kan tilpasse både den animerte teksten og den tilknyttede overskriften individuelt.
• Overskriftens effekt kan forsterkes gjennom ulike animasjonstyper som "Typing", "Flip" eller "Drop-in".

Trinn-for-trinn-veiledning for å lage animerte overskrifter

Trinn 1: Tilgang til Elementor-redigereren

Åpne WordPress-administrasjonsområdet og gå til siden eller innlegget hvor du vil legge til den animerte overskriften. Klikk på "Rediger med Elementor" for å åpne Elementor-redigereren.

Trinn 2: Velge widget for den animerte overskriften

I venstre sidepanel i Elementor, søk etter widgeten "Animert overskrift". Dra den inn i det ønskede området på siden din ved å dra og slippe.

Trinn 3: Skriv inn statisk teksten din

Når du har lagt til widgeten, skriv inn din statiske tekst i feltet "Hovedoverskrift". Dette er teksten som forblir konstant mens den animerte teksten endres. For eksempel kan du skrive "Denne nettsiden er".

Trinn 4: Definere den animatede teksten

Gå til seksjonen "Animert tekst" og legg til ord eller setninger du ønsker å markere roterende. Dette kan være ord som "fantastisk", "utmerket for", "nybegynnere" og "din go-to nummer 1".

Trinn 5: Tilpasse stilen

I fanen "Stil" kan du justere stilen på overskriften og den animerte teksten. Her kan du tilpasse tekstens farge samt bakgrunnens form. En populær valg er å gi bakgrunnen en rød farge, men du kan også velge svart eller grønn.

Trinn 6: Aktivere animasjonseffekt

I seksjonen "Animasjonseffekter", kan du bestemme hvordan animasjonen skal vises. Vil du at den animerte teksten skal ha en "Infinity Loop" slik at den gjentas konstant? Still inn riktig varighet og forsinkelse for animasjonen.

Trinn 7: Velge animasjonstype

I rullegardinmenyen, velg ønsket animasjonstype. Blant tilgjengelige effekter er "Typing", "Flip" eller "Drop-in". "Drop-in"-effekten er spesielt tiltalende, men "Typing"-effekten har også sin egen sjarm.

Trinn 8: Forhåndsvisning og tilpasninger

Bruk forhåndsvisningsfunksjonen for å se hvordan den animerte overskriften ser ut i nettstedets livevisning. Her kan du gjøre tilpasninger som endring i tekststørrelse eller avstander for å optimalisere layouten.

Trinn 9: Endelige tilpasninger før publisering

Før du lagrer siden, gå gjennom alle innstillingene en gang til. Sørg for at skrifttyper og farger harmonerer med resten av nettsiden. Hvis alt ser bra ut, klikk på "Publiser" for å gjøre endringene på nettsiden din live.

Oppsummering

Med denne veiledningen har du gått gjennom de grunnleggende trinnene for å lage en animert overskrift i Elementor. Du kan dra nytte av funksjonene og tilpasningsmulighetene for å gi nettsiden din et dynamisk preg og tiltrekke oppmerksomhet fra besøkende.