Afsløre

Et element, der blot vises på rulle, er fint. Et element, der er afdækket, som et farvet panel glider væk for at afsløre det, føles designet. Den Afsløre forlængelse i Master Addons til Elementor tilføjer, at rulleudløst blok afslører effekt til ethvert Elementor-element: en farvet overlejring tørrer hen over elementet, når det kommer ind i visningsporten, og rydder derefter for at vise indholdet nedenunder. Du styrer overlejringsfarven, retningen af sletningen og hastigheden af animationen, alt sammen fra Elementor-panelet.

Hvad er Reveal-udvidelsen? #

The Afsløre udvidelse er et gratis Master Addons animationsværktøj, der afspiller en blokafsløring på ethvert Elementor-element i det øjeblik, det ruller til syne. I stedet for at falme eller glide ind, sidder elementet bag et ensfarvet panel, der fejer væk for at afsløre det. Fordi animationen er bundet til rullepositionen, afslører hvert element sig nøjagtigt, når den besøgende når det, hvilket trækker øjet ned på siden sektion for sektion.

Når udvidelsen er aktiveret, får hvert Elementor-element en Reveal-indstilling under sin Advanced fane, med tre kerneindstillinger: afsløringen color (panelet, der dækker elementet), den direction panelet bevæger sig, efterhånden som det rydder, og speed af animationen. Det virker på overskrifter, billeder, knapper, hele kolonner, eller ethvert andet element, og tilføjer ingen separat plugin.

Før du starter #

• WordPress med Elementor installeret og aktiv.
• Master Addons til Elementor installeret og aktiv. Ny i plugin? Følg installationsvejledning first.
• Reveal er en gratis udvidelse, så der kræves ingen Pro-licens.

Sådan aktiveres Reveal-udvidelsen #

Fra dit WordPress dashboard, åben Master Addons og gå til Udvidelser fane. Reveal sidder i Animation Widgets gruppe, ved siden af Indgang Animation og Forvandler. Klik på dens skifte, så den tænder, og tryk derefter på Gem ændringer og vent på bekræftelsesmeddelelsen. Reveal-indstillingen er nu tilgængelig på hvert element i Elementor-editoren.

Føje en afsløringsanimation til et element #

I Elementor-editoren skal du vælge det element, du vil animere, og derefter åbne Advanced faneblad og udvid Afsløre sektion. Tænd for effekten, og indstil de tre kontroller:

• Farve: det massive panel, der dækker elementet, før det afsløres. Match det til din sektion baggrund for en sømløs serviet, eller brug en mærkefarve til en dristigere feje.
• Retning: den måde panelet bevæger sig på, når det rydder, for eksempel venstre, højre, op eller ned, hvilket indstiller, om elementet er afdækket vandret eller lodret.
• Hastighed: hvor hurtigt afsløringen spiller. En kortere varighed snapper elementet til syne; en længere giver en langsommere, mere bevidst aftørring.

Afsløringen er rulleudløst, så intet afspilles, før elementet ruller ind i viewporten. Rul siden op og ned igen i forhåndsvisning for at se animationsbranden i det rigtige øjeblik.

Resultatet på siden #

Publicer eller forhåndsvisning og rul ned på siden. Når hvert element med Reveal aktiveret kommer ind på skærmen, fejer dets farvepanel væk i den retning, du valgte, og med den hastighed, du indstiller, og afdækker indholdet nedenunder. Fordi effekten taster fra rullepositionen, falder en stak af afslørede elementer naturligt, når den besøgende bevæger sig ned ad sektionen.

Hvor Reveal-effekten vinder sin plads #

• Afsnitsoverskrifter. En afsløring på en H2 signalerer starten på en ny sektion, efterhånden som læseren ankommer til den.
• Heltebilleder. Afdækning af et heltebillede med en farvet serviet gør et stærkere første indtryk end en almindelig falmning.
• Funktions- eller porteføljenet. Afsløring af kort en række ad gangen på rulle holder øjet bevæger sig gennem gitteret.
• Opfordringer til handling. En afsløring på en knap eller tilbudsblok tiltrækker opmærksomhed, lige når den ruller til syne.
• Statistik og citater. Afdækning af et nummer eller en testimonial giver det et øjebliks fokus.

Tips til brug af Reveal #

• Hold hastigheden behagelig. En meget langsom afsløring kan lade besøgende vente på at læse; en rask serviet føles normalt mere lydhør.
• Match farven til sektionen. Indstilling af afsløringsfarven til sektionens baggrund gør panelet usynligt, indtil det bevæger sig, så elementet ser ud som om det bliver udslettet til eksistens.
• Brug den sparsomt. Afsløring af hvert element på siden fortynder effekten. Reserver det for de elementer, du mest ønsker bemærket.
• Tjek mobil. Kortskærme ruller hurtigere, så bekræft afsløringen stadig brande og læser godt på telefoner og tablets.
• Par det med andre animationsudvidelser. Kombiner Reveal med Indgang Animation eller udforsk hele spektret af Elementor animationseffekter for rigere bevægelse.

Video Tutorial #

Se Reveal-udvidelsen i aktion, fra at aktivere den til at indstille farve, retning og hastighed på et element:

Ofte stillede spørgsmål #

Indpakning #

Reveal-udvidelsen forvandler en almindelig rulle til en designet: et farvet panel tørrer væk for at afdække hvert element, når det kommer ind i viewporten, med farven, retningen og hastigheden alt indstillet fra Elementor-panelet. Start med en overskrift eller heltebillede, juster farven til din sektion og byg derfra. Det parrer naturligt med Indgang Animation og Forvandler udvidelser, og den fulde lineup af Master Addons widgets og udvidelser dækker resten.