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ør forlængelse i Master Addons Pro tilføjer, at rulleudløst blok afslører effekt til Elementor-widgets og -kolonner: 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 tørringen, hastigheden og forsinkelsen, alt sammen fra Elementor-panelet.
Hvad er Reveal-udvidelsen? #
de Afsløre udvidelse er en Master Addons Pro animation udvidelse, der afspiller en blok afsløre på en widget eller kolonne det øjeblik, det ruller til syne. I stedet for at falme eller glide ind, elementet sidder bag en ensfarvet panel, der fejer væk for at afsløre det. Fordi animationen er bundet til rullepositionen, hvert element afslører sig selv præcis, når den besøgende når det, som trækker øjet ned på siden. Det spiller en gang pr side belastning.
Når udvidelsen er aktiveret, får widgets og kolonner en Reveal-indstilling under fremskreden fane, med fire indstillinger: afsløringen farve (panelet, der dækker elementet), den ledelse panelet bevæger sig, som det rydder, den fart, og den udsætte. Det virker på overskrifter, billeder, knapper og andre widgets, og på kolonner i ældre sektioner. Flexbox containere og sektioner får ikke muligheden.
Før du starter #
- WordPress med elementor installeret og aktiv.
- Master Addons til Elementor installeret og aktiv. Ny i plugin? Følg installationsvejledning først.
- Master Addons Pro aktiv, da Reveal er en Pro-udvidelse.
Sådan aktiveres Reveal-udvidelsen #
Fra dit WordPress dashboard, åben Master Addons og gå til Udvidelser fane. Reveal sidder i animationswidgets gruppe, ved siden af Indgang Animation (Pro) og Forvandler. Klik på dens skifte, så den tænder, og tryk derefter på Gem ændringer og vent på bekræftelsesmeddelelsen. Indstillingen Afslør er nu tilgængelig på widgets og kolonner 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 fremskreden faneblad og udvid Afsløre sektion. Tænd Aktiveret Reveal og indstil kontrolelementerne:
- 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: Centrer, venstre mod højre, højre mod venstre, top til bund eller bund til top.
- Hastighed: 0 til 10, hvor standard 5 er et halvt sekund. Lavere er hurtigere.
- Forsinkelse: 0 til 20, op til to sekunder før panelet bevæger sig. Brug det til at forskyde flere elementer.
Afsløringen er scroll-udløst, så intet spiller før elementet scroller ind i viewporten. I editoren afspilles det kort efter siden indlæses. På live-siden afspilles det én gang når elementet kommer ind i viewporten, og en reload afspiller det igen.
Resultatet på siden #
Publicer eller forhåndsvis 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, kaskaderer en stak af afslørede elementer, når den besøgende bevæger sig ned på siden. Den Afslør udvidelsesside har en demo.
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 #
Hvad er Reveal-udvidelsen i Master Addons?
Reveal-udvidelsen er en Master Addons Pro-animationsudvidelse, der tilføjer en rulleudløst blokafsløringseffekt til Elementor-widgets og -kolonner. Et ensfarvet panel dækker elementet og fejer derefter væk for at afdække det, mens elementet ruller til syne. Du aktiverer det på fanen Udvidelser, og indstil derefter farve, retning, hastighed og forsinkelse på hvert element fra fanen Avanceret.
Hvordan tilføjer jeg en afsløringsanimation på rulle i Elementor?
Aktiver Reveal-udvidelsen i fanen Master Addons Extensions, og vælg derefter et element, og åbn fanen Avanceret. Udvid sektionen Reveal, slå effekten til, og vælg afsløringsfarve, retning og hastighed. Animationen er rulletriggered, så den afspilles automatisk, når elementet kommer ind i viewporten.
Hvad kan jeg tilpasse på afsløringseffekten?
Der er fire kontroller: farven på panelet, der dækker elementet (fast eller gradient), retningen panelet rejser som det rydder, hastigheden og forsinkelsen. Sammen lader de dig matche afsløringen til din sektion baggrund eller brand farve og styre, hvor hurtigt elementet er afdækket.
Virker Reveal på noget Elementor-element?
Ikke alle elementer. Indstillingen Afslør vises under fanen Avanceret for widgets og for kolonner i ældre sektioner. Flexbox-beholdere og sektioner får det ikke, så anvend Afslør på widgets inde i dem.
Er Reveal-udvidelsen gratis?
Nej. Reveal er en del af Master Addons Pro. Det vises i gruppen Animation Widgets under fanen Udvidelser, når Pro er aktiv. Siden med priser viser planerne.
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.
