Moet een afbeeldingsgalerij met tabbladen maken in Elementor ?
Zoals we constant zeggen, Elementor is meer dan alleen een plug-in voor het bouwen van pagina's. Het is een veelzijdige plug-in die meerdere soorten kan vervangen WordPress plugins tegelijk. Een van de plug-ins waarmee u kunt vervangen Elementor is de plug-in voor afbeeldingengalerij.
met Elementor, u hoeft geen extra plug-in te installeren om maak een afbeeldingengalerij op uw WordPress-website. Elementor biedt twee widgets voor het maken van een afbeeldingengalerij: Basisgalerij en Galerij.
Met de widget Basisgalerij - beschikbaar op Elementor Free - kun je een standaard afbeeldingengalerij maken, terwijl je met de widget Galerij een meer geavanceerde afbeeldingengalerij kunt maken, inclusief een afbeeldingengalerij met tabbladen.
Dit is geweldig als je een galerij wilt maken op een fotografiewebsite. In dit artikel laten we u zien hoe u een afbeeldingengalerij met tabbladen kunt maken in Elementor.
Een afbeeldingengalerij met tabbladen maken in Elementor
De Gallery-widget is beschikbaar in de pro-versie van Elementor. Zorg er dus voor dat je je Elementor hebt geüpgraded naar de pro-versie als je dat nog niet hebt gedaan. Er zijn veel voordelen die u krijgt door Elementor Pro te gebruiken, waaronder de mogelijkheid om een WordPress theme zonder codering.
Lees ook: Een afbeeldingengalerij met tabbladen maken in Elementor
In dit voorbeeld zullen we een landschapsfotogalerij maken. De foto's zijn onderverdeeld in drie soorten: berg, zee en waterval. We gaan drie tabbladen maken voor elk type landschap plus een tabblad om alle foto's weer te geven.
Maak om te beginnen een nieuwe pagina en bewerk deze met Elementor. U kunt ook een bestaande pagina bewerken. Voeg een sectie toe en sleep de Galerij-widget erin.
Onder het blok Instellingen onder het tabblad Inhoud, stel de optie in Type op meervoudig.
Uw galerij bevat standaard slechts één tabblad. Om een nieuw tabblad toe te voegen, klikt u op de knop EEN ELEMENT TOEVOEGEN.
Zie ook: Hoe maak je een voortgangsbalk met verloop in Elementor
Open een van de items (tabbladen). Definieer het tabbladlabel in het veld Titel. Klik op de plusknop om de afbeeldingen te selecteren die u aan het tabblad wilt toevoegen.
Selecteer de afbeeldingen uit uw WordPress-mediabibliotheek. Als je er geen hebt, download ze dan gewoon. Klik op de knop Een nieuwe galerij maken -> Galerij invoegen om de galerij aan het tabblad toe te voegen.
Open de andere items (tabbladen) en herhaal de bovenstaande stappen om het tabbladlabel in te stellen en de afbeeldingen toe te voegen.
Pas de galerij aan
Nadat u afbeeldingen aan elk tabblad hebt toegevoegd, kunt u uw galerij aanpassen. In het blok Instellingen, u kunt de lay-out, rijhoogte, ruimte tussen afbeeldingen en afbeeldingsgrootte instellen. Er is ook een optie om de Lazy Load-functie te activeren.
Open het blok Filterbalk om het label van het hoofdtabblad (het tabblad "Alle"), de aanwijzer en de animatie te definiëren.
Open het blok Bedekking om de overlay te activeren. U kunt de titel en beschrijving van de afbeelding weergeven wanneer u de muisaanwijzer op een afbeelding plaatst door de titer en beschrijving.
Als u de titel en beschrijving bij mouseover wilt weergeven, moet u de afzonderlijke afbeelding in de galerij bewerken en de door u gedefinieerde instelling toevoegen (alt-tekst, titel, bijschrift of beschrijving).
Open het tabblad Style om uw galerij aan te passen. Er zijn 4 blokken die u kunt openen: Afbeelding, Overlay, Inhoud en Filterbalk.
Beeld
Met dit blok kunt u de randkleur van de afbeelding, de kleur van de aanwijsrand, de randbreedte, de randradius, het CSS-filter en de aanwijsanimatie instellen.
Bedekking
Met dit blok kunt u de overlay-kleur, de kleur van de overlay-overlay, de overvloeimodus en de zweefanimatie instellen.
Content
Met dit blok kunt u de inhoud van de afbeelding aanpassen. Inhoud verwijst naar de titel en beschrijving van de afbeelding. U kunt de uitlijning, verticale positie, opvulling, tekstkleur en typografie (lettertypestijl, lettertypefamilie en lettergrootte) instellen.
Filterbalk
Met dit blok kunt u het filter aanpassen. U kunt uitlijning, normale kleur, aanwijskleur, actieve kleur, tekstkleur, ruimte tussen tabbladen en typografie instellen.
U kunt deze instellingen manipuleren totdat u tevreden bent met het resultaat. Als u klaar bent, klikt u op de knop PUBLICEREN / BIJWERKEN onderaan in het linkerdeelvenster om uw pagina te publiceren of bij te werken.
Download Elementor Pro nu!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat u laat zien hoe u een afbeeldingsgalerij met tabbladen kunt maken in 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.
...
