Et heltebillede siger én ting. En heltebaggrund, der roterer gennem dine bedste tre eller fire billeder, siger betydeligt mere, uden at tilføje en enkelt widget til layoutet. Den Baggrund Slider forlængelse i Master Addons til Elementor erstatter en sektions statiske baggrund med et billeddiasshow: Vælg billederne, vælg en overgang, og indholdet sidder øverst, mens baggrunden cykler bagved.
Her er den færdige helt fra demoen, der cykler gennem sine tre billeder med en hvirvelovergang:
Hvad Background Slider-udvidelsen gør #
Når de er aktiveret, får containere og sektioner en Baggrund Slider panel i deres Style faneblad, ved siden af den almindelige Baggrundssektion. Slå den til, tilføj billeder fra mediebiblioteket, og sektionens baggrund bliver et tidsindstillet diasshow. Alt ved den kan konfigureres:
- Tilføj billeder: et gallerifelt, der holder diasene, omarrangere eller fjerne dem i standard WordPress galleri editor.
- Overgang: 20+ effekter mellem dias, inklusive Fade, Slide i fire retninger, Zoom ind og ud, Swirl, Burn, Blur og Flash, de fleste med en anden variant.
- Animation: Ken Burns bevægelse på hver slide, i flere retninger eller Random.
- Brugerdefineret Overlay: et farve-, farveforløbs- eller billedlag over slidesne plus ni forudindstillede overlejringstypografier, der holder tekst læsbar.
- Forsinkelse og Timer: hvor længe hver slide holder, 5000ms i demoen, og om rotationen kører på en timer.
- Tilfældig visning, Billedopløsning, Cover: bland ordren, vælg den indlæste størrelse, og styr, hvordan billeder udfylder sektionen.
Før du starter #
- WordPress med Elementor installeret og aktiv.
- Master Addons til Elementor installeret og aktiv. Ny i plugin? Følg installationsvejledning first.
- Baggrund Slider er en gratis udvidelse, så ingen Pro licens er påkrævet.
- To eller flere billeder i størrelse til visning i fuld bredde, ideelt set ens dimensioner.
Sådan aktiveres udvidelsen Background Slider #
Fra dit WordPress dashboard, gå til Master Addons og åbn Udvidelser fane. Baggrund Slider sidder i Animation Widgets gruppe, ved siden af Animeret Gradient BG. Klik på dens toggle, så den bliver lilla, og derefter slå Gem ændringer og vent på den grønne “Indstillinger gemt med succes”-meddelelse.
Åbn panelet, og tilføj billederne #
Vælg heltebeholderen i Elementor-editoren, og åbn Style fane. Udvid Baggrund Slider sektion med det lilla MA-badge og switch Aktiver baggrundsskyder til Ja. Den fulde indstillingsliste vises, med en Ansøg knap øverst til at skubbe ændringer til forhåndsvisningen.
Klik Tilføj billeder og vælg slides fra mediebiblioteket. Demoen bruger tre tjenestefotos. Gallerieditoren håndterer rækkefølgen: træk for at omarrangere, tryk på X for at slippe en eller Tilføj til galleri for mere.
Vælg overgangen og bevægelsen #
The Transition dropdown bestemmer, hvordan den ene slide afleverer til den næste. Listen løber lang: Fade, Slide Left, Right, Up, and Down, Zoom In and Out, Swirl Left and Right, Burn, Blur, and Flash, de fleste i to varianter. Demoen lander på Swirl Venstre.
The Animation indstilling tilføjer Ken Burns bevægelse inde i hver slide, en langsom panorering og zoom, der holder baggrunden i live mellem overgange. Vælg en retning eller indstil den til Random og lad hver rutsjebane drive sin egen vej.
Overlejring, forsinkelse og timer #
Hvid tekst på et optaget foto har brug for hjælp. Drej Brugerdefineret Overlay sådan Viser og lægger du en farve, et farveforløb eller et billede over diasene, eller vælger du en af de ni forudindstillede Overlay stilarter med mønstre bygget til læsbarhed. Under det, Forsinkelse indstiller, hvor mange millisekunder hvert dias rummer (5000 i demoen), Timer holder rotationen automatisk, og Cover får billederne til at fylde sektionen kant mod kant.
Resultatet på siden #
Udgiv og helten cykler på egen hånd, præcis som i GIF øverst på denne side: hvert foto holder for forsinkelsen, hvirvler ind i den næste, og overskriften og knapperne forbliver faste på toppen. Besøgende får en bevægelig baggrund uden en separat skyder widget, og sektionsstrukturen nedenunder ændres aldrig.
Hvor en baggrundsskyder fungerer godt #
- Heltesektioner. Roter tre stærke billeder i stedet for at satse det første indtryk på én.
- Servicevirksomheder. Vis holdet på arbejde bag én overskrift.
- Restauranter og spillesteder. Retter og interiør cykler bag reservationsknappen.
- Porteføljer. Seneste projekter som baggrund for introsektionen.
- Landingssider. Produktvinkler, der roterer bag en fast opfordring til handling.
Video Tutorial #
Se skyderen bygget ende mod ende, fra at aktivere udvidelsen til cykelhelten på den offentliggjorte side.
Ofte stillede spørgsmål #
Hvordan tilføjer jeg et baggrundsdiasshow til en Elementor-sektion?
Aktiver udvidelsen Baggrundsskyder i fanen Mastertilføjelsesprogrammer, vælg afsnittet, og åbn Baggrundsskyder i fanen Stil. Slå den til, tilføj to eller flere billeder, vælg en overgang, og sektionens baggrund cykler automatisk.
Hvilke overgangseffekter indgår?
Mere end tyve: Fade, Slide Venstre, Højre, Op, og Ned, Zoom ind og ud, Swirl Venstre og Højre, Brænd, Blur, og Flash, de fleste med en anden variant. En separat Animation indstilling tilføjer Ken Burns pan-og-zoom bevægelse inde i hver slide.
Kan jeg holde teksten læsbar over billederne?
Ja. Slå Brugerdefineret overlejring til for en farve, et farveforløb eller et billedlag over diasene, eller vælg en af de ni forudindstillede overlejringstypografier. Demoen bruger en mørk overlejring, så den hvide overskrift og knapperne holder kontrast på hver slide.
Hvordan styrer jeg glidehastigheden?
Feltet Forsinkelse indstiller, hvor mange millisekunder hver slide forbliver synlig, 5000 som standard i demoen. Timer holder rotationen kørende automatisk, og Tilfældig visning blander sliderækkefølgen på hver belastning, hvis du vil have variation.
Er Background Slider-udvidelsen gratis?
Ja. Baggrund Slider leveres med den gratis version af Master Addons for Elementor, i gruppen Animation Widgets under fanen Udvidelser. Prissiden dækker, hvad Pro-planerne tilføjer.
Indpakning #
Baggrundsskyderudvidelsen forvandler en sektionsbaggrund til et diasshow med én vippe og en håndfuld valg: billeder, overgang, overlejring, forsinkelse. Indholdet bliver siddende, baggrunden gør arbejdet, og der kommer ingen ekstra skyderwidget ind i layoutet. For bevægelse uden fotos, den Animated Gradient Background udvidelse dækker i stedet det samme afsnit med farve, og det fulde sæt af Master Addons widgets og udvidelser er én side væk.
