Opret let en animeret overskrift i Elementor

Websteders design beriges ofte med kreative elementer, der fanger besøgendes opmærksomhed. Et fantastisk værktøj til dette er den animerede overskrift i Elementor. Denne funktion giver dig mulighed for at fremhæve bestemte ord eller passager og dermed gøre dine indhold mere levende og tiltalende. I denne vejledning lærer du, hvordan du indsætter og tilpasser en animeret overskrift med Elementor.

Vigtigste erkendelser

• Den animerede overskrift tilbyder forskellige stilmuligheder, herunder tekstfremhævninger, rotationer og animationer.
• Du kan tilpasse både den animerede tekst og den tilknyttede overskrift individuelt.
• Overskriftens effekt kan forstærkes af forskellige animationsformer som "Skrivning", "Vend" eller "Drop-ind".

Trin-for-trin vejledning til oprettelse af animerede overskrifter

Trin 1: Adgang til Elementor-editoren

Start din WordPress-administration og gå til den side eller det indlæg, hvor du vil tilføje den animerede overskrift. Klik på "Rediger med Elementor" for at åbne Elementor-editoren.

Trin 2: Valg af widget til den animerede overskrift

I venstre sidebjælke i Elementor skal du finde widget'en "Animeret overskrift". Træk den ved at trække og slippe den i det ønskede område på din side.

Trin 3: Indtastning af din statiske tekst

Efter at have tilføjet widget'en, skal du indtaste din statiske tekst i feltet "Hovedoverskrift". Dette er teksten, der forbliver fast, mens den animerede tekst skifter. For eksempel kan du indtaste "Dette websted er".

Trin 4: Definering af den animerede tekst

Gå til afsnittet "Animeret tekst" og indsæt de ord eller passager, du ønsker at fremhæve roterende. Disse kan være ord som "fantastisk", "super til", "begyndere" og "dit første stoppested".

Trin 5: Tilpasning af stilen

Under fanen "Stil" kan du foretage designændringer på overskriften og den animerede tekst. Her kan du justere tekstens farve samt baggrundens form. Et populært valg er at give baggrunden en rød farve, men du kan også vælge sort eller grøn.

Trin 6: Aktivering af animations-effekten

I afsnittet "Animations-effekter" kan du angive, hvordan animationen skal fungere. Ønsker du, at den animerede tekst har en "Infinity Loop", så den gentages konstant? Indstil de passende indstillinger for varigheden og forsinkelsen af animationen.

Trin 7: Valg af animations-type

Vælg den ønskede animations-type fra rullemenuen. Tilgængelige effekter inkluderer "Skrivning", "Vend" eller "Drop-ind". "Drop-ind" effekten er især tiltalende, men også "Skrivning" effekten har sin egen charme.

Trin 8: Forhåndsvisning og tilpasninger

Brug forhåndsvisningen til at se, hvordan den animerede overskrift ser ud i livevisning af hjemmesiden. Her kan du foretage justeringer såsom ændring af tekststørrelse eller afstande for at optimere layoutet.

Trin 9: Endelige tilpasninger før offentliggørelsen

Før du gemmer siden, skal du tjekke alle indstillingerne igen. Sørg for, at skrifttyper og farver harmonerer med resten af hjemmesiden. Hvis alt ser godt ud, skal du klikke på "Offentliggøre" for at aktivere ændringerne på din hjemmeside live.

Opsamling

Med denne vejledning har du gennemgået de grundlæggende trin til at oprette en animeret overskrift i Elementor. Du kan bruge funktionerne og tilpasningsmulighederne til at give dit websted et dynamisk præg og fange besøgendes opmærksomhed.