Het galerijblok kan je gebruiken om meerdere afbeeldingen ordelijk toe te voegen in een grid.
1. Hoe voeg ik het blok toe? #
Klik op het icoon in de hoofdnavigatie of in het contentgebied. Typ ‘paragraaf’ en/of klik op het paragraaf blokicoon om het toe te voegen.
Vervolgens krijg je onderstaande opties te zien:
- Upload: Een afbeelding vanaf je computer uploaden
- Mediabibliotheek: Een afbeelding uit de mediabibliotheek selecteren
- Invoegen vanaf een URL: Een afbeelding vanuit een cloudopslag toevoegen.
In het volgende scherm kan je de galerij bewerken. Versleep de afbeeldingen om de volgorde te wijzigen en voeg eventueel een bijschrift toe. Klik op ‘Galerij invoegen’ als je klaar bent.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.
2.1. Verander naar een ander type blok #
Standaard staat hier het geselecteerde blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.
2.2. Blok verplaatsen #
Het icoon met zes stippen heeft een sleepfunctie. Klik op de punten en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met de pijlen omhoog en omlaag. Klik op één van de pijlen om het blok een plek omhoog of omlaag te schuiven.
2.3. Verander de uitlijning van de gallerij #
Verander hiermee de uitlijning naar:
- Geen
- Wijd
- Volle breedte
- Links
- Midden
- Rechts
2.4. Bijschrift toevoegen #
Klik op deze optie om een tekstvak onder de afbeelding/video toe te voegen. Typ je bijschrift waar ‘Bijschrift toevoegen’ staat.
2.5. Toevoegen/ vervang #
Hiermee kan je afbeeldingen toevoegen en/of vervangen. Klik hierop om de mediabibliotheek te openen of om een andere afbeelding te uploaden.
2.6. Meer opties #
Onder dit icoon vind je meer bewerkingsfuncties zoals:
- Dupliceren
- Verwijderen
- Invoegen voor
- Invoegen na
- Bewerken in HTML
Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wil gebruiken.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( 
) en stijlen ( 
)
3.1. Instellingen #
Pas hier de werking van het blok aan.
3.1.1. Kolommen #
Hier kan je het aantal kolommen bewerken. Schuif de schuifregelaar naar rechts om meer kolommen toe te voegen of verander het getal naar het gewenste aantal kolommen.
3.1.2. Bijsnijden (bewerken) afbeeldingen #
WordPress toont de afbeeldingen volledig, hierdoor worden ze vaak verkleint. Indien ongewenst kan je deze schakelaar aanzetten. Hierdoor maakt WordPress een uitsnede van de afbeelding en geeft deze vergroot weer.
3.1.3. Link naar #
Er zijn drie standaard links in WordPress voorgeprogrammeerd:
- Bijlagepagina: maakt een link naar een WordPress-bijlagepagina waarop aanvullende informatie van de afbeelding staat (bijschrift, beschrijving en een reactieveld).
- Mediabestand: maakt een link naar een apart tabblad met de afbeelding in het originele formaat.
- Geen: de afbeeldingen hebben geen links.
Als je kiest voor ‘Bijlagepagina’ of ‘Mediabestand’ verschijnt er een nieuwe schakelaar. Zet de schakelaar ‘Open in nieuwe tab’ aan als je wil dat de links standaard in een nieuw tabblad openen.
3.1.4. Resolutie #
Kies hier een afmeting voor de afbeelding, zoals:
- Voorbeeldweergave (thumbnail)
- Gemiddeld
- Groot
- Volledige grootte (scherpste weergave)
- Wallpaperformaat.
3.1.5. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.
HTML-Anchor
Dit is een plek op je pagina waar je naartoe kan linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.
Extra CSS-klasse
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
3.2.1. Kleur #
Kies de kleur van de tekst, link en/of achtergrondkleur (binnen het blok). Na het klikken opent een submenu met twee tabbladen.
Effen
Hier heb je de keuze voor de themakleuren (ingesteld door de ontwikkelaar van Noeste IJver) en standaardkleuren.
Kleurverloop
Kies meerdere aangepaste kleuren door op een plek in het balkje te klikken om een kleursubmenu te openen en een kleur te kiezen. Het kleurverloop gaat over in de kleur die je op een bepaalde plek in de balk gekozen hebt. Je kan kiezen voor:
- Radiaal: Van het midden naar buiten
- Lineair: Standaard van links naar rechts
3.2.2. Afmetingen #
Pas hier de ruimte om het blok aan.
Klik op het icoon achter ‘Afmetingen’ en maak een keuze.
Blokafstand
Bepaal de afstand tussen blokken door de blauwe stip te verschuiven.
Wil je het zelf instellen? Klik dan op dit icoon ( 
). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.
Padding
De padding is de ruimte tussen de rand van het blok en de tekst.
Klik op dit icoon ( 
) om te kiezen welke zijden je wil aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.
Marges
De marge bepaalt de ruimte tussen de blokken.
Klik op dit icoon ( ) om te kiezen welke zijden je wil aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.