Skal oprette fanebaserede billedgalleri i Elementor ?

Som vi hele tiden siger, Elementor er mere end blot et sidebygger-plugin. Det er et alsidigt plugin, der kan erstatte flere typer af WordPress plugins på et tidspunkt. Et af de plugins, der kan udskiftes med Elementor er billedgalleri plugin.

Ved Elementor, du behøver ikke at installere noget ekstra plugin til Opret et billedgalleri på dit WordPress-websted. Der er to widgets, der tilbydes af Elementor til oprettelse af et billedgalleri: Basic Gallery og Gallery.

Basic Gallery-widgeten - tilgængelig på Elementor Free - giver dig mulighed for at oprette et grundlæggende billedgalleri, mens Gallery-widgeten giver dig mulighed for at oprette et mere avanceret billedgalleri, inklusive et billedgalleri med faner.

Dette er fantastisk, hvis du vil oprette et galleri på et fotograferingswebsted. I denne artikel skal vi vise dig, hvordan du opretter et galleri med faner i Elementor.

Sådan oprettes et billedgalleri med faner i Elementor

Galleri-widgetten er tilgængelig på den pro-version af Elementor. Så sørg for at du har opgraderet din Elementor til pro-versionen, hvis du ikke har. Der er mange fordele, du vil få ved at bruge Elementor Pro, herunder muligheden for at oprette en WordPress tema uden kodning.

Læs også: Sådan oprettes et billedgalleri med faner i Elementor

I dette eksempel opretter vi et landskabsfotogalleri. Billederne er opdelt i tre typer: bjerg, hav og vandfald. Vi skal oprette tre faner for at være vært for hver type landskab plus en fane for at vise alle fotos.

For at komme i gang skal du oprette en ny side og redigere den med Elementor. Du kan også redigere en eksisterende side. Tilføj en sektion, og træk galleri-widgetten ind i den.

Sådan oprettes et billedgalleri med faner i Elementor

Under blokken Indstillinger under fanen Indhold, indstil indstillingen Type ud af  Multiple.

Som standard indeholder dit galleri kun en fane. For at tilføje en ny fane skal du blot klikke på knappen TILFØJ ET ELEMENT.

Se også: Sådan oprettes en forløbslinje for gradient i Elementor

Åbn et af elementerne (fanerne). Definer faneetiketten i feltet Titel. Klik på plusknappen for at vælge de billeder, du vil føje til fanen.

Vælg billederne fra dit WordPress-mediebibliotek. Hvis du ikke har en, skal du bare downloade dem. Klik på knappen Opret et nyt galleri -> Indsæt galleri for at tilføje galleriet til fanen.

Sådan oprettes et billedgalleri med faner i Elementor

Åbn de andre emner (faner), og gentag ovenstående trin for at indstille fanens etiket og tilføje billederne.

Tilpas galleriet

Når du først har tilføjet billeder til hver fane, kan du tilpasse dit galleri. I blokken Indstillinger du kan indstille layout, rækkehøjde, mellemrum mellem billeder og billedstørrelse. Der er også en mulighed for at aktivere Lazy Load-funktionen.

Åbn blokken Filterlinje for at definere etiketten på hovedfanen (fanen "Alle"), markøren og animationen.

Åbn blokken Overlay for at aktivere overlayet. Du kan få vist billedets titel og beskrivelse, når du holder markøren over et billede ved at indstille titer og beskrivelse.

Hvis du vil vise titlen og beskrivelsen med musen over, skal du redigere det enkelte billede i galleriet og tilføje den parameter, du definerede (alt tekst, titel, billedtekst eller beskrivelse).

Åbn fanen stil for at tilpasse dit galleri. Der er 4 blokke, du kan åbne: Billede, overlay, indhold og filterlinje.

Billede

Denne blok giver dig mulighed for at indstille billedets kantfarve, pegende kantfarve, kantbredde, kantradius, CSS-filter og pegende animation.

Sådan oprettes et billedgalleri med faner i Elementor

Overlay

Denne blok giver dig mulighed for at indstille overlayfarve, svæveoverlayfarve, blandingstilstand og svævende animation.

Indhold

Denne blok giver dig mulighed for at tilpasse billedets indhold. Indhold refererer til titlen og beskrivelsen af ​​billedet. Du kan indstille justering, lodret position, udfyldning, tekstfarve og typografi (skrifttypestil, skrifttypefamilie og skriftstørrelse).

Filterlinje

Denne blok giver dig mulighed for at tilpasse filteret. Du kan indstille justering, normal farve, pegefarve, aktiv farve, tekstfarve, mellemrum mellem faner og typografi.

Du kan manipulere disse indstillinger, indtil du er tilfreds med resultatet. Når du er færdig, skal du klikke på knappen UDGIVELSE / OPDATERING nederst i venstre panel for at udgive eller opdatere din side.

Hent Elementor Pro nu!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter fanebillede galleri i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...