{"id":69678,"date":"2024-09-09T01:00:00","date_gmt":"2024-09-09T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=69678"},"modified":"2025-05-26T09:11:30","modified_gmt":"2025-05-26T16:11:30","slug":"wordpress-ontcijferen-werken-met-blokpatronen-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/","title":{"rendered":"WordPress Ontcijferen: Werken met Blokpatronen"},"content":{"rendered":"\n<p>Stel je voor dat het bouwen van een website is als Tetris spelen \u2014 voorgevormde stukken stapelen in welke volgorde je maar wilt.<\/p>\n\n\n<p>Het zou best bevredigend zijn, toch?<\/p>\n\n\n<p>Nou, dat krijg je met <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress blokpatronen<\/a>. Met deze vooraf gemaakte ontwerpen kun je met een klik hele secties toevoegen aan elke pagina of bericht. En in tegenstelling tot bij Tetris, verdwijnen ze niet als je ze perfect stapelt.&nbsp;<\/p>\n\n\n<p>Dit klinkt geweldig op papier. Maar hoe gebruik je precies blokpatronen?&nbsp;<\/p>\n\n\n<p>Daar gaat deze gids helemaal over.<\/p>\n\n\n<p>Blijf de komende minuten bij ons en je leert wat blokpatronen zijn en hoe je ze op je eigen WordPress-website kunt gebruiken.<\/p>\n\n\n<p>Laten we beginnen!<\/p>\n\n\n<h2 id=\"h-what-is-a-wordpress-block-pattern\" class=\"wp-block-heading\">Wat Is Een WordPress Blokpatroon?<\/h2>\n\n\n<p>Een blokpatroon in WordPress is een kant-en-klare lay-out gemaakt van herbruikbare blokken.&nbsp;<\/p>\n\n\n<p>Deze lay-outs kunnen bijna overal op je WordPress-site worden geplaatst, inclusief pagina&#8217;s en berichten.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1776\" height=\"1098\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern.webp\" alt=\"voorbeeld van een WordPress blokpatroon met h1 linksboven, beschrijving rechts en een foto van bergen eronder\" class=\"wp-image-49132 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern.webp 1776w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-300x185.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1024x633.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-768x475.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1536x950.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-600x371.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1200x742.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-730x451.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1460x903.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-784x485.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1568x969.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-877x542.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1754x1084.webp 1754w\" data-sizes=\"(max-width: 1776px) 100vw, 1776px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1776px; --smush-placeholder-aspect-ratio: 1776\/1098;\" \/><\/figure>\n\n\n<p>Zodra je ze hebt ingevoegd, kun je de inhoud in de blokpatronen bewerken en aanpassen. De afzonderlijke componenten werken net als gewone <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg blocks<\/a>, dus je kunt aanpassingen maken aan kleuren en lettertypen, componenten herschikken, afbeeldingen verwisselen en inhoud binnen elk blok wijzigen.&nbsp;<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Gutenberg<\/h3>\n    <p>Gutenberg is de naam voor het Block Editor project in WordPress. Veel WordPress-ontwikkelaars en liefhebbers gebruiken de termen Gutenberg Editor en Block Editor door elkaar.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p>Je kunt blokpatronen ook talloze keren hergebruiken op je site, zelfs binnen een enkele pagina of bericht.&nbsp;<\/p>\n\n\n<p>Dit betekent dat je niet handmatig lay-outs hoeft te maken (en opnieuw te maken) \u00e9\u00e9n blok tegelijk wanneer je de Block Editor gebruikt.<\/p>\n\n\n<h2 id=\"h2_getting-to-know-wordpress-blocks\" class=\"wp-block-heading\">Kennismaking Met WordPress Blokken<\/h2>\n\n\n<p>Om volledig te begrijpen hoe blokpatronen werken, moet je een beetje weten over blokken.<\/p>\n\n\n<p>Blokken zijn sinds eind 2018 een essentieel onderdeel van WordPress, toen versie 5.0 de nieuwe WordPress blokeditor, <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, introduceerde.<\/p>\n\n\n<p>Dit flexibele onderdeel van WordPress stelt je in staat om berichten en pagina&#8217;s te construeren met behulp van individuele elementen, bekend als blokken. Voorbeelden hiervan zijn afbeeldingen, alinea&#8217;s, lijsten, koppen, <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/embed-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">embeds<\/a>, scheiders, tabellen en kolommen.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Embed<\/h3>\n    <p>Embedden betekent het direct invoegen van externe inhoud in een webpagina in plaats van ernaar te linken. Door te embedden kunnen bezoekers de inhoud bekijken zonder de website te verlaten.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/embed-2\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p>Elk blok wordt geleverd met een reeks aanpassingsopties, zoals uitlijning, kleur en lettergrootte. Je kunt blokken verplaatsen via een <a href=\"https:\/\/www.dreamhost.com\/website-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">websitebouwer met slepen-en-neerzetten<\/a>.<\/p>\n\n\n<p>Om terug te gaan naar de Tetris-metafoor, stel je voor dat je een stuk in het spel kunt verplaatsen <em>nadat<\/em> het volledig was gevallen \u2014 alleen omdat je niet leuk vond waar je het in eerste instantie had geplaatst. Dat is het soort flexibiliteit dat Gutenberg je biedt.<\/p>\n\n\n<h2 id=\"h2_block-patterns-what-are-the-benefits\" class=\"wp-block-heading\">Blokpatronen: Wat Zijn De Voordelen?<\/h2>\n\n\n<p>Wanneer je blokpatronen bouwt, plak je eenvoudigweg meerdere blokken aan elkaar om een kleine sjabloon te cre\u00ebren. Dit betekent dat je jouw website vrij snel kunt samenstellen, aangezien je niet elke pagina vanaf nul opbouwt.<\/p>\n\n\n<p>En dat is niet het enige voordeel. Hier zijn enkele andere voordelen:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Je kunt hele secties maken met behulp van blokken:<\/strong> Het maken van je eigen aangepaste blokpatronen betekent dat iedereen die aan je site werkt, inhoud kan beheren zonder zich zorgen te maken over de lay-out en het ontwerp.<\/li>\n\n\n\n<li><strong>Je kunt kant-en-klare blokpatronen van professionele ontwerpers gebruiken:<\/strong> Je kunt deze sjablonen aanpassen aan je eigen stijl, wat je veel mogelijkheden biedt om mee te spelen bij het maken van een bericht of pagina.<\/li>\n\n\n\n<li><strong>Je kunt patronen die je vaak gebruikt opslaan:<\/strong> Na het cre\u00ebren of selecteren van blokpatronen, kun je ze opslaan en een <a href=\"https:\/\/www.dreamhost.com\/website-builder\/themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">bibliotheek van sjablonen<\/a> opbouwen die bij je merk past.<\/li>\n\n\n\n<li><strong>Je kunt sneller nieuwe inhoud bouwen<\/strong>. Het is veel sneller om een opgeslagen patroon in te voegen dan een pagina vanaf nul te ontwerpen.<\/li>\n\n\n\n<li><strong>Ze zijn flexibel en aanpasbaar:<\/strong> Je kunt vooraf gebouwde blokpatronen aanpassen aan je specifieke ontwerp- en functionaliteitsbehoeften. Vind een blokpatroon in de<a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WordPress Pattern Directory<\/a> dat je aanspreekt en verander het zoals je creativiteit je leidt.<\/li>\n\n\n\n<li><strong>Ze zijn onafhankelijk van thema&#8217;s:<\/strong> Op maat gemaakte blokpatronen zijn niet gebonden aan een specifiek thema. Als je later het thema van je WordPress-site wijzigt, blijven je patronen hetzelfde.<\/li>\n\n\n\n<li><strong>Ze bieden responsieve pagina- en berichtindelingen:<\/strong> Het ontwerpen van je WordPress-site met behulp van blokken en blokpatronen zorgt ervoor dat de inhoud van je site <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/responsive-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">goed geoptimaliseerd is voor verschillende apparaten<\/a>, zoals smartphones of tablets.<\/li>\n\n\n<\/ul>\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=\"h2_how-block-patterns-have-evolved-over-time\" class=\"wp-block-heading\">Hoe Blokpatronen In De Loop Der Tijd Zijn Ge\u00ebvolueerd<\/h2>\n\n\n<p>Blokpatronen zijn al ge\u00efntroduceerd in augustus 2020 met de release van WordPress 5.5 \u201cEckstine.\u201d&nbsp;<\/p>\n\n\n<p>Sinds die tijd hebben we veel evolutie gezien:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress 5.9<\/strong> voegde de optie toe om blokpatronen te kopi\u00ebren en plakken in de Volledige Site Editor.<\/li>\n\n\n\n<li><strong>WordPress 6.0<\/strong> maakte de blokinvoeger gemakkelijker te navigeren en maakte het voor ontwikkelaars gemakkelijker om patronen aan hun thema&#8217;s toe te voegen.<\/li>\n\n\n\n<li><strong>WordPress 6.3<\/strong> introduceerde gesynchroniseerde patronen, die er identiek uitzien op je hele site. Je kunt een gesynchroniseerd patroon op \u00e9\u00e9n pagina bewerken, en alle andere kopie\u00ebn worden bijgewerkt om er hetzelfde uit te zien.<\/li>\n\n\n\n<li><strong>WordPress 6.5<\/strong> bood een mooie nieuwe selectie van blokpatronen aan, verdeeld in categorie\u00ebn.<\/li>\n\n\n\n<li><strong>WordPress 6.6<\/strong> introduceerde de optie om het systeem van gesynchroniseerde patronen te overschrijven, zodat elke kopie van een patroon unieke inhoud of styling kan hebben.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"h2_how-to-create-your-own-block-patterns\" class=\"wp-block-heading\">Hoe Je Eigen Blokpatronen Cre\u00ebert<\/h2>\n\n\n<p>Vandaag de dag zijn blokpatronen behoorlijk krachtig en zeer eenvoudig te gebruiken.<\/p>\n\n\n<p>Als je klaar bent om te beginnen met experimenteren met deze WordPress-functie, volg dan deze snelle stap-voor-stap handleiding:<\/p>\n\n\n<h2 id=\"h2_step-1-create-a-draft-post\" class=\"wp-block-heading\">Stap 1: Maak Een Conceptbericht<\/h2>\n\n\n<p>Om een blokpatroon te cre\u00ebren, begin met het maken van een nieuw conceptbericht of -pagina in WordPress.&nbsp;<\/p>\n\n\n<p>Een nieuw concept heeft geen bestaande inhoudsrommel. Het is een leeg canvas voor je blok-gebaseerde creativiteit!<\/p>\n\n\n<p>Begin met het toevoegen van de blokken die je wilt opnemen in je patroon: koppen en paragrafen, kolommen, afbeeldingen en galerijen, video- en audiomedia, scheidingstekens, en meer.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1395\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post.webp\" alt=\"screenshot van de gebruikersweergave op wordpress met behulp van de blokpatronen in een bericht\" class=\"wp-image-49134 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-300x174.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1024x595.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-768x446.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1536x893.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-2048x1190.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-600x349.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1200x698.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-730x424.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1460x849.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-784x456.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1568x911.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-877x510.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1754x1020.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1395;\" \/><\/figure>\n\n\n<p>Zodra je je blokken hebt toegevoegd, zorg ervoor dat je ze stijlt. Gebruik de ingebouwde kleurenpaletten en lettertypekiezers.<\/p>\n\n\n<h2 id=\"h2_step-2-select-and-copy-blocks\" class=\"wp-block-heading\">Stap 2: Selecteer en Kopieer Blokken<\/h2>\n\n\n<p>Zodra je blokken er precies goed uitzien, moet je het patroon maken. Maak je geen zorgen, het is niet technisch!<\/p>\n\n\n<p>Begin door handmatig alle blokken te selecteren die je in je blokpatroon wilt hebben. Klik op het eerste blok, houd <strong>Alt<\/strong> (<strong>Shift<\/strong> op Mac) ingedrukt en klik dan op het laatste blok dat je in het patroon wilt laten verschijnen.<\/p>\n\n\n<p>Om af te sluiten, klik je op de drie verticale puntjes bovenaan je editor en selecteer je <strong>Patroon cre\u00ebren<\/strong> uit het dropdownmenu.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1395\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern.webp\" alt=\"dezelfde screenshot als eerder waarin getoond wordt waar de patroonopties binnen het titelblok te openen\" class=\"wp-image-49136 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-300x174.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1024x595.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-768x446.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1536x893.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-2048x1190.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-600x349.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1200x698.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-730x424.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1460x849.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-784x456.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1568x911.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-877x510.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1754x1020.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1395;\" \/><\/figure>\n\n\n<p><strong>Professionele tip:<\/strong> Als je niet gemakkelijk alle blokken kunt zien die je wilt selecteren, open dan het tabblad <strong>Documentoverzicht<\/strong> om de volledige lijst met elementen te zien. Het is de knop met drie verspringende horizontale lijnen in de rechterbovenhoek van de editor.&nbsp;<\/p>\n\n\n<h2 id=\"h2_step-3-save-your-block-pattern\" class=\"wp-block-heading\">Stap 3: Sla Je Blokpatroon Op<\/h2>\n\n\n<p>Nadat je je blokpatroon hebt gebouwd, hoef je het alleen nog maar op te slaan in de WordPress-patroonbibliotheek.<\/p>\n\n\n<p>Je zou een pop-upvenster moeten zien dat je vraagt om je blokpatroon een naam te geven en een categorie te kiezen. Patrooncategorie\u00ebn helpen je om sjablonen te groeperen, zoals alle patronen voor een bepaalde pagina.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1428\" height=\"896\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box.webp\" alt=\"screenshot van het vak nieuwe patroon toevoegen waarin wordt getoond waar de naam en categorie\u00ebn ingevoerd moeten worden met een toevoegknop rechtsonder in het vak\" class=\"wp-image-49138 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box.webp 1428w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-600x376.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-1200x753.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-730x458.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-877x550.webp 877w\" data-sizes=\"(max-width: 1428px) 100vw, 1428px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1428px; --smush-placeholder-aspect-ratio: 1428\/896;\" \/><\/figure>\n\n\n<p>Tenslotte heb je een grote keuze te maken: te synchroniseren of niet te synchroniseren (zoals Shakespeare waarschijnlijk zou zeggen).<\/p>\n\n\n<p>Onthoud dat gesynchroniseerde blokpatronen allemaal gelinkt zijn. Als je er een verandert, veranderen alle andere kopie\u00ebn ook. In tegenstelling, ongesynchroniseerde blokpatronen zijn onafhankelijk.&nbsp;<\/p>\n\n\n<p>Zodra je je beslissing hebt genomen, klik op <strong>Create<\/strong>&#8230; en je bent klaar!<\/p>\n\n\n<h3 class=\"wp-block-heading\">Hoe Blokpatronen Te Cre\u00ebren In De Site Editor<\/h3>\n\n\n<p>De bovenstaande methode is waarschijnlijk de gemakkelijkste manier om blokpatronen te cre\u00ebren. Maar je kunt ze ook bouwen en opslaan via de WordPress Site Editor als je een op blokken gebaseerd thema hebt.<\/p>\n\n\n<p>Om dit te doen, ga naar <strong>Weergave <\/strong>&gt;<strong> Editor <\/strong>in het WordPress-beheerderspaneel.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1110\" height=\"1863\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor.webp\" alt=\"screenshot van de editor-knop onder thema's onder uiterlijk in de navigatiebalk aan de linkerkant\" class=\"wp-image-49140 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor.webp 1110w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-179x300.webp 179w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-610x1024.webp 610w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-768x1289.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-915x1536.webp 915w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-600x1007.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-730x1225.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-784x1316.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-877x1472.webp 877w\" data-sizes=\"(max-width: 1110px) 100vw, 1110px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1110px; --smush-placeholder-aspect-ratio: 1110\/1863;\" \/><\/figure>\n\n\n<p>Kijk nu naar links. Zie je die zijbalk? Klik op <strong>Patterns<\/strong>, en je ziet alle patronen die je tot nu toe verzameld hebt, netjes georganiseerd in categorie\u00ebn.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays.webp\" alt=\"screenshot van de patronennavigatie die de categorisatie van sjablonen zoals voettekst, koptekst, koptekst afrekenen en mini-winkelwagen toont\" class=\"wp-image-49142 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n\n\n<p>In de rechterbovenhoek zou je de knop <strong>Nieuw Patroon Toevoegen<\/strong> moeten zien. Klik daarop.<\/p>\n\n\n<p>Dit opent het pop-upvenster voor naam en categorie. Vul de details in en klik op <strong>Create<\/strong>.<\/p>\n\n\n<p>WordPress opent dan een lege editor.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post.webp\" alt=\"screenshot van de lege editor met een kopvak en een afbeelding direct daaronder met de tekst DreamHost\" class=\"wp-image-49144 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n\n\n<p>Kies en configureer gewoon de blokken die je wilt in je blokpatroon en druk op <strong>Opslaan<\/strong> in de rechterbovenhoek om te voltooien.<\/p>\n\n\n<h2 id=\"h2_browsing-in-the-pattern-directory\" class=\"wp-block-heading\">Bladeren In De Patroondirectory<\/h2>\n\n\n<p>Als het ontwerpen van je eigen patronen als hard werk klinkt, hebben we goed nieuws te delen.<\/p>\n\n\n<p>Net als bij thema&#8217;s heeft <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-pattern-directory\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress een directory<\/a> waar mensen blokpatronen delen.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory.webp\" alt=\"Screenshot van de Patronenpagina\" class=\"wp-image-49146 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n\n\n<p>Op het moment van schrijven zijn er ongeveer 2.000 van deze patronen om uit te kiezen, en ze zijn allemaal volledig gratis.<\/p>\n\n\n<p>Om deze ontwerpen te pakken, ga naar de <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\">Patronendirectory<\/a> (beschikbaar op zowel WordPress.org als .com) en zoek iets dat je leuk vindt. Tik op een ontwerp en klik dan op <strong>Kopi\u00ebren<\/strong>. Hiermee wordt de volledige broncode van het blokpatroon naar je klembord overgebracht.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern.webp\" alt=\"screenshot geklikt een stap verder in een van de patroonopties die de knop voor het kopi\u00ebren van het patroon toont\" class=\"wp-image-49148 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n\n\n<p>Keer vervolgens terug naar de post of pagina waar je aan werkt en plak de code in. <em>Et voil\u00e0!<\/em> Je hebt een gloednieuw patroon.<\/p>\n\n\n<p><strong>Professionele tip: <\/strong>Afbeeldingen die in blokpatronen door andere ontwerpers zijn gebruikt, worden doorgaans van externe bronnen gehaald. Het is altijd mogelijk dat deze links breken, dus het is meestal een beter idee om je eigen afbeeldingen te gebruiken (of die je hebt gelicentieerd).<\/p>\n\n\n<h2 id=\"h2_add-block-patterns-from-your-library\" class=\"wp-block-heading\">Voeg Blokpatronen Toe Uit Je Bibliotheek<\/h2>\n\n\n<p>Als je enkele patronen hebt gemaakt en opgeslagen, vraag je je misschien af hoe je ze kunt gebruiken.<\/p>\n\n\n<p>Om te beginnen, open een conceptbericht of pagina, en tik op het <strong>+<\/strong> in de linkerbovenhoek om de blokinvoeger te openen.<\/p>\n\n\n<p>Als eerste krijg je enkele blokken aangeboden. Klik op het tabblad <strong>Patronen<\/strong> bovenaan dit paneel.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"589\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1024x589.webp\" alt=\"screenshot van een bericht waarin de blokpatronen worden getoond en geschakeld naar patronen vanuit blokken bovenaan het menu\" class=\"wp-image-49150 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1754x1009.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/589;\" \/><\/figure>\n\n\n<p>Hier kun je al je opgeslagen blokpatronen bekijken of door ze bladeren per categorie. Zodra je de juiste hebt gevonden, klik je op de voorbeeldafbeelding om deze aan je concept toe te voegen.<\/p>\n\n\n<p>Onthoud dat blokpatronen gewoon sjablonen zijn, dus je kunt de inhoud aanpassen zodra je een opgeslagen patroon hebt ingevoegd.<\/p>\n\n\n<p><strong>Pro tip: <\/strong>Bepaalde <a href=\"https:\/\/www.dreamhost.com\/blog\/best-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugins<\/a> (zoals paginabouwers) voegen extra voorgemaakte patronen toe aan je assortiment. <a href=\"https:\/\/wpspectra.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra<\/a> en <a href=\"https:\/\/crocoblock.com\/plugins\/?ref=10673&amp;campaign=DHblog\" target=\"_blank\" rel=\"noreferrer noopener\">JetBrains<\/a> zijn twee die een hele vloot aan patronen toevoegen als ze geactiveerd worden.<\/p>\n\n\n<h2 id=\"h2_how-to-manage-your-block-patterns\" class=\"wp-block-heading\">Hoe Beheer Je Jouw Blokpatronen<\/h2>\n\n\n<p>Als je een <a href=\"https:\/\/dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">blokthema<\/a> gebruikt, kun je de patronen die je hebt gemaakt beheren via de Site Editor. Het relevante menu vind je onder <strong>Weergave <\/strong>&gt;<strong> Editor <\/strong>&gt;<strong> Patronen<\/strong>.<\/p>\n\n\n<p>In het hoofdgedeelte aan de rechterkant, tik op de drie puntjes naast elk opgeslagen patroon om het te bewerken of te verwijderen.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns.webp\" alt=\"screenshot van de categorische organisatie van patronen die opnieuw de drie stippen onder een sjabloon toont om te klikken voor de bewerk- en dupliceeropties\" class=\"wp-image-49152 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n\n\n<p>Als je een klassiek <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-pick-wordpress-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-thema<\/a> gebruikt dat geen volledige ondersteuning biedt voor <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noreferrer noopener\">volledige sitebewerking<\/a>, navigeer dan naar <strong>Weergave <\/strong>&gt;<strong> Patronen <\/strong>om een klassieke lijst van je opgeslagen patronen te zien. Hier kun je ze bewerken, exporteren of verwijderen.<\/p>\n\n\n<h2 id=\"h2_need-some-help\" class=\"wp-block-heading\">Heb Je Hulp Nodig?<\/h2>\n\n\n<p>Zoals je kunt zien, zijn blokpatronen niet super technisch. Ze zijn eigenlijk vrij eenvoudig te gebruiken.&nbsp;<\/p>\n\n\n<p>Dat gezegd hebbende, komt er nog steeds wat ontwerpwerk bij kijken. Als je daar niet zeker van bent, kunnen we je helpen.<\/p>\n\n\n<p>Ons <a href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\" target=\"_blank\" rel=\"noreferrer noopener\">deskundig ontwerpteam<\/a> kan de site van je dromen vanaf nul opbouwen, dus je hoeft geen vinger uit te steken.<\/p>\n\n\n<p>En met onze <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noreferrer noopener\">beheerde WordPress-hosting<\/a> service, is het opzetten en onderhouden van een aantrekkelijke website makkelijker dan ooit. Het is super snel en volledig betrouwbaar.<\/p>\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">Meld je vandaag nog aan<\/a> om het zelf te proberen!<\/p>\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<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\/uploads\/2024\/03\/product-cta-wordpress-hosting-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting.webp 2x\"  alt=\"website management by DreamHost\" \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>WordPress Hosting<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tUnbeatable WordPress Hosting\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tReliable, lightning-fast hosting solutions specifically optimized for WordPress.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>\n\n<p><em>Deze pagina bevat affiliatelinks. Dit betekent dat we een commissie kunnen verdienen als je via onze link diensten aanschaft, zonder extra kosten voor jou.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een overtuigende site cre\u00ebren; hier is hoe.<\/p>\n","protected":false},"author":1062,"featured_media":49127,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.","toc_headlines":"[[\"h-what-is-a-wordpress-block-pattern\",\"Wat Is Een WordPress Blokpatroon?\"],[\"h2_getting-to-know-wordpress-blocks\",\"Kennismaking Met WordPress Blokken\"],[\"h2_block-patterns-what-are-the-benefits\",\"Blokpatronen: Wat Zijn De Voordelen?\"],[\"h2_how-block-patterns-have-evolved-over-time\",\"Hoe Blokpatronen In De Loop Der Tijd Zijn Ge\u00ebvolueerd\"],[\"h2_how-to-create-your-own-block-patterns\",\"Hoe Je Eigen Blokpatronen Cre\u00ebert\"],[\"h2_step-1-create-a-draft-post\",\"Stap 1: Maak Een Conceptbericht\"],[\"h2_step-2-select-and-copy-blocks\",\"Stap 2: Selecteer en Kopieer Blokken\"],[\"h2_step-3-save-your-block-pattern\",\"Stap 3: Sla Je Blokpatroon Op\"],[\"h2_browsing-in-the-pattern-directory\",\"Bladeren In De Patroondirectory\"],[\"h2_add-block-patterns-from-your-library\",\"Voeg Blokpatronen Toe Uit Je Bibliotheek\"],[\"h2_how-to-manage-your-block-patterns\",\"Hoe Beheer Je Jouw Blokpatronen\"],[\"h2_need-some-help\",\"Heb Je Hulp Nodig?\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946],"tags":[],"class_list":["post-69678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-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>WordPress Ontcijferen: Werken met Blokpatronen - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.\" \/>\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\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Ontcijferen: Werken met Blokpatronen\" \/>\n<meta property=\"og:description\" content=\"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-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=\"2024-09-09T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:11:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Ontcijferen: Werken met Blokpatronen - DreamHost Blog","description":"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.","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\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Ontcijferen: Werken met Blokpatronen","og_description":"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-09-09T08:00:00+00:00","article_modified_time":"2025-05-26T16:11:30+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","type":"image\/webp"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"WordPress Ontcijferen: Werken met Blokpatronen","datePublished":"2024-09-09T08:00:00+00:00","dateModified":"2025-05-26T16:11:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/"},"wordCount":1830,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","articleSection":["Handleidingen","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/","name":"WordPress Ontcijferen: Werken met Blokpatronen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","datePublished":"2024-09-09T08:00:00+00:00","dateModified":"2025-05-26T16:11:30+00:00","description":"Waarom een WordPress-site blok voor blok bouwen als je blokpatronen kunt gebruiken? Deze kant-en-klare lay-outs kunnen in een paar klikken een boeiende site cre\u00ebren; zo doe je dat.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","width":1460,"height":1095,"caption":"Decoding WordPress: Working With Block Patterns"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-werken-met-blokpatronen-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Ontcijferen: Werken met Blokpatronen"}]},{"@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":69678,"es":35635,"en":35619,"de":52204,"pt":56262,"pl":56265,"ru":56268,"uk":56277,"it":68028,"fr":69648},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69678","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=69678"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69678\/revisions"}],"predecessor-version":[{"id":69680,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/69678\/revisions\/69680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/49127"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=69678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=69678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=69678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}