Hoe maak je een fotogalerij op je website? Beelden zijn bepalend voor de uitstraling van je website. Onlangs heeft Elementor een nieuwe gallery widget uitgebracht van Elementor Pro. Hiermee hebben ze weer een extra WordPress plugin voor je website vervangen. De nieuwe galerij widget biedt namelijk tal van mogelijkheden!
Fotogalerij met filter
Om te beginnen kun je kiezen tussen een single of multiple galerij. Met de multiple galerij kun je meerdere galerijen toevoegen, waarbij automatisch filters boven de fotogalerij worden getoond. Een handige optie als je de fotogalerij wilt gebruiken om je portfolio te tonen. En goed om te weten: gebruik je een afbeelding in meerdere categorieën? Dan wordt deze in het volledige overzicht maar één keer getoond. Dat zit wel goed dus 🙂
Opties voor filtering
Als je kiest voor de multiple galerij met filter kun je een aantal filteropties instellen. Zo kun je uitschakelen of je ook het filter ‘Alle’ wilt tonen of niet. De titel van ‘Alle’ aanpassen (erg fijn!), de stijl van de pointer aanpassen en een animatie effect toepassen voor het switchen tussen de filters.
Layout stijlen voor fotogalerij
Als je een keuze hebt gemaakt voor een single of multiple galerij kun je de foto’s toevoegen en bepalen welke layout je wilt gebruiken. Zo kun je de galerij instellen op:
- Regular: grid gebaseerd op een bepaald aspectratio
- Masonry: behoud de afmetingen van de afbeelding en geef ze over de volledige breedte weer
- Justified: stel een bepaalde hoogte in per rij en de afbeeldingen worden uitgerekt over de volledige breedte
Afhankelijk van de layout die je kiest heb je nog een aantal opties voor de layout:
- Aantal kolommen: stel in over hoeveel kolommen je de afbeeldingen wilt tonen (bij masonry en grid layout)
- Spacing: hiermee kun je instellen hoeveel witruimte je tussen de foto’s wilt
- Rij hoogte: als je kiest voor de justified layout kun je instellen hoe hoog de rijen moeten zijn
- Link: geef aan of en welke link je achter de foto wilt plaatsen (bv. een link naar het mediabestand)
Design opties fotogalerij
Zoals je gewend bent van Elementor, heeft ook deze Pro widget uitgebreide design mogelijkheden. Bepaal eenvoudig welke informatie je wilt tonen bij de afbeeldingen en op welke manier. Zo kun je de titel, caption, alt-beschrijving toevoegen bij de afbeelding. Ook de typografie en positionering van de content aanpassen voor alle apparaten. Uiteraard kun je ook de styling van al deze elementen weer eenvoudig aanpassen via het tabblad ‘Stijl’.
10 Responses
hallo, kan je met Elementor foto’s vergroten als je met de muis aanklikt? Bvb je hebt allemaal kleine foto’s en je kan deze aanklikken in een rolvorm en dan wil ik deze vergroten zodat ik de deatils kan zien. Is dit mogelijk met Elementor?
Hoi Patricia,
Er zit een optie in Elementor waarmee een foto vergroot wordt weergegeven als je erop klikt. Je vindt deze optie als je de widget bewerkt, je ziet dan een optie Link. Deze staat standaard op none, maar hier kun je dan Media file selecteren (of een custom url). Dit geldt overigens niet alleen voor de fotogalerij widget, maar ook voor andere widgets waarin je afbeeldingen kunt plaatsen.
Hopelijk geeft dit antwoord op je vraag!
Groetjes,
Sanne
hoi, kun je ook een aantal regels tekst laten zien onder de vergrote foto die je dan krijgt? En hoe dan?
mijn foto’s zijn schilderijen en elk schilderij heeft een aantal regels tekst als omschrijving en ik wil deze niet op de foto zelf maar eronder.
hoor graag van je, alvast bedankt
groetjes, Ingrid
Hoi Ingrid,
Goede vraag. Dit is helaas nog niet mogelijk, maar dit is wel een veelgevraagde mogelijkheid. Van wat ik lees zijn ze ermee bezig om dit ook mogelijk te maken, het is alleen moeilijk te zeggen wanneer. Voor nu kan dit dus niet met Gallery widget.
Hoi Sanne,
kun je foto’s ook beschermen tegen een download bij rechtermuis klik?
Hoi Hans,
Dat zit niet in Elementor, maar daar zijn wel plugins voor. Zoals deze: https://nl.wordpress.org/plugins/wp-content-copy-protector/
Maar het is wel goed om je te beseffen dat er meer manieren zijn om foto’s van een website te halen (zonder rechtermuisklik), dus echt helemaal voorkomen doe je het hiermee niet. Je zou altijd nog een watermerk over je foto’s kunnen plaatsen om te voorkomen dat andere mensen je foto’s gaan gebruiken.
Succes!
Groetjes,
Sanne
Hallo Sanne. Heb een aantal galleries aangemaakt, alleen als ik de optie volledig aanvink, blijft er een kleine afbeelding komen als je erop klikt. Heb ook 800 en andere opties geprobeerd. Jammer dat de mensen een kleine foto blijven zien. Verder dank je wel voor alle nuttige berichten, heb er veel aan gehad. Groetjes Margriet.
Hoi Margriet,
Misschien handig om even contact op te nemen met Support van Elementor over dit probleem. Wellicht kunnen zij dit voor je oplossen.
Groet,
Sanne
Hallo Sanne, ik zoek een mogelijkheid om dagfoto’s te plaatsen. Dus iedere dag een andere en de oude foto zou dan automatisch in een andere galerie geplaatst moeten worden. Maar denk niet dat Elementor deze mogelijkheid heeft. Weet jij dan misschien een andere oplossing??
Hoi Vera,
Die functionaliteit zit inderdaad niet in Elementor. Tenzij je het zelf handmatig dagelijks gaat doen…
Ik weet zo ook geen plugin waarmee dit wel mogelijk is.
Groetjes,
Sanne