Trenger å lage fanebasert bildegalleri i Elementor ?

Som vi hele tiden sier, Elementor er mer enn bare en sidebygger-plugin. Det er en allsidig plugin som kan erstatte flere typer WordPress plugins om gangen. En av pluginene som kan erstattes med Elementor er bildegalleri-plugin.

med Elementor, du trenger ikke å installere noe ekstra plugin til lage et bildegalleri på WordPress-nettstedet ditt. Det er to widgets som Elementor tilbyr for å lage et bildegalleri: Basic Gallery og Gallery.

Basic Gallery-widgeten - tilgjengelig på Elementor Free - lar deg opprette et grunnleggende bildegalleri mens Gallery-widgeten lar deg lage et mer avansert bildegalleri, inkludert et bildegalleri med faner.

Dette er flott hvis du vil lage et galleri på et fotograferingsnettsted. I denne artikkelen skal vi vise deg hvordan du oppretter et fanebildegalleri i Elementor.

Hvordan lage et fanebildegalleri i Elementor

Galleri-widgeten er tilgjengelig på pro-versjonen av Elementor. Så sørg for at du har oppgradert din Elementor til pro-versjonen hvis du ikke har det. Det er mange fordeler du vil få ved å bruke Elementor Pro, inkludert muligheten til å lage en WordPress tema uten koding.

Les også: Hvordan lage et fanebildegalleri i Elementor

I dette eksemplet vil vi lage et landskapsfotogalleri. Bildene er delt inn i tre typer: fjell, sjø og foss. Vi skal lage tre faner for å huse hver type landskap pluss en fane for å vise alle bildene.

For å komme i gang, opprett en ny side og rediger den med Elementor. Du kan også redigere en eksisterende side. Legg til en seksjon og dra Gallery-widgeten inn i den.

Hvordan lage et fanebildegalleri i Elementor

Under blokken innstillinger under fanen Innhold, angi alternativet typen på multiple.

Som standard inneholder galleriet bare en fane. For å legge til en ny fane, bare klikk på knappen LEGG TIL ET ELEMENT.

Se også: Hvordan lage en fremdriftslinje for gradient i Elementor

Åpne ett av elementene (fanene). Definer kategorieniketten i feltet Tittel. Klikk på pluss-knappen for å velge bildene du vil legge til i kategorien.

Velg bildene fra WordPress-mediebiblioteket ditt. Hvis du ikke har en, er det bare å laste dem ned. Klikk på knappen Opprett et nytt galleri -> Sett inn galleri for å legge til galleriet i fanen.

Hvordan lage et fanebildegalleri i Elementor

Åpne de andre elementene (fanene) og gjenta trinnene ovenfor for å sette etiketten på fanen og legge til bildene.

Tilpass galleriet

Når du har lagt til bilder i hver fane, kan du tilpasse galleriet ditt. I blokken Innstillinger, du kan stille inn layout, radhøyde, mellomrom mellom bilder og bildestørrelse. Det er også et alternativ for å aktivere Lazy Load-funksjonen.

Åpne blokken Filterlinje for å definere etiketten til hovedfanen ("Alle" -fanen), pekeren og animasjonen.

Åpne blokken overlay for å aktivere overlegget. Du kan vise bildetittelen og beskrivelsen når du holder markøren over et bilde ved å stille inn titre og beskrivelse.

Hvis du vil vise tittelen og beskrivelsen med musen over, må du redigere det enkelte bildet i galleriet og legge til parameteren du definerte (alt tekst, tittel, bildetekst eller beskrivelse).

Åpne fanen Stil for å tilpasse galleriet ditt. Det er fire blokker du kan åpne: Bilde, overlegg, innhold og filterlinje.

Bilde

Denne blokken lar deg stille inn bildefargen, pekefarge, kantbredde, kantradius, CSS-filter og pekeanimasjon.

Hvordan lage et fanebildegalleri i Elementor

overlay

Denne blokken lar deg sette overleggsfarge, sveveoverleggsfarge, blandingsmodus og svevende animasjon.

Innhold

Denne blokken lar deg tilpasse innholdet i bildet. Innhold refererer til tittelen og beskrivelsen av bildet. Du kan angi justering, vertikal posisjon, fyll, tekstfarge og typografi (skriftstil, skriftfamilie og skriftstørrelse).

Filterlinje

Denne blokken lar deg tilpasse filteret. Du kan stille inn justering, normal farge, pekefarge, aktiv farge, tekstfarge, mellomrom mellom faner og typografi.

Du kan manipulere disse innstillingene til du er fornøyd med resultatet. Når du er ferdig, klikker du på knappen PUBLISER / OPPDATERING nederst på venstre panel for å publisere eller oppdatere siden din.

Få Elementor Pro nå!

konklusjonen

Her er ! Det er det for denne artikkelen som viser deg hvordan du lager fanebildegalleri i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...