Home › Kennisbank › WordPress
Hoe voeg ik een afbeeldingengalerij toe aan WordPress?
Direct antwoord
Open de pagina of het bericht in WordPress, klik op het plusteken en kies het blok Galerij. Selecteer de afbeeldingen uit je mediabibliotheek, stel het aantal kolommen in en sla de pagina op. Voor albums, een lightbox of filters gebruik je een galerijplugin of je paginabouwer.
Wat heb je nodig?
- Een inlog voor het WordPress-dashboard
- De afbeeldingen voor je galerij, op je computer of al in de mediabibliotheek
- Afbeeldingen die niet groter zijn dan nodig. Verklein grote foto’s voordat je ze uploadt
Stappenplan8 stappen
Op welke manieren kan ik een galerij maken?
Met een afbeeldingengalerij toon je afbeeldingen overzichtelijk bij elkaar, in rijen en kolommen. Er zijn drie manieren. Welke je kiest, hangt af van je doel.
| Manier | Geschikt voor |
|---|---|
| Het blok Galerij in de editor van WordPress (Gutenberg) | Websites en blogs die een galerij zonder extra plugin willen. Dit is de snelste, standaard manier en die volgt het stappenplan. |
| Een galerijplugin | Portfolio’s, websites van fotografen en professionele presentaties. |
| Een paginabouwer | Websites waar ontwerp en huisstijl zwaar wegen. |
Stappenplan 8 stappen
Stap 1: Log in op WordPress
Ga naar jouwdomein.nl/wp-admin en log in. Vervang jouwdomein.nl door je eigen domeinnaam.
Stap 2: Open de pagina of het bericht
Klik in het menu links op Pagina’s of Berichten. Klik daarna op de titel van de pagina waar de galerij moet komen.
Stap 3: Voeg het blok Galerij toe
Klik op de plek waar de galerij moet komen. Klik op het plusteken (Blok toevoegen), typ Galerij in het zoekveld en klik op het blok Galerij.
Stap 4: Kies de afbeeldingen
Klik in het blok op Mediabibliotheek. Je ziet de afbeeldingen die al op je website staan. Nieuwe afbeeldingen van je computer voeg je toe via het tabblad Bestanden uploaden.
Klik de afbeeldingen aan die je wilt tonen. Klik rechtsonder op de knop om de galerij aan te maken en daarna op Galerij invoegen.
Stap 5: Stel de kolommen in
Klik op de galerij en open de instellingen in de zijbalk rechts. Bij Kolommen kies je hoeveel afbeeldingen naast elkaar staan.
Zie je de instellingen van één afbeelding in plaats van de galerij, klik dan linksboven op Documentoverzicht en klik in de lijst op Galerij.
Stap 6: Zet de afbeeldingen in de juiste volgorde
Klik op een afbeelding in de galerij. In de werkbalk boven de afbeelding staan pijltjes waarmee je de afbeelding een plek naar voren of naar achteren zet.
Stap 7: Snijd de afbeeldingen gelijk bij
Selecteer de galerij opnieuw. In de zijbalk staat een schakelaar waarmee WordPress de afbeeldingen bijsnijdt tot dezelfde verhouding. Zet die aan als je een strak, gelijk raster wilt.
Stap 8: Sla de pagina op
Klik rechtsboven op Opslaan. Bij een nieuwe pagina heet deze knop Publiceren.
Controleer of het gelukt is
Open de pagina op je website en ververs haar. De afbeeldingen staan in het aantal kolommen dat je hebt gekozen.
Bekijk de pagina ook op je telefoon. De galerij toont daar minder afbeeldingen naast elkaar, zodat ze goed zichtbaar blijven.
Wat kan een galerijplugin of een paginabouwer extra?
Een galerijplugin zoals Envira Gallery of NextGEN Gallery geeft je meer functies en professionele lay-outs:
- Albums en categorieën.
- Een lightbox: een afbeelding opent groot over de pagina als een bezoeker erop klikt.
- Animaties en effecten als je met de muis over een afbeelding beweegt.
- Geavanceerde lay-outs en filters.
Een paginabouwer zoals Elementor of Divi geeft je extra vrijheid in het ontwerp:
- Galerijmodules die je naar de pagina sleept.
- Volledige controle over de opmaak.
- Een eigen weergave per apparaat (responsive design).
- Aansluiting op de sjablonen en lay-outs van de paginabouwer.
Hoe houd ik een galerij snel en goed vindbaar?
Een galerij bevat veel afbeeldingen en kan een pagina traag maken. Dat is slecht voor je bezoekers en voor SEO.
- Comprimeer afbeeldingen met een plugin zoals Smush of ShortPixel. Comprimeren maakt een bestand kleiner zonder zichtbaar kwaliteitsverlies.
- Gebruik een modern bestandsformaat zoals WebP. Dat geeft kleinere bestanden dan JPG of PNG.
- Gebruik lazy loading: een afbeelding laadt pas als de bezoeker ernaartoe scrolt. WordPress doet dit zelf al.
- Stem de afmetingen af op het gebruik en upload afbeeldingen niet groter dan nodig.
Het resultaat is een snelle, overzichtelijke galerij die op elk apparaat goed werkt.
Werkt het niet?
Je vindt het blok Galerij niet
Je bewerkt de pagina waarschijnlijk met een paginabouwer of met de klassieke editor. In een paginabouwer gebruik je het galerij-element van die paginabouwer. In de klassieke editor klik je op Media toevoegen en kies je links Galerij aanmaken.
Het uploaden van een afbeelding mislukt
Het bestand is waarschijnlijk te groot of heeft een type dat WordPress niet toestaat. Verklein de afbeelding en sla haar op als JPG, PNG of WebP. Probeer het daarna opnieuw.
De pagina laadt traag sinds de galerij erop staat
De afbeeldingen zijn te zwaar. Comprimeer ze met een plugin zoals Smush of ShortPixel en toon minder afbeeldingen per pagina. Lees hoe je je WordPress-website sneller maakt.
Bezoekers kunnen een afbeelding niet groot bekijken
Selecteer de galerij en zoek de instelling Link naar. Die staat in de zijbalk of in de werkbalk boven de galerij. Kies daar het mediabestand, zodat een klik de afbeelding op volle grootte opent.
Veelgestelde vragen
Kan ik later afbeeldingen toevoegen of weghalen?
Ja. Open de pagina, selecteer de galerij en voeg afbeeldingen toe met de knop in de werkbalk boven de galerij. Een afbeelding haal je weg door haar aan te klikken en op de Delete-toets te drukken.
Blijven de afbeeldingen bewaard als ik de galerij verwijder?
Ja. De afbeeldingen blijven in je mediabibliotheek staan. Je verwijdert alleen de galerij van de pagina.
Moet ik een plugin installeren voor lazy loading?
Nee. WordPress laadt afbeeldingen zelf al uitgesteld. Een plugin is alleen nodig voor video’s, iframes of extra instellingen.
Hoe maak ik de afbeeldingen in mijn galerij beter vindbaar in Google?
Geef elke afbeelding een duidelijke bestandsnaam en vul het veld Alternatieve tekst in. Lees hoe je afbeeldingen optimaliseert voor zoekmachines.
Hulp nodig?
Schakel de helpdesk van ViVortis in als:
- je het blok Galerij niet ziet en niet weet met welke editor je pagina is gemaakt
- het uploaden van afbeeldingen steeds mislukt
- de galerij op een telefoon verkeerd wordt getoond
Dien een ticket in via de helpdesk van ViVortis en voeg waar mogelijk een screenshot toe.
Lukt het niet?
Dien een ticket in met een screenshot van wat je ziet. De helpdesk reageert meestal binnen één werkdag.
Verder lezen
- Hoe optimaliseer ik mijn afbeeldingen voor zoekmachines?
- Wat is lazy loading en hoe stel ik het in op mijn WordPress-website?
- Hoe sluit ik een YouTube-video of andere media in op mijn WordPress-website?
- Hoe maak ik mijn WordPress-website sneller?
Meer van ViVortis