Afslør udvidelsesindstillinger

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? #

The 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 Advanced fane, med fire indstillinger: afsløringen color (panelet, der dækker elementet), den direction panelet bevæger sig, som det rydder, den speed, og den delay. 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 first.
• 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 Animation Widgets 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 Advanced 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 #

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.