De WordPress fotogalerij verbeteren (2 handige plugins)

Wil je snel een overzicht met foto's maken op je website? Dan kun je gebruik maken van de WordPress galerij. Dit is een standaard blok in de WordPress 5 Block Editor. Je kunt daarmee in één keer een serie foto's uploaden en deze netjes in hetzelfde formaat in een aantal kolommen naar keuze weergeven.

De WordPress galerij is handig als je bijvoorbeeld het volgende wilt maken:

  • een portfolio website;
  • een fotoalbum
  • een "smoelenboek";
  • een productenoverzicht.

In de onderstaande video leg ik uit hoe je in WordPress een fotogalerij maakt, en hoe je de presentatie daarvan interessanter en gebruiksvriendelijker maakt voor de bezoeker.

Als je de standaard WordPress galerij gebruikt, en een de bezoeker klikt op een foto in de galerij, dan verlaten bezoekers je website en zien dan alleen de grote versie van de foto. Het is nu onduidelijk voor hen hoe ze weer terug kunnen komen op de website.

Dat kan fraaier met de twee gratis WordPress plugins voor afbeeldingen waarvan ik de werking uitleg in deze video:

Snelle links naar de onderwerpen binnen de video:

00:33 Het standaard WordPress Galerij blok + lightbox pop up
04:30 Het Advanced Gallery Block (grid met ronde afbeeldingen)
07:39 WordPress foto carousel
09:19 WordPress foto slider
10:22 Galerij met onderschriften en instelbare links per foto

Dit zijn de links naar de WordPress plugins die ik heb gebruikt:

Easy FancyBox:

Het enige wat je met deze plugin hoeft te doen is deze installeren activeren. Als een bezoeker nu op een foto klikt, dan blijven ze op de galerijpagina en opent de foto in een lightbox. De foto zie je dan op de voorgrond, en de website (vaag) op de achtergrond.

Kadence Blocks – Gutenberg Page Builder Toolkit:

Naast allerlei andere extra blokken voor de WordPress 5 Block Editor, bevat deze plugin ook het Advanced Gallery blok. Dit blok bevat veel meer instelmogelijkheden dan het standaard WordPress Galerij blok.

Je kunt er naast een fotogalerij ook een foto carrousel mee maken:

Of je kunt er een foto slider mee maken die automatisch de foto's afwisselt:

En handig als je een portfolio website wilt maken: je kunt per foto in de de galerij instellen naar welke vervolgpagina (met meer projectfoto's) deze moet doorlinken (in plaats van het tonen van een grote versie van de foto).

De foto's in de galerij direct in WordPress voorzien van afgronde hoeken, of zelfs helemaal rond maken? Dat kan de ook met de Kadence Blocks plugin via Image Style » Border Radius:

Op zoek naar nog meer handige WordPress plugins? En geen zin om uren te zoeken en te testen? Kom dan naar de 1-daagse cursus WordPress website maken in Hilversum / Utrecht. Ik leg je WordPress rustig en helder uit en je krijgt gelijk antwoord op al je WordPress vragen. Hier vind je alle informatie: informatiepagina cursus WordPress.

Lees ook deze artikelen:

Er zijn 4 reacties op De WordPress fotogalerij verbeteren (2 handige plugins)

  1. mirjam 1 augustus 2014 at 22:07 #

    Beste Martijn,
    Dankjewel voor de goede video en precies wat ik nodig had. Ik heb het uitgevoerd en kwam BIJNA tot resultaat. Maar wat ik niet in jouw video tegenkom en wel bij mij; om te activeren vraagt de plugin om te verbinden met wordpress.com.
    Kan ik die stap overslaan? Moet ik dan (ook) een wordpress.com account aanmaken?
    Ik ben benieuwd wat jij hierover zegt.
    Mirjam

    Hetzelfde gebeurt overigens met Akismet

    • Martijn Baltes 5 augustus 2014 at 10:20 #

      Hi Mirjam,
      Vreemd! Het idee van deze plugins is juist dat ze werken ZONDER WordPress.com/Jetpack. Dus die vraag zou je over kunnen slaan.

  2. linda 27 juni 2016 at 14:11 #

    Bedankt voor deze gouden tip

  3. angelique 26 september 2016 at 08:07 #

    Goed zeg, heb hem meteen in gebruik genomen.

Geef een reactie