Demopagina
Dit is de introductie van een pagina en zal zichtbaar zijn in de header. Meestal onder de titel of boven / naast een header afbeelding.
Dit is de introductie van een pagina en zal zichtbaar zijn in de header. Meestal onder de titel of boven / naast een header afbeelding.
Nieuwsitems kunnen op verschillende manieren worden weergegeven.
Het paragraaf blok in de WordPress Gutenberg editor is een van de meest gebruikte blokken voor het toevoegen van tekst aan je pagina’s en berichten. Het stelt je in staat om eenvoudig tekst in te voeren, te bewerken en op te maken zonder dat je code hoeft te gebruiken. Het paragraaf blok is de basis voor het schrijven van inhoud in WordPress.
Opmaakopties:
Het koptekst blok in de WordPress Gutenberg editor is een belangrijk blok dat wordt gebruikt om koppen of titels in je content te creëren. Het helpt je om de inhoud op je pagina of bericht op te delen in logische secties, wat de leesbaarheid verbetert en de hiërarchie van de tekst aangeeft. Kopteksten worden ook vaak gebruikt voor SEO-doeleinden, omdat zoekmachines zoals Google deze gebruiken om de structuur van je pagina beter te begrijpen.
Kopniveau kiezen (H1, H2, H3, etc.):
Het lijst blok in de WordPress Gutenberg editor is een eenvoudig maar krachtig hulpmiddel waarmee je lijsten met items kunt maken, zowel genummerde (geordende) als opsommingstekens (ongeordende) lijsten. Dit blok is handig voor het opsommen van punten, stappen of elke reeks items die gestructureerd gepresenteerd moeten worden.
In de toolbar van het lijst blok kun je kiezen tussen twee soorten lijsten:
Ongeordende lijst:
Geordende lijst:
Het quote blok in de editor stelt je in staat om citaten op een opvallende en gestileerde manier toe te voegen aan je berichten of pagina’s. Citaten worden vaak gebruikt om belangrijke uitspraken of teksten te benadrukken. Het quote blok biedt standaardopmaak om de citaten visueel aantrekkelijk te maken, en je kunt de stijl en indeling van het citaat aanpassen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend eros augue, eu posuere leo aliquam id.
Citaat bron
Het tabel blok maakt het gemakkelijk om tabellen toe te voegen aan je pagina’s en berichten. Een tabel is handig voor het overzichtelijk weergeven van gegevens in rijen en kolommen, zoals prijzen, vergelijkingen, specificaties of elke andere vorm van gestructureerde informatie.
| Tabel head | Tabel head | Tabel head |
|---|---|---|
| Tabel met meer inhoud. | Tabel inhoud | Tabel inhoud |
| Tabel inhoud | Tabel inhoud | Tabel met meer inhoud. |
| Tabel inhoud | Tabel met meer inhoud. | Tabel inhoud |
| Tabel foot | Tabel foot | Tabel foot |
| Tabel head | Tabel head | Tabel head |
|---|---|---|
| Tabel inhoud | Tabel inhoud | Tabel inhoud |
| Tabel inhoud | Tabel inhoud | Tabel inhoud |
| Tabel inhoud | Tabel inhoud | Tabel inhoud |
| Tabel foot | Tabel foot | Tabel foot |
Het afbeeldingen blok is een van de meest gebruikte blokken, omdat het je in staat stelt om gemakkelijk afbeeldingen toe te voegen en te beheren in je pagina’s of berichten. Je kunt afbeeldingen uploaden, selecteren uit je mediabibliotheek, of via een URL invoegen. Dit blok biedt verschillende opties voor uitlijning, bijschriften en opmaak, zodat je afbeeldingen op een aantrekkelijke manier kunt presenteren.

Het galerij blok maakt het eenvoudig om een groep van meerdere afbeeldingen op een visueel aantrekkelijke manier weer te geven. Dit blok is perfect om bijvoorbeeld een fotogalerij, portfolio, of verzameling productafbeeldingen te maken. Met het galerij blok kun je afbeeldingen uploaden, uit de mediabibliotheek kiezen, de lay-out aanpassen, en de weergave van de galerij volledig beheren.





Het audio blok maakt het mogelijk om audiobestanden toe te voegen aan je pagina’s of berichten. Dit blok is ideaal voor het delen van podcasts, muziek, gesproken woord of andere audio content. Het audio blok biedt een ingebouwde audiospeler waarmee bezoekers direct op je website naar de audio kunnen luisteren.
Het bestand blok is een handige manier om bestanden, zoals PDF’s, Word-documenten, Excel-spreadsheets, of andere downloadbare bestanden, beschikbaar te stellen op je website. Dit blok biedt een eenvoudige interface om bestanden te uploaden en aan bezoekers aan te bieden, met een ingebouwde download knop. De tekst van de knop kan aangepast worden en met de extra opties die in de rechterbalk verschijnen kan worden ingesteld of de link in het eigen of een extern venster geopend wordt.
Het video blok maakt het gemakkelijk om video’s toe te voegen aan je pagina’s of berichten. Dit blok biedt je de mogelijkheid om video’s te uploaden vanaf je computer, of video’s in te voegen die gehost worden op platforms zoals YouTube, Vimeo, of andere videodiensten.
Nadat de video is toegevoegd, verschijnt er een ingebouwde videoplayer op de pagina. Hiermee kunnen bezoekers de video afspelen, pauzeren, en door de video heen spoelen.
De video wordt weergegeven op je website in een standaard HTML5 videoplayer, waardoor het bestand compatibel is met verschillende apparaten en browsers.
In de rechterzijbalk van de editor kun je verschillende instellingen aanpassen voor het video blok:
Klik in de editor op de onderstaande video om de voorkeurs instellingen te bekijken.
Een afbeeldingen carrousel blok in WordPress stelt je in staat om een reeks afbeeldingen in een roterend formaat te tonen, waarbij gebruikers door de afbeeldingen kunnen scrollen. Dit type blok is handig voor het tonen van meerdere foto’s, portfolio’s, of productafbeeldingen op een overzichtelijke en visueel aantrekkelijke manier.
Je kunt kiezen uit afbeeldingen die al zijn geüpload naar de mediabibliotheek, of je kunt nieuwe afbeeldingen uploaden vanaf je computer. Nadat je de afbeeldingen hebt geselecteerd, kun je ze eenvoudig in de gewenste volgorde slepen.
Het Knoppen‐blok geeft je alle vrijheid om één of meerdere knoppen op je pagina precies zo te plaatsen en te stylen als je wilt. Zo kun je eenvoudig knoppen maken die perfect aansluiten op de lay-out en sfeer van je website, én gebruikers op een heldere manier doorverwijzen naar de gewenste content. Hieronder vind je een overzicht van alle mogelijkheden:
Het kolommen blok kan maximaal 4 kolommen beslaan en van iedere kolom kan een breedte worden ingesteld. Daarnaast kan via de selectie de ruimte tussen de kolommen ingesteld worden.
Binnen een kolom kunnen de volgende blokken gebruikt worden:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet libero a velit lobortis gravida. Nulla lacinia nisi sem, vel tincidunt arcu venenatis et.
Het container blok is een veelzijdig blok waarmee je de opmaak van een pagina naar een hoger niveau kan brengen. Dit blok is ideaal om een aantrekkelijke lay-out te creëren waarin media, kleur en tekst samenkomen. Binnen dit blok kan vervolgens weer een grote selectie van de andere blokken geplaatst wat veelzijdige combinaties mogelijk maakt.
Door de vele mogelijkheden van dit blok is hier een stap-voor-stap uitleg over hoe het blok werkt.
Container volledige breedte met witruimte en achtergrond kleur en een gecentreerde tekst.
Container volledige breedte zonder witruimte en achtergrond kleur en een gecentreerde tekst.
Container volledige breedte zonder witruimte en achtergrond kleur met daarbinnen een container gekaderd zonder witruimte. Hierdoor breekt de achtergrond uit het stramien en lijnt de tekst mooi uit met de tekst kolom.
Container volledige breedte met witruimte en met achtergrond kleur en daarbinnen een container gekaderd met witruimte. Hierdoor springt de tekst iets in en lijnt de achtergrond mooi uit met de tekstkolom. Door de ingestelde witruimte is het hier niet nodig om witruimte blokken te gebruiken.
In combinatie met bijvoorbeeld een media en tekstblok en witruimtes zpnder dat er een afbeelding gekozen wordt kunnen er effecten zoals dit ontstaan.
Het media en tekst blok is een veelzijdig blok waarmee je eenvoudig afbeeldingen, video’s, of andere media naast tekst kunt plaatsen. Dit blok is ideaal om een aantrekkelijke lay-out te creëren waarin media en tekst naast of boven elkaar staan, wat vaak wordt gebruikt om bijvoorbeeld afbeeldingen met beschrijvingen of een combinatie van tekst en video weer te geven. Door de vele mogelijkheden van dit blok is hier een stap-voor-stap uitleg over hoe het media en tekst blok werkt.

Media links, titel, tekst en een knop als inhoud. Geen witruimte en 50/50 verdeling. Tekst uitlijning boven en een achtergrondkleur.

Media rechts, titel, tekst en een knop als inhoud. Geen witruimte en 50/50 verdeling. Tekst uitlijning boven en een achtergrondkleur.

Media boven, titel, tekst en een knop als inhoud. Geplaatst binnen een kolomblok.

Media boven, titel, tekst en een knop als inhoud. Geplaatst binnen een kolomblok.
Het introductie blok wordt gebruikt om een korte inleiding (vaak in een groter of afwijkende letter) weer te geven in bijvoorbeeld de header van de pagina. Er kan maximaal 1 introductieblok per pagina geplaatst worden.
Het Smalle Kolom-blok geeft je de mogelijkheid om gedeelten van je pagina in te springen en visueel te scheiden van de rest van de inhoud. Zo creëer je meer variatie en houd je de layout dynamisch en overzichtelijk. Om het Smalle Kolom-blok écht tot zijn recht te laten komen, kun je het combineren met andere blokken.

Dit is de smalste instelling die mogelijk is. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet arcu purus. Nulla metus odio, viverra quis tellus in, sodales cursus risus. Suspendisse potenti. Mauris diam ante, consequat ultrices magna sit amet, vehicula accumsan augue.

Dit is de middelste instelling die mogelijk is. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet arcu purus. Nulla metus odio, viverra quis tellus in, sodales cursus risus. Suspendisse potenti. Mauris diam ante, consequat ultrices magna sit amet, vehicula accumsan augue.

Dit is de breedste instelling van de smalle kolom die mogelijk is. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet arcu purus. Nulla metus odio, viverra quis tellus in, sodales cursus risus. Suspendisse potenti. Mauris diam ante, consequat ultrices magna sit amet, vehicula accumsan augue.
Het Witruimte blok is een handig hulpmiddel waarmee je lege ruimte kunt toevoegen tussen blokken op je pagina of in je bericht. Dit blok voegt visuele luchtigheid toe en helpt om de lay-out van je content beter te structureren, vooral als je secties wilt scheiden of een bepaald element beter wilt laten opvallen door ruimte eromheen te creëren.
Door de schuifregelaar heen en weer te bewegen kan er uit 4 verschillende witruimtes gekozen worden.
Het embed blok maakt het eenvoudig om inhoud van externe websites, zoals video’s, sociale media posts, muziek, documenten en meer, direct in je WordPress-pagina’s of -berichten in te voegen. Er is ondersteuning voor een breed scala aan populaire platforms, waardoor je gemakkelijk multimedia en andere bronnen kunt delen zonder handmatige code in te voegen.
Je kan een video embedded door het Embed, YouTube/Vimeo (of andere sociale media) blok te plaatsen en hier vervolgens de url naar de video in te plakken. Ook kan de link naar de video direct in de editor geplakt worden. Dan wordt dit automatisch omgezet naar het juiste embed blok.
YouTube
Vimeo
Soundcloud
Spotify
Het Formulieren blok maakt het eenvoudig om formulieren die je met de Gravity Forms plugin hebt gemaakt, direct in je pagina’s of berichten in te voegen. Gravity Forms is een populaire plugin waarmee je geavanceerde formulieren kunt maken voor contact, inschrijvingen, betalingen en meer.
Let er op dat de volgende instellingen worden toegepast (te vinden aan de rechterkant).
* Als je wilt dat het formulier wordt ingediend zonder dat de pagina opnieuw wordt geladen (asynchroon), kun je de optie Ajax inschakelen selecteren. Dit zorgt voor een vloeiendere gebruikerservaring.
Handleiding formulieren module
Beheren en verwerken persoonlijke gegevens
Aan het verwerken van persoonlijke gegevens zitten