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 udvidelse 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, sektioner og kolonner en Baggrund Slider panel i deres måde 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: 24 effekter mellem dias plus Random: Fade, Slide i fire retninger, Zoom ind og ud, Swirl, Burn, Blur og Flash, hver med en anden variant.
- animation: Ken Burns bevægelse på hvert dias, i ni retninger, Random eller None.
- 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 (5000 ms som standard), og om en tynd statuslinje viser den tid, der er tilbage på hver slide.
- Tilfældig visning, Billedopløsning, Cover: bland rækkefølgen, når siden genereres, 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 først.
- 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 animationswidgets gruppe, ved siden af Animeret Gradient BG (Pro). Klik på dens toggle, så den bliver lilla, og hit derefter 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 måde 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 #
de omgåelse dropdown bestemmer, hvordan en 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, each in two variants. Demoen lander på Swirl Venstre.
de livlighed 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 tilfældig 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 overlejre stilarter med mønstre bygget til læsbarhed. Under det, Forsinkelse indstiller, hvor mange millisekunder hvert dias rummer (5000 i demoen), timer viser en statuslinje for hvert dias (diasene roterer begge veje), og omslag 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?
Fireogtyve plus Random: Fade, Slide Venstre, Højre, Op, og Ned, Zoom ind og ud, Swirl Venstre og Højre, Brænd, Slør, og Flash, hver 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. Timer viser kun en statuslinje, fordi slides roterer på deres egen begge veje. Tilfældig visning blander sliderækkefølgen, hver gang siden genereres, så på en cachelagret side ændres rækkefølgen kun, når cachen ryddes.
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.
Har Elementor sit eget baggrundsdiasshow?
Ja. Gratis Elementor har en Slideshow baggrundstype med fem overgange, en Ken Burns zoom ind eller ud, lazyload og per-enhed positionering. Baggrund Slider tilføjer 24 overgange, Ken Burns i ni retninger, mønster overlejringer, tilfældig rækkefølge og en timer bar. Produktsiden har en fuld sammenligningstabel.
Indpakning #
de Baggrund Slider udvidelse 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. Til bevægelse uden fotos, den Animated Gradient Background udvidelse (Pro) 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.
