Terug naar Ondersteuning Inhoud en media Blokken Galerijblok

Galerijblok

Gebruik het galerijblok om meerdere foto’s tegelijk weer te geven. Het galerijblok bevat afzonderlijke afbeeldingblokken voor iedere afbeelding en sorteert deze op een aantrekkelijke manier.

Instructievideo

Het galerijblok toevoegen

Om het galerijblok toe te voegen, klik je op het invoegpictogram + Blok en zoek je naar ‘gallery’. Klik erop om het blok toe te voegen aan het bericht of de pagina.

💡

Je kunt met behulp van je toetsenbord ook /galerij op een nieuwe regel typen en op Enter drukken om snel een nieuw galerijblok toe te voegen.

GIF van hoe je een galerijblok toevoegt door /gallery te typen.

Meer gedetailleerde instructies over het toevoegen van blokken vind je hier.

Je afbeeldingen toevoegen

Wanneer je een galerijblok toevoegt, heb je twee opties: afbeeldingen uploaden en selecteren:

In het galerijblok worden twee opties weergegeven: Uploaden en Afbeeldingen selecteren.

Met Uploaden kun je een nieuwe afbeelding of meerdere afbeeldingen uploaden vanaf je computer naar je website.

Afbeeldingen selecteren geeft je de mogelijkheid om te kiezen uit eerder geüploade afbeeldingen in je mediabibliotheek of te kiezen uit Google Foto’s, de Pexels Free Photo-bibliotheek of Openverse.

Afbeeldingen aan bestaande galerij toevoegen

Je kunt meer afbeeldingen toevoegen aan een galerij die je al hebt gecreëerd door het volgende te doen:

Stap 1: Selecteer het galerijblok. Je kunt galerijblokken op verschillende manieren selecteren.

Klik op een afbeelding in het galerijblok en vervolgens op het pictogram Galerij selecteren in de werkbalk boven de afbeelding.

Of klik op Lijstweergave links bovenin de editor en selecteer het galerijblok in het overzicht.

Stap 2: Klik op Toevoegen in de werkbalk boven het galerijblok om meer afbeeldingen toe te voegen.

Nadat je op Toevoegen hebt geklikt kun je Mediabibliotheek openen selecteren om afbeeldingen toe te voegen die je al hebt geüpload (of de gratis mediaopties bekijken) of Uploaden selecteren om nieuwe afbeeldingen naar je galerij te uploaden.

Blokwerkbalk

Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:

Er wordt een galerij geselecteerd en de verschillende uitlijnopties worden weergegeven.
De galerijwerkbalk ondersteunt, afhankelijk van het thema, meerdere uitlijningen, waaronder Breed en Volledige breedte.

De werkbalk van het galerijblok bevat de volgende opties:

📌

Als je de optie niet ziet om de breedte van het blok te wijzigen naar breed of volledige breedte en je thema deze opties ondersteunt, is het mogelijk dat je blok is toegevoegd aan een Groepsblok. Hier vind je meer informatie over de Groepsblok.

Blokinstellingen

Als je op het blok klikt, zie je aanvullende blokinstellingen in de rechter zijbalk. Als je de zijbalk niet ziet, moet je wellicht op het pictogram ⚙️ (tandwiel) in de rechterbovenhoek klikken om de instellingen weer te geven.

De blokinstellingen worden weergegeven in de rechter zijbalk.
Blokinstellingen

Je selecteert een afzonderlijk afbeeldingblok door op een afbeelding in de galerij te klikken. Er zijn verschillende manieren om terug te keren naar de galerijblokinstellingen:

  1. Klik op de witte ruimte tussen de afbeeldingen.
  2. Selecteer het galerijblok door middel van de lijstweergave.
  3. Selecteer Gallery via de breadcrumbs onderaan de pagina:
Een weergave van de breadcrumbs onderaan de editor, de galerij wordt met een pijl aangegeven.

Het galerijblok heeft de volgende instellingen:

Kolommen

Je kan kiezen hoeveel kolommen je galerijblok moet bevatten.

Je kan 1 kolom tot 8 kolommen selecteren. Het aantal kolommen is afhankelijk van je hoeveelheid afbeeldingen. Als je 4 afbeeldingen toevoegt, kan je maximaal 4 kolommen toevoegen. Dit aantal neemt toe naarmate je meer afbeeldingen toevoegt tot je het maximumaantal van 8 kolommen hebt bereikt.

Je afbeeldingen worden automatisch gerangschikt in de beste samenstelling aan de hand van het aantal kolommen dat je selecteert. Wijzig het aantal kolommen om te ontdekken wat het beste resultaat oplevert.

Afbeeldingen bijsnijden

Je kan kiezen of de afbeeldingen in je galerijblok moeten worden bijgesneden. Deze optie is nuttig wanneer je afbeeldingen in verschillende vormen en maten wil gebruiken.

Het bijsnijden van afbeeldingen zal ervoor zorgen dat afbeeldingen met verschillende maten er gelijkmatiger uit zullen zien, zoals je hieronder kunt zien. Selecteer afbeeldingen met dezelfde grootte als je afbeeldingen liever niet bijsnijdt, maar toch wil dat ze dezelfde grootte hebben.

Een galerij met bijgesneden afbeeldingen:

Een voorbeeld van een galerij met bijgesneden afbeeldingen die elk dezelfde grootte hebben.

Een galerij met afbeeldingen die niet zijn bijgesneden:

Een voorbeeld van een galerij met afbeeldingen die niet zijn bijgesneden en niet dezelfde grootte hebben.

De instellingen van het galerijblok bieden drie opties om je galerij te koppelen:

Je kunt ook afzonderlijke afbeeldingen in de galerij aan verschillende pagina’s koppelen. Koppel je afbeeldingen door de volgende stappen te volgen:

  1. Klik op de afbeelding die je wilt koppelen.
  2. Klik in de werkbalk die verschijnt op het link-pictogram (dat lijkt op een schakel van een ketting):afbeeldingswerkbalk met het link-pictogram gemarkeerd
  3. Klik op het icoontje met het potlood om de link te bewerken.
  4. Plak hier de URL waarnaar je de afbeelding wil laten koppelen, of gebruik de zoekfunctie om een pagina van je site te zoeken.
  5. Druk op Enter om de wijziging te bevestigen.

Lees meer over het koppelen van afzonderlijke afbeeldingen in onze handleiding over afbeeldingblokken.

Volgorde van afbeeldingen in een galerij wijzigen

De afbeeldingen worden toegevoegd aan de galerij in de volgorde waarin je ze hebt geselecteerd. Naast elke afbeelding wordt een nummer weergegeven wanneer je ze selecteert. Dit nummer geeft aan in welke volgorde de afbeeldingen worden weergegeven in je galerijblok.

GIF van hoe je afbeeldingen in de galerij kunt herschikken

Je kan de afbeeldingen in de galerij ook herschikken nadat je de galerij hebt aangemaakt. Om dit te doen, klik je op een galerij-afbeelding en gebruik je het pijltje naar links of rechts om de afbeeldingen te herschikken:

GIF van hoe je afbeeldingen in het galerijblok herschikt met het pijltje naar links/rechts

Je kunt ook op een afbeelding klikken en in de werkbalk voor de sleepoptie kiezen (het icoontje met zes puntjes) om je afbeelding te verplaatsen:

De sleepoptie in de afbeeldingswerkbalk is aangegeven met een pijl.
Gebruik de sleepoptie in de werkbalk om afbeeldingen te verplaatsen.

Klik op de drie puntjes rechts bovenin de werkbalk om afbeeldingen te kopiëren, te verdubbelen of te verwijderen.

Afbeelding van geselecteerd afbeeldingblok en de drie puntjes voor meer instellingen. De kopieeroptie is gemarkeerd.
Kopieer, verdubbel of verwijder afbeeldingen door middel van de uitgevouwen werkbalk.

Onderschriften bij afbeeldingen toevoegen

Nadat je de afbeeldingen aan je galerij hebt toegevoegd, kun je een bijschrift toevoegen aan iedere afbeelding door erop te klikken en vervolgens te klikken op Bijschrift toevoegen:

Afbeelding van galerijblok met het bijschriftvak gemarkeerd in een oranje vak.

Als je bijschriften bij afbeeldingen hebt geschreven in de mediabibliotheek en vervolgens het galerijblok toevoegt, dan geeft het galerijblok de bijschriften die je hebt geschreven weer. Als je echter bijschriften toevoegt aan de afbeeldingen in de mediabibliotheek nadat je het galerijblok hebt toegevoegd, dan worden die bijschriften niet weergegeven in het galerijblok. In dat geval kan je de bijschriften ofwel handmatig invoeren op het galerijblok of het blok verwijderen en opnieuw toevoegen, zodat de bijschriften van de mediabibliotheek worden gebruikt.

Geavanceerd

Met het tabblad Geavanceerd kan je een CSS-klasse toevoegen aan je blok, zodat je aangepaste CSS kan schrijven en de stijl van het blok naar eigen wens kan aanpassen.

In het gedeelte Geavanceerd kun je een CSS-klasse aan je blok toevoegen.
In het gedeelte Geavanceerd kan je een CSS-klasse aan je blok toevoegen.

Copied to clipboard!