{"id":69498,"date":"2022-05-04T07:00:53","date_gmt":"2022-05-04T14:00:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=69498"},"modified":"2025-05-26T09:27:39","modified_gmt":"2025-05-26T16:27:39","slug":"decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/","title":{"rendered":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9"},"content":{"rendered":"\n<p>WordPress is altijd een gebruiksvriendelijk platform geweest dat flexibel en makkelijk te leren is. Echter, mensen zonder programmeervaardigheden kunnen moeite hebben met bepaalde aanpassingstaken.<\/p>\n\n\n<p>Gelukkig introduceerde <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">Versie 5.9<\/a> <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Volledige-Site Bewerking<\/a>, wat zowel nieuwe als bestaande functies samenbrengt om gecentraliseerde controle over je hele site te bieden. Een van de meest significante veranderingen is de toevoeging van nieuwe site niveau blokken.<\/p>\n\n\n<p>In deze post bespreken we alles wat je moet weten over siteblokken in WordPress. We bekijken ook enkele voorbeelden en laten je zien hoe je ze gebruikt. Laten we beginnen!<\/p>\n\n\n<h2 id=\"h-an-introduction-to-wordpress-blocks\" class=\"wp-block-heading\"><b>Een Introductie Tot WordPress Blokken<\/b><\/h2>\n\n\n<p>Blokken zijn sinds eind 2018 een fundamenteel aspect van WordPress. Versie 5.0 van WordPress verving de klassieke editor door een nieuwe WordPress blokeditor genaamd <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg<\/a>.<\/p>\n\n\n<p>Een blok is een specifiek element dat je aan je site kunt toevoegen. Zo zijn er blokken voor afbeeldingen, koppen, lijsten, paragrafen en meer. Dit systeem biedt gebruikers een eenvoudige en intu\u00eftieve manier om een unieke website te cre\u00ebren.<\/p>\n\n\n<p>Elk blok wordt geleverd met een set aanpassingsopties, zoals uitlijning, kleur en grootte. Bovendien kunnen blokken worden verplaatst via een editor met slepen-en-neerzetten, wat het proces van paginaopbouw eenvoudiger maakt.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-common-wordpress-blocks\"><b>Gemeenschappelijke WordPress Blokken<\/b><\/h3>\n\n\n<p>Gutenberg introduceerde blokken voor verschillende doeleinden. Er kunnen blokken zijn die je nooit zult gebruiken. Er zijn echter andere die je waarschijnlijk elke keer gebruikt als je een bericht maakt. Laten we eens kijken naar enkele van de meest voorkomende opties in de nieuwe blokeditor.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-the-heading-block\"><b>De Koptekst Blok<\/b><\/h4>\n\n\n<p>Het <i>Heading<\/i>-blok biedt verschillende opties voor het configureren en stylen van koppen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1366\" height=\"768\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-heading-block.png\" alt=\"WordPress Kopblok\" class=\"wp-image-33843 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block.png.webp 1366w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-heading-block-300x169.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-heading-block-1024x576.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-heading-block-768x432.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block-600x337.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block-1200x675.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block-730x410.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block-784x441.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-heading-block-877x493.png.webp 877w\" data-sizes=\"(max-width: 1366px) 100vw, 1366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/768;\" \/><\/figure><\/div>\n\n<p>Dit blok kan je helpen om je inhoud effici\u00ebnter te organiseren. Je kunt bijvoorbeeld het kopniveau H2 selecteren voor hoofdsecties en H3-H6 voor subsecties. Daarnaast kun je een hyperlink toevoegen aan de kop.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-the-paragraph-block\"><b>De Paragraafblok<\/b><\/h4>\n\n\n<p>Paragrafen zijn het meest gebruikte blok in de Gutenberg-editor:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1359\" height=\"537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-paragraph-block.jpg\" alt=\"WordPress Paragraafblok\" class=\"wp-image-33848 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block.jpg.webp 1359w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-paragraph-block-300x119.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-paragraph-block-1024x405.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-paragraph-block-768x303.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block-600x237.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block-1200x474.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block-730x288.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block-784x310.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-paragraph-block-877x347.jpg.webp 877w\" data-sizes=\"(max-width: 1359px) 100vw, 1359px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1359px; --smush-placeholder-aspect-ratio: 1359\/537;\" \/><\/figure><\/div>\n\n<p>Dit element stelt gebruikers in staat om tekst te schrijven en de typografie aan te passen. Meestal worden koppen gebruikt om relevante paragrafen samen te groeperen en de inhoud van de pagina op te splitsen.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-the-image-block\"><b>Het Afbeeldingsblok<\/b><\/h4>\n\n\n<p>Met afbeeldingsblokken kun je foto&#8217;s of kunstwerken uploaden naar je site:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1366\" height=\"768\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-image-block.png\" alt=\"WordPress Afbeeldingsblok\" class=\"wp-image-33844 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block.png.webp 1366w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-image-block-300x169.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-image-block-1024x576.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-image-block-768x432.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block-600x337.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block-1200x675.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block-730x410.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block-784x441.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-image-block-877x493.png.webp 877w\" data-sizes=\"(max-width: 1366px) 100vw, 1366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/768;\" \/><\/figure><\/div>\n\n<p>Je kunt dan de instellingen gebruiken om je afbeeldingen te vergroten of verkleinen en bij te snijden. Je kunt ook bijschriften en alt-tekst toevoegen.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-the-video-block\"><b>Het Videoblok<\/b><\/h4>\n\n\n<p>Je kunt ook video&#8217;s toevoegen aan je bericht. Er zijn verschillende opties voor het tonen van video&#8217;s:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1366\" height=\"768\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-video-block.png\" alt=\"WordPress Videoblok\" class=\"wp-image-33853 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block.png.webp 1366w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-video-block-300x169.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-video-block-1024x576.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-video-block-768x432.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block-600x337.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block-1200x675.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block-730x410.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block-784x441.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-video-block-877x493.png.webp 877w\" data-sizes=\"(max-width: 1366px) 100vw, 1366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/768;\" \/><\/figure><\/div>\n\n<p>Bijvoorbeeld, je kunt ze uploaden naar de Mediabibliotheek van je site, of insluiten vanaf YouTube en andere platforms voor het delen van video&#8217;s. Je kunt ook tekstsporen toevoegen zoals ondertitels, bijschriften, hoofdstukken en beschrijvingen aan het blok.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-the-list-block\"><b>De Lijstblok<\/b><\/h4>\n\n\n<p>Het <i>List<\/i>-blok stelt je in staat om lijsten met opsommingstekens of genummerde lijsten in je pagina in te voegen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1366\" height=\"768\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-edit-page-blocks.png\" alt=\"WordPress Lijstblok\" class=\"wp-image-33840 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks.png.webp 1366w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-edit-page-blocks-300x169.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-edit-page-blocks-1024x576.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-edit-page-blocks-768x432.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks-600x337.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks-1200x675.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks-730x410.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks-784x441.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-edit-page-blocks-877x493.png.webp 877w\" data-sizes=\"(max-width: 1366px) 100vw, 1366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/768;\" \/><\/figure><\/div>\n\n<p>Dit blok bevat stijlopties zoals vet en cursief, evenals meer complexe rich-text controls. Daarnaast kun je hyperlinks toevoegen aan lijstitems.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-new-site-blocks-in-wordpress-5-9\" class=\"wp-block-heading\"><b>Nieuwe Siteblokken in WordPress 5.9<\/b><\/h2>\n\n\n<p>Nu Volledige-Site Bewerking beschikbaar is, kunnen individuele blokken ook worden gebruikt voor het bewerken van het thema van je site. Je kunt de nieuwe editor gebruiken om alle aspecten van je site aan te passen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1356\" height=\"615\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-full-site-editing.jpg\" alt=\"WordPress Volledige Site Bewerking - bewerk sjabloon\" class=\"wp-image-33841 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing.jpg.webp 1356w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-full-site-editing-300x136.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-full-site-editing-1024x464.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-full-site-editing-768x348.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing-600x272.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing-1200x544.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing-730x331.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing-784x356.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-full-site-editing-877x398.jpg.webp 877w\" data-sizes=\"(max-width: 1356px) 100vw, 1356px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1356px; --smush-placeholder-aspect-ratio: 1356\/615;\" \/><\/figure><\/div>\n\n<p>Deze functie heeft de Customizer vervangen. Het ondersteunt echter alleen blokgebaseerde thema&#8217;s, zoals <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Two<\/a>. Als je een &#8216;standaard&#8217; thema gebruikt, heb je nog steeds toegang tot de Customizer (en de Gutenberg blokeditor), maar je kunt de Volledige Site Editor niet gebruiken.<\/p>\n\n\n<p>De Full-Site Editor bevat sjablonen voor verschillende pagina&#8217;s, zoals je archief- of startpagina. Daarnaast kun je meer delen van je site aanpassen, zoals je koptekst en voettekst. Er is ook een <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-global-styles\/\" target=\"_blank\" rel=\"noopener\">nieuwe functie voor Globale Stijlen<\/a>, waarmee je sitebrede instellingen voor je blokken kunt defini\u00ebren.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tDecoding WordPress: An Introduction to Global Styles\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-global-styles\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n<p>Daarnaast heeft de Full-Site Editor een reeks &#8216;thema-blokken&#8217; ge\u00efntroduceerd. Vaak aangeduid als &#8216;siteblokken&#8217;, stellen deze nieuwe toevoegingen je in staat om wereldwijde elementen zoals het sitelogo en de tagline, navigatie en postlijsten te gebruiken en te bewerken.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-benefits-of-using-theme-blocks\"><b>De Voordelen Van Het Gebruiken Van Thema Blokken<\/b><\/h3>\n\n\n<p>De nieuwe themablokken zijn ge\u00efntroduceerd om het proces van <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-web-design-trends\/\" target=\"_blank\" rel=\"noopener\">webdesign<\/a> in WordPress eenvoudiger en gestroomlijnder te maken. Voorheen had de WordPress thema-editor beperkte aanpassingsopties, en gebruikers die unieke ontwerpen wilden, moesten vaak aangepaste code gebruiken.<\/p>\n\n\n<p>Thema blokken elimineren de noodzaak voor <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-shortcodes-101\/\" target=\"_blank\" rel=\"noopener\">coderen<\/a> (en plugins van derden voor paginabouwers) in de meeste gevallen. Elk blok heeft een verscheidenheid aan stijl- en weergaveopties, waardoor gebruikers de flexibiliteit hebben om bijna elke lay-out en ontwerp te cre\u00ebren. Of je nu een <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress-beginner<\/a> bent of een ervaren <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-hire-web-developer\/\" target=\"_blank\" rel=\"noopener\">webontwikkelaar<\/a>, het proces om aangepaste sites te maken is nu sneller en eenvoudiger.<\/p>\n\n\n<p>Laten we eens kijken naar enkele opmerkelijke siteblokken die zijn toegevoegd met WordPress 5.9. Dit is slechts een korte introductie \u2013 we zullen binnenkort dieper ingaan op elk van deze Gutenberg-blokken.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-navigation\"><b>Navigatie<\/b><\/h4>\n\n\n<p>Deze functie stelt je in staat om het navigatiemenu van je site aan een pagina toe te voegen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1340\" height=\"587\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block2.jpg\" alt=\"WordPress Navigatieblok\" class=\"wp-image-33847 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2.jpg.webp 1340w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block2-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block2-1024x449.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block2-768x336.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2-600x263.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2-1200x526.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2-730x320.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2-784x343.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block2-877x384.jpg.webp 877w\" data-sizes=\"(max-width: 1340px) 100vw, 1340px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1340px; --smush-placeholder-aspect-ratio: 1340\/587;\" \/><\/figure><\/div>\n\n<p>Je kunt zowel het ontwerp als de structuur van je menu aanpassen. Je kunt bijvoorbeeld submenu-items toevoegen, de kleur en uitlijning wijzigen, en meer.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-query-loop\"><b>Query Loop<\/b><\/h4>\n\n\n<p>Een query loop is een blok dat een reeks berichten weergeeft op basis van specifieke voorwaarden en parameters:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1365\" height=\"607\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block2.jpg\" alt=\"WordPress Query Loop Block\" class=\"wp-image-33851 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2.jpg.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block2-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block2-1024x455.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block2-768x342.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2-600x267.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2-1200x534.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2-730x325.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2-784x349.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block2-877x390.jpg.webp 877w\" data-sizes=\"(max-width: 1365px) 100vw, 1365px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1365px; --smush-placeholder-aspect-ratio: 1365\/607;\" \/><\/figure><\/div>\n\n<p>Dit is een geweldige manier om berichten over een specifiek onderwerp te tonen. Je kunt inhoud filteren op berichtcategorie\u00ebn, tags, auteurs en trefwoorden. Het blok biedt ook verschillende stijlopties voor de berichtenfeed.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-template-part\"><b>Sjabloononderdeel<\/b><\/h4>\n\n\n<p>Sjabloononderdelen worden gebruikt om de structuur van een site te organiseren. Het zijn in wezen verzamelingen of containers van andere inhoudsblokken:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1359\" height=\"592\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-part-block.jpg\" alt=\"WordPress Sjabloononderdeel Blok\" class=\"wp-image-33839 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block.jpg.webp 1359w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-part-block-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-part-block-1024x446.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-part-block-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block-600x261.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block-1200x523.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block-730x318.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block-784x342.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-part-block-877x382.jpg.webp 877w\" data-sizes=\"(max-width: 1359px) 100vw, 1359px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1359px; --smush-placeholder-aspect-ratio: 1359\/592;\" \/><\/figure><\/div>\n\n<p>Ze kunnen alleen worden gebruikt bij het bewerken van sjablonen, dus je vindt dit blok in de Volledige-Site Editor. Elk sjabloononderdeel heeft een door de gebruiker gegenereerde naam. Wanneer je een blok toevoegt, kun je een bestaand sjabloon kiezen of een nieuwe maken.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tDecoding WordPress: Custom Templates and Template Parts\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n<h2 id=\"h-how-to-use-common-wordpress-site-blocks-6-new-theme-blocks\" class=\"wp-block-heading\"><b>Hoe Gebruik Je Gangbare WordPress Site Blocks (6 Nieuwe Thema Blocks)<\/b><\/h2>\n\n\n<p>Laten we nu eens gedetailleerd kijken naar een aantal veelvoorkomende themablokken. Voor elk van de nieuwe blokken bespreken we het doel en de stappen voor het gebruik ervan.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-navigation\"><b>1. Navigatie<\/b><\/h3>\n\n\n<p>Navigatieblokken worden gebruikt voor het bewerken van de menu&#8217;s van je site. Wanneer je dit blok aan je pagina toevoegt, krijg je drie opties: selecteer een bestaand menu, voeg alle pagina&#8217;s van de site toe, of begin met een leeg menu:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1341\" height=\"556\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block.jpg\" alt=\"WordPress Navigatieblok\" class=\"wp-image-33846 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block.jpg.webp 1341w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block-300x124.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block-1024x425.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-navigation-block-768x318.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block-600x249.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block-1200x498.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block-730x303.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block-784x325.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-navigation-block-877x364.jpg.webp 877w\" data-sizes=\"(max-width: 1341px) 100vw, 1341px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1341px; --smush-placeholder-aspect-ratio: 1341\/556;\" \/><\/figure><\/div>\n\n<p>Je kunt extra menu-items toevoegen alsook inspringende items, die als subpagina&#8217;s verschijnen. Bovendien kun je de links en namen van elk item wijzigen met het &#8220;anker&#8221;-icoon in de werkbalk. De werkbalk stelt je ook in staat de uitlijning en andere lay-outinstellingen te wijzigen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-login-out\"><b>2. In\/Uitloggen<\/b><\/h3>\n\n\n<p>Het in-\/uitlogblok biedt een eenvoudige manier om een inlog- en uitlogknop aan je website toe te voegen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1359\" height=\"525\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-login-out-block.jpg\" alt=\"WordPress In-\/Uitlogblok\" class=\"wp-image-33845 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block.jpg.webp 1359w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-login-out-block-300x116.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-login-out-block-1024x396.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-login-out-block-768x297.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block-600x232.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block-1200x464.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block-730x282.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block-784x303.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-login-out-block-877x339.jpg.webp 877w\" data-sizes=\"(max-width: 1359px) 100vw, 1359px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1359px; --smush-placeholder-aspect-ratio: 1359\/525;\" \/><\/figure><\/div>\n\n<p>Het toont automatisch de juiste link afhankelijk van de status van de gebruiker. Je hebt ook de optie om de inlog\/uitlog knop als een schakelaar weer te geven.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-template-part-nbsp\"><b>3. Template Onderdeel&nbsp;<\/b><\/h3>\n\n\n<p>Dit element kan worden beschouwd als een groep blokken. Het sjabloondeel helpt je bij het organiseren van de structuur van je pagina. Deze blokken kunnen alleen worden gebruikt bij het bewerken van sjablonen, en ze zijn een uitstekende manier om wereldwijde gebieden zoals kop- en voetteksten te beheren:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1358\" height=\"595\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-header-block.jpg\" alt=\"WordPress Koptekstblok\" class=\"wp-image-33842 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block.jpg.webp 1358w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-header-block-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-header-block-1024x449.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-header-block-768x336.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block-600x263.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block-1200x526.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block-730x320.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block-784x344.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-header-block-877x384.jpg.webp 877w\" data-sizes=\"(max-width: 1358px) 100vw, 1358px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1358px; --smush-placeholder-aspect-ratio: 1358\/595;\" \/><\/figure><\/div>\n\n<p>Sjabloononderdelen kunnen worden toegevoegd in de site-editor. Wanneer je het blok selecteert, wordt je gevraagd of je een bestaand sjabloon wilt toevoegen of een nieuwe wilt maken.<\/p>\n\n\n<p>Als je voor de laatste optie kiest, word je gevraagd een naam voor de sjabloon in te voeren. Daarna kun je blokken toevoegen om de gewenste lay-out te cre\u00ebren.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-site-title\"><b>4. Site Titel<\/b><\/h3>\n\n\n<p>Zoals de naam al doet vermoeden, wordt dit blok gebruikt om de titel van je site weer te geven:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1346\" height=\"599\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-title-block.jpg\" alt=\"WordPress Site Titelblok\" class=\"wp-image-33852 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block.jpg.webp 1346w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-title-block-300x134.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-title-block-1024x456.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-title-block-768x342.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block-600x267.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block-1200x534.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block-730x325.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block-784x349.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-title-block-877x390.jpg.webp 877w\" data-sizes=\"(max-width: 1346px) 100vw, 1346px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1346px; --smush-placeholder-aspect-ratio: 1346\/599;\" \/><\/figure><\/div>\n\n<p>Standaard linkt de titel naar de thuispagina, maar dit kan uitgeschakeld worden met een schakelaar in de instellingen. Er is ook een reeks aan stijlopties, waaronder tekst- en achtergrondkleuren, lettergrootte, regelhoogte, letterafstand en andere typografische instellingen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-post-excerpt\"><b>5. Berichtfragment<\/b><\/h3>\n\n\n<p>Berichtuittreksels geven lezers een voorproefje van een bericht, en kunnen hen helpen beslissen of ze het hele artikel willen lezen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1345\" height=\"584\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-post-excerpt-block.jpg\" alt=\"WordPress Bericht Samenvattingsblok\" class=\"wp-image-33849 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block.jpg.webp 1345w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-post-excerpt-block-300x130.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-post-excerpt-block-1024x445.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-post-excerpt-block-768x333.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block-600x261.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block-1200x521.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block-730x317.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block-784x340.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-post-excerpt-block-877x381.jpg.webp 877w\" data-sizes=\"(max-width: 1345px) 100vw, 1345px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1345px; --smush-placeholder-aspect-ratio: 1345\/584;\" \/><\/figure><\/div>\n\n<p>Meestal is dit blok een child-element van een query-lus. Het toont ofwel de eerste 55 woorden van een bericht, of het ingestelde uittreksel voor dat bericht. Je kunt ook een &#8220;lees meer&#8221;-link toevoegen. Dit brengt de gebruiker direct naar het volledige bericht.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-query-loop\"><b>6. Query Loop<\/b><\/h3>\n\n\n<p>Query loops kunnen worden gebruikt om een reeks berichten weer te geven op basis van specifieke voorwaarden en parameters. Je kunt bijvoorbeeld dit blok gebruiken om alle berichten in een bepaalde categorie te tonen of van een specifieke auteur:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1332\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block.jpg\" alt=\"WordPress Query Loop Block\" class=\"wp-image-33850 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block.jpg.webp 1332w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block-300x117.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block-1024x400.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-query-loop-block-768x300.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block-600x234.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block-1200x468.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block-730x285.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block-784x306.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-query-loop-block-877x342.jpg.webp 877w\" data-sizes=\"(max-width: 1332px) 100vw, 1332px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1332px; --smush-placeholder-aspect-ratio: 1332\/520;\" \/><\/figure><\/div>\n\n<p>Query loops bestaan uit meerdere blokken, waaronder titels van berichten, datums, uittreksels en uitgelichte afbeeldingen. Je hebt de optie om leeg te beginnen en geneste blokken handmatig toe te voegen, of te beginnen met een vooraf gemaakte lay-out en vanaf daar te bewerken.<\/p>\n\n\n<p>Je kunt dan de breedte, uitlijning, rangschikking en kleuren wijzigen. Je kunt ook het aantal berichten wijzigen dat de query loop weergeeft.<\/p>\n\n\n<h2 id=\"h-conclusion\" class=\"wp-block-heading\"><b>Conclusie<\/b><\/h2>\n\n\n<p>In het verleden kan het aanpassen van WordPress-sites uitdagend zijn geweest voor sommige gebruikers. Echter, met de introductie van nieuwe siteblokken in versie 5.9, is het proces een stuk eenvoudiger geworden.<\/p>\n\n\n<p>Dankzij de functie voor het bewerken van volledige sites kun je nu wijzigingen aanbrengen in je hele site vanuit een uniforme interface. Je kunt ook individuele elementen aanpassen zoals de sitetitel en de tagline, het navigatiemenu en sjabloondelen zoals kop- en voetteksten.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tWordPress 6.0 \u201cArturo\u201d &#8211; Here&#8217;s What&#8217;s New\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-6-0\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n<p>Als je op zoek bent naar een snelle, betrouwbare en betaalbare plek om jouw WordPress-site te hosten, hebben wij wat je nodig hebt. Bekijk onze <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noopener\">DreamHost WordPress Hosting<\/a> plannen!<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Laat Je Website Draaien Met DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      We zorgen ervoor dat je website snel, veilig en altijd beschikbaar is, zodat je bezoekers je kunnen vertrouwen. Plannen beginnen bij $1.99\/maand.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/hosting\/\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Kies Je Plan                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress is altijd een gebruiksvriendelijk platform geweest dat flexibel en makkelijk te leren is. Echter, degenen zonder programmeervaardigheden kunnen moeite hebben met bepaalde aanpassingstaken. Gelukkig introduceerde Versie 5.9 het Volledige-Site Bewerken, dat zowel nieuwe als bestaande functies samenbrengt om gecentraliseerde controle over je gehele site te bieden. Een van de meest significante veranderingen is [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":33836,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!","toc_headlines":"[[\"h-an-introduction-to-wordpress-blocks\",\"Een Introductie Tot WordPress Blokken\"],[\"h-new-site-blocks-in-wordpress-5-9\",\"Nieuwe Siteblokken in WordPress 5.9\"],[\"h-how-to-use-common-wordpress-site-blocks-6-new-theme-blocks\",\"Hoe Gebruik Je Gangbare WordPress Site Blocks (6 Nieuwe Thema Blocks)\"],[\"h-conclusion\",\"Conclusie\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946,14948],"tags":[],"class_list":["post-69498","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-wordpress-nl","category-decoding-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Decoderen van WordPress: Nieuwe Siteblokken in 5.9 - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decoderen van WordPress: Nieuwe Siteblokken in 5.9\" \/>\n<meta property=\"og:description\" content=\"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-04T14:00:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:27:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9 - DreamHost Blog","description":"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/","og_locale":"en_US","og_type":"article","og_title":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9","og_description":"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-04T14:00:53+00:00","article_modified_time":"2025-05-26T16:27:39+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9","datePublished":"2022-05-04T14:00:53+00:00","dateModified":"2025-05-26T16:27:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/"},"wordCount":1551,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg","articleSection":["Handleidingen","WordPress","WordPress Ontcijferen"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/","name":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9 - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg","datePublished":"2022-05-04T14:00:53+00:00","dateModified":"2025-05-26T16:27:39+00:00","description":"Een van de belangrijkste veranderingen in WordPress 5.9 is de toevoeging van nieuwe Siteblokken. Leer alles wat je moet weten over Siteblokken in dit bericht!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/new-wordpress-site-blocks-featured.jpeg","width":900,"height":598,"caption":"new WordPress Site Blocks for full site editing"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-nieuwe-siteblokken-in-59-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decoderen van WordPress: Nieuwe Siteblokken in 5.9"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"nl","translations":{"nl":69498,"es":33896,"en":33834,"de":51718,"pt":55948,"pl":55951,"ru":55954,"uk":55957,"it":67938,"fr":69472},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=69498"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69498\/revisions"}],"predecessor-version":[{"id":69500,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69498\/revisions\/69500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33836"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=69498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=69498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=69498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}