Wil je weten hoe je een afbeeldingengalerij maakt met Elementor ?

De afbeeldingengalerij is een van de soorten plug-ins die kunnen worden vervangen door Elementor. Avec Elementor geïnstalleerd en geactiveerd op uw website WordPress hoeft u geen nieuwe plug-in te installeren om een ​​afbeeldingengalerij te maken.

Elementor heeft twee widgets die je kunt gebruiken om een ​​afbeeldingengalerij te maken: Basisgalerij en Galerij. U kunt de widget Basisgalerij gebruiken om een ​​afbeeldingengalerij te maken. Terwijl u voor de Galerij-widget deze kunt gebruiken om een ​​meer geavanceerde galerij te maken.

Lees ook: Hoe maak je een voortgangsbalk met verloop in Elementor

Voor het geval je het niet wist, Elementor een WordPress Plugin pagina maken. U kunt het gebruiken om een ​​webpagina op uw website zonder met CSS te maken te hebben.

Hoe maak je een afbeeldingengalerij in WordPress met Elementor

Zorg ervoor dat Elementor op uw computer is geïnstalleerd en geactiveerd voordat u begint website WordPress. U kunt de afbeelding toevoegen aan een artikel of op een pagina. Om een ​​artikel/pagina te bewerken met Elementor, klikt u op de knop Bewerken met Elementor boven de Gutenberg-editor.

U wordt naar de Elementor-editor geleid nadat u op . hebt geklikt Bewerken met Elementor bovenstaande. Voordat u inhoud aan het invoervak ​​gaat toevoegen, kunt u eerst de lay-out instellen. Open hiervoor het instellingenpaneel door op het tandwielpictogram in de linkerbenedenhoek te klikken. U kunt de lay-out instellen in de optie Indeling.

Maak een afbeeldingengalerij met de widget Basisgalerij

Als u klaar bent, voegt u een nieuwe sectie toe en sleept u de widget Basisgalerij van het linkerdeelvenster naar het bewerkingsvak.

Klik op de afbeeldingskiezer om de afbeeldingen te selecteren die u aan de galerij wilt toevoegen. Als de afbeeldingen nog niet in uw WordPress-mediagalerij staan, upload ze dan gewoon.

Klik op de knop Maak een nieuwe galerij om de geselecteerde afbeeldingen aan de galerij toe te voegen. Herschik ze dan.

Zie ook: Hoe een afbeelding aan tekst toe te voegen in Elementor

U kunt de afbeeldingsgrootte, het aantal kolommen en het lichte gebied in het blok instellen Galerij met afbeeldingen sous het tabblad Inhoud.

Je hebt toegang tot het tabblad Style om de galerij aan te passen. U kunt de afstand en het randtype op het blok instellen Afbeeldingen. Om de legenda aan te passen, kun je het blok openen Legende.

Maak een afbeeldingengalerij met behulp van de Galerij-widget

De Galerij-widget biedt meer aanpassingsopties dan de standaard Galerij-widget. U kunt drie verschillende indelingen gebruiken: Raster, Uitgevuld en Metselwerk. U kunt ook de overlaykleur, beschrijving, aanwijsanimatie, enz. instellen.

Lees ook: Hoe te repareren dat automatisch afspelen van video niet werkt in Elementor

Houd er rekening mee dat de Galerij-widget alleen beschikbaar is in de pro-versie van Elementor.

Om te beginnen met het maken van een afbeeldingengalerij met de Galerij-widget, sleept u deze van het linkerdeelvenster naar het bewerkingsgebied. Klik op de afbeeldingkiezer en selecteer de afbeeldingen die u aan de galerij wilt toevoegen, zoals u hierboven deed.

Als je klaar bent met het toevoegen van afbeeldingen, klik je op het blok Instellingen onder het tabblad Inhoud. Stel het galerijtype in op de optie Type.

Met de Galerij-widget kunt u als volgt een afbeeldingengalerij met meerdere tabbladen maken. Selecteer eenvoudig de optie meervoudig als u een galerij wilt maken met meerdere tabbladen zoals hieronder.

Nog steeds in het blok Instellingen, stel de galerijlay-out, het aantal kolommen, de ruimte tussen de afbeeldingen, de beeldverhouding en de afbeeldingsgrootte in.

Open het blok Bedekking om de overlay te activeren. U kunt desgewenst de titel en beschrijving van de afbeelding weergeven in de overlay-hint.

Als u ervoor kiest om de afbeeldingstitel of afbeeldingsbeschrijving weer te geven, moet u de afzonderlijke afbeelding in de galerij bewerken. Bewerk de alternatieve tekst, titel, bijschrift of beschrijving, afhankelijk van wat u op de afbeeldingsscore wilt weergeven.

Ga naar het tabblad Style om uw galerij aan te passen. Er zijn 3 optieblokken beschikbaar (4 als u meerdere tabbladgalerijen maakt).

• Beeld

Vanuit dit blok kunt u de randkleur van de afbeelding, de randradius, afbeeldingsanimatie en CSS-filter instellen.

• Bedekking

Met dit blok kunt u de overlay aanpassen. U kunt de overlaykleur, puntanimatie en overvloeimodus instellen.

• Content

Met dit blok kunt u de inhoud van uw afbeelding aanpassen. Inhoud verwijst naar de titel en beschrijving van de afbeelding die u in het blok hebt gedefinieerd Superpositie tabblad Inhoud.

U kunt uitlijning, verticale positie, vulling, tekstkleur, typografie (lettertypestijl, lettertypefamilie, lettergrootte) en aanwijsanimatie instellen.

Als u klaar bent met het aanpassen van uw galerij, kunt u op de knop klikken pUBLICEREN onderaan op het linkerpaneel. U kunt ook eerst een voorbeeld van uw pagina bekijken door op het oogpictogram te klikken.

Download Elementor Pro nu!

Conclusie

Alstublieft ! Dat is het voor dit artikel dat u laat zien hoe u een afbeeldingengalerij kunt maken met Elementor. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...