{"id":70765,"date":"2023-11-10T07:00:28","date_gmt":"2023-11-10T15:00:28","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70765"},"modified":"2025-05-26T09:18:15","modified_gmt":"2025-05-26T16:18:15","slug":"hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/","title":{"rendered":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s"},"content":{"rendered":"\n<p>Als je fan bent van Lego, dan zul je WordPress-blokthema&#8217;s geweldig vinden.<\/p>\n\n\n<p>Vanaf versie 5.9 biedt WordPress volledige ondersteuning voor blokthema&#8217;s. Dit was een grote verandering voor de meeste sites, die gebouwd waren op wat nu bekend staat als &#8220;klassieke&#8221; thema&#8217;s.<\/p>\n\n\n<p>Maar overstappen van een klassiek thema naar een thema gebaseerd op blokken vereist wel wat werk.<\/p>\n\n\n<p>In dit artikel leggen we uit hoe ze werken en welke stappen je kunt nemen om van de oude stijl naar de nieuwe over te gaan.<\/p>\n\n\n<p>Het zal niet <b>helemaal <\/b>zo leuk zijn als het in elkaar zetten van een 3.441-delig, verzamelaarsmodel Death Star uit 2005. Maar we doen ons best.<\/p>\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">Wat Is Een WordPress Blokthema?<\/h2>\n\n\n<p>Blokthema&#8217;s stellen gebruikers en websitebeheerders in staat om de indeling van hun pagina&#8217;s en inhoud aan te passen met behulp van bewerkbare en herbruikbare inhoudsblokken.<\/p>\n\n\n<p>Oorspronkelijk bekend als &#8220;<a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">full site editing<\/a>&#8221; (FSE) of &#8220;site editing&#8221;, voegen deze thema&#8217;s modulaire, op blokken gebaseerde functionaliteit toe aan de lay-outs en sjablonen van je thema. Vergelijkbaar met hoe de <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg editor<\/a> <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">blokken<\/a> en bloksjablonen introduceerde die gebruikt kunnen worden binnen je pagina&#8217;s en berichtinhoud.<\/p>\n\n\n<p>Maar nu kun je de lay-out en inhoud van je hele site (inclusief paginasjablonen en aangepaste sjablonen) aanpassen met behulp van visuele, slepen-en-neerzetten stijl blokken.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example.jpg\" alt=\"Voorbeeld van blokeditor\" class=\"wp-image-42357 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Deze nieuwe visuele bewerkingsfuncties maken het uiterst eenvoudig om nieuwe paginestructuren te bouwen of de inhoud van elke pagina aan te passen, verder dan alleen wat zich binnen het paginalichaam bevindt.<\/p>\n\n\n<p>Dit betekent dat je niet afhankelijk bent van ontwikkelaars om je themabestanden aan te passen of aangepaste sjablonen te bouwen om dingen toe te voegen die verder gaan dan woorden en afbeeldingen in je inhoud. In plaats daarvan kun je de inhoud aanpassen met behulp van de editor.<\/p>\n\n\n<p>Individuele blokken kunnen worden gemaakt en ontworpen om te passen binnen een responsieve lay-out en overeenkomen met de kleur en typografie van je website.<\/p>\n\n\n<p>Daarnaast kun je deelbare <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">blokpatronen<\/a> aanmaken en gebruiken. Dit zijn vooraf gemaakte blokken die zijn gecre\u00eberd door individuen, bedrijven en WordPress-ontwikkelaars.<\/p>\n\n\n<p>Samengevat maken block-thema&#8217;s van WordPress een modulairder en flexibeler systeem. Het emuleert veel van de functionaliteit van andere websitebouwers met slepen-en-neerzetten die populair zijn gemaakt door bedrijven zoals Squarespace en Wix.<\/p>\n\n\n<p>Thema&#8217;s gebaseerd op het block framework worden over het algemeen geleverd met vooraf gebouwde aangepaste blokken die passen bij het ontwerp en de stijl van de website. Je kunt deze blokken dan gebruiken op je site waar je ze nodig hebt.<\/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=\"differences\" class=\"wp-block-heading\">Blokthema&#8217;s Vs. Klassieke Thema&#8217;s<\/h2>\n\n\n<p>Klassieke WordPress-thema&#8217;s zijn gebouwd om een consistente stijl en ontwerp te cre\u00ebren.<\/p>\n\n\n<p>De meeste sitegedeelten waren alleen bewerkbaar door het thema aan te passen of direct PHP-sjabloonbestanden te bewerken om specifieke functionaliteit aan de website toe te voegen.<\/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>PHP<\/h3>\n    <p>PHP (Hypertext Preprocessor) is een open-source scripttaal. Het wordt veel gebruikt in webontwikkeling en kan in HTML worden ingebed. Verschillende populaire Contentmanagementsystemen (CMS), zoals WordPress, zijn gebouwd met PHP.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/php\/\"\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>Toen hadden de meeste sites een paar standaard sjablonen voor elk type inhoud. Bijvoorbeeld een paginasjabloon en een berichtsjabloon. Blokeditors hebben over het algemeen nog steeds dezelfde themastructuur, maar je kunt heel eenvoudig variaties cre\u00ebren of elk sjabloon aanpassen met de editor.<\/p>\n\n\n<p>Met de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">blokeditor<\/a> heb je meer controle over de afzonderlijke onderdelen van elke pagina of bericht, en kun je ter plekke nieuwe sjablonen bouwen.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"517\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block.jpg\" alt=\"Voeg Sociale Iconen Blok Toe\" class=\"wp-image-42358 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1024x331.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-768x248.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1536x496.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1200x388.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-730x236.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1460x472.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-784x253.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1568x507.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-877x283.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/517;\" \/><\/figure>\n\n\n<p>Bijvoorbeeld, je kunt een blok met sociale pictogrammen of een afbeeldingengalerij aan je paginasjablonen toevoegen om ze op elke pagina op je website te laten verschijnen of ze toevoegen aan een enkele post.<\/p>\n\n\n<p>Er is ook een stijleditor waarmee je de blokinstellingen kunt aanpassen en de visuele elementen zoals kleurenpalet en lay-out kunt aanpassen. Je hoeft zelfs geen CSS te bewerken.<\/p>\n\n\n<p>Naast de toegevoegde flexibiliteit en controle bieden blokthema&#8217;s veel voordelen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Verwijder Shortcodes En HTML Code Bewerking<\/h3>\n\n\n<p>Met klassieke thema&#8217;s zijn veel WordPress-gebruikers gaan vertrouwen op aangepaste manieren om functionaliteit toe te voegen of de lay-out en het ontwerp van hun blogposts en pagina&#8217;s te bewerken.<\/p>\n\n\n<p>Shortcodes en aangepaste HTML-snippets werden vaak gebruikt om nieuwe functies die niet in het thema van de website waren opgenomen te overschrijven of te injecteren.<\/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>HTML<\/h3>\n    <p>HTML staat voor HyperText Markup Language. Het is de meest fundamentele bouwsteen van het web en de standaardopmaaktaal voor het cre\u00ebren van webpagina&#8217;s en applicaties.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\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>Bijvoorbeeld, je hebt misschien een lang stuk code gekopieerd en geplakt in elke post om een oproep tot actie toe te voegen of een inschrijfformulier in te voegen.<\/p>\n\n\n<p>Nu kun je eenvoudig een <a href=\"https:\/\/wordpress.org\/documentation\/article\/reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">gesynchroniseerd patroon<\/a> (herbruikbaar blok) voor deze inhoud cre\u00ebren. Maak vervolgens een aangepaste postsjabloon voor elke relevante CTA. Selecteer ten slotte de postsjabloon voor elke post om de CTA te laten verschijnen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Ontgrendel Native Paginabouwer Elementen<\/h3>\n\n\n<p>Voor veel gebruikers zal een thema gebaseerd op blokken de noodzaak voor paginabouwer-plugins, die populair zijn geworden in de WordPress-gemeenschap, elimineren.<\/p>\n\n\n<p>Deze plugins dienden als een tijdelijke oplossing voor gebruikers die een modulair, blokgebaseerd systeem wilden voor het bouwen van hun website voordat dit beschikbaar was voor de meeste WordPress-thema&#8217;s.<\/p>\n\n\n<p>Deze thema&#8217;s zijn natuurlijk nog steeds populair. Divi, Elementor, Gutenify en anderen waren pioniers op dit gebied, maar nu hoef je deze specifieke thema&#8217;s niet meer te gebruiken om modulaire sitebouwcapaciteiten te ontgrendelen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Verbeter Siteprestaties<\/h3>\n\n\n<p>Een ander groot voordeel van het overstappen op blokthema&#8217;s is een verbetering in de laadsnelheid van de pagina en de prestaties van de site.<\/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>Paginalaadtijd<\/h3>\n    <p>Paginalaadtijd is simpelweg de tijd die nodig is om een webpagina te laden. In technischere termen is het de tijd die nodig is om de volledige inhoud van een webpagina te downloaden en weer te geven. Het wordt meestal gemeten in seconden.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/page-load-time\/\"\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>Veel sites vertrouwden op plugins van derden of het kopi\u00ebren en plakken van codefragmenten om de gewenste functionaliteit en ontwerp voor hun pagina&#8217;s te krijgen. Dit leidt vaak tot extra scripts en styling die aan de pagina&#8217;s worden toegevoegd. Elk van die bronnen kost tijd om te laden en vertraagt je website.<\/p>\n\n\n<p>Dus, door over te stappen van een klassiek thema naar een blokthema, kunnen veel sites deze extra onderdelen verwijderen. Dit zal de code op de pagina vereenvoudigen en zou de <a href=\"https:\/\/www.dreamhost.com\/blog\/gtmetrix\/\" target=\"_blank\" rel=\"noopener\">laadsnelheid en prestaties van de pagina moeten verbeteren<\/a>.<\/p>\n\n\n<p>Wat op zijn beurt de <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noopener\">SEO kan verbeteren<\/a>, de betrokkenheid kan verhogen en de conversies kan verhogen.<\/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>SEO<\/h3>\n    <p>Search Engine Optimization (SEO) is de praktijk van het verbeteren van de rangschikking van een site in zoekresultaten. Zoekresultaten worden samengesteld op basis van een aantal factoren, waaronder de relevantie en kwaliteit van een site. Het optimaliseren van je site voor deze factoren kan helpen je rangschikkingen te verbeteren.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\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<h3 class=\"wp-block-heading\">Verminder Conflicten, Updates en Kwetsbaarheden<\/h3>\n\n\n<p>Met minder afhankelijkheid van plug-ins van derden zul je ook minder conflicten of vereiste updates ervaren voor je <a href=\"https:\/\/www.dreamhost.com\/blog\/what-makes-up-a-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">WordPress-site<\/a>.<\/p>\n\n\n<p>Naarmate sites complexer worden, kunnen de extra gebruikte plugins vaak met elkaar in conflict komen. Dit kan leiden tot site-breukproblemen zoals het beruchte <a href=\"https:\/\/www.dreamhost.com\/blog\/troubleshooting-wordpress-white-screen-death\/\" target=\"_blank\" rel=\"noopener\">White Screen of Death<\/a>. En het updaten van plugins kan aanvoelen als een totale gok. (\u201cWordt dit degene die mijn site breekt?!\u201d)<\/p>\n\n\n<p>Mogelijk nog belangrijker, minder afhankelijkheid van plugins van derden zal je website ook <a href=\"https:\/\/www.dreamhost.com\/blog\/secure-your-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">veiliger maken<\/a>. Deze tools kunnen vaak kwetsbaarheden of exploits in je code introduceren. (Vooral als je ze niet bijwerkt omdat je bang bent iets belangrijks te breken.)<\/p>\n\n\n<h2 id=\"should\" class=\"wp-block-heading\">Moet Je Overschakelen Naar Een Blokthema?<\/h2>\n\n\n<p>Met al deze voordelen in gedachten, lijkt het duidelijk dat, in de meeste gevallen, upgraden naar een blokthema een slimme zet is.<\/p>\n\n\n<p><b>De meeste<\/b> bedrijven en websites zouden moeten overwegen over te stappen van een klassiek thema naar een blokthema.<\/p>\n\n\n<p>Het introduceert veel verbeteringen in de kwaliteit van leven die het beheren van je website en je inhoud makkelijker maken en stelt je team in staat effici\u00ebnter te werken en inhoud aan te passen zonder toegewijde ontwikkeltijd door gebruik te maken van mogelijkheden voor het bewerken zonder code.<\/p>\n\n\n<p>En het is een waardevolle stap naar het verbeteren van de prestaties en veiligheid van je website.<\/p>\n\n\n<p>Wanneer moet je <b>niet <\/b>overstappen?<\/p>\n\n\n<p>Kortom: Als je niet de tijd en middelen hebt om je aan de verandering te wijden. Het aanpassen van je WordPress-thema, vooral als het op maat gemaakt is of sterk aangepast, vereist veel werk.<\/p>\n\n\n<p>Hoewel je inhoud, media en andere assets intact blijven, zal het algehele ontwerp van je website veranderen om overeen te komen met het nieuwe thema.<\/p>\n\n\n<p>Als je de uitstraling van je huidige thema wilt behouden of een geheel andere look wenst, moet je het ontwerp dienovereenkomstig aanpassen.<\/p>\n\n\n<p>Aan de positieve kant: Die aanpassingen zullen makkelijker zijn omdat je nieuwe thema blokgebaseerd zal zijn en je in staat stelt om de meeste themalayouts, elementen, kleuren en stijlen te bewerken zonder de code te hoeven aanpassen.<\/p>\n\n\n<p>Laten we naar het proces kijken.<\/p>\n\n\n<h2 id=\"howto\" class=\"wp-block-heading\">Hoe Over Te Schakelen Naar Een WP Blokthema<\/h2>\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Maak Een Back-up Van Je Website<\/h3>\n\n\n<p>Maak altijd een back-up wanneer je grote updates aan je website uitvoert.<\/p>\n\n\n<p>Het is zo belangrijk, dat we het gaan herhalen.<\/p>\n\n\n<p>Maak een back-up. (Serieus.)<\/p>\n\n\n<p>Als je een <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">beheerde WordPress-hosting<\/a> service gebruikt, moet je beschikken over automatische en handmatige back-up opties.<\/p>\n\n\n<p>Als je dat niet bent, kijk dan naar een WordPress-plugin zoals <a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener\">BlogVault<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\">UpdraftPlus<\/a>, of <a href=\"https:\/\/wordpress.org\/plugins\/jetpack-backup\/\" target=\"_blank\" rel=\"noopener\">Jetpack Backup<\/a> om al je sitebestanden en inhoud op te slaan.<\/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>Jetpack<\/h3>\n    <p>Jetpack is een WordPress plugin gecre\u00eberd door Automattic, het bedrijf achter WordPress.com. Het is een plugin die je toegang geeft tot functies die normaal gesproken alleen beschikbaar zijn op WordPress.com sites.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/jetpack\/\"\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>Zo heb je, als er iets misgaat, een manier om je website te herstellen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Stap 2: Beoordeel Je Website<\/h3>\n\n\n<p>Het volgende dat we moeten doen, is een idee krijgen van wat er zal gebeuren als je de overstap maakt.<\/p>\n\n\n<p>Het wijzigen van je thema heeft meestal twee directe gevolgen:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>De algemene indeling, kleuren en stijlen van je website zullen veranderen.<\/li>\n\n\n\n<li>Je verliest alle aangepaste code of wijzigingen die direct in de bestanden of sjablonen van je oude thema zijn toegevoegd.<\/li>\n\n\n<\/ol>\n\n\n<p>Daarnaast zou je inhoud en alles wat aan de tekst van je berichten en pagina&#8217;s is toegevoegd, hetzelfde moeten blijven.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change.jpg\" alt=\"Gewoon weer een themawijziging\" class=\"wp-image-42359 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-300x288.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1024x984.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-768x738.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1536x1476.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-600x576.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1200x1153.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-730x701.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1460x1403.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-784x753.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1568x1506.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-877x842.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1537;\" \/><\/figure>\n\n\n<p>Bijvoorbeeld, als je een klassiek thema gebruikt en de lay-out van de kop van je site hebt aangepast, zullen die wijzigingen niet worden overgedragen.<\/p>\n\n\n<p>Dus, wat zou je moeten doen?<\/p>\n\n\n<p>Doorloop alle pagina&#8217;s van je website (of tenminste alle unieke sjablonen).<\/p>\n\n\n<p>Zoek naar eventuele aangepaste inhoud, widgets, banners, grafische elementen, enz., die aan de themabestanden zijn toegevoegd. Deze verschijnen over het algemeen in de &#8220;statische&#8221; secties zoals je koptekst, zijbalk of voettekst.<\/p>\n\n\n<p>Let op elke instantie die je vindt. Het is mogelijk om deze inhoud weer aan je site toe te voegen nadat je de overstap hebt gemaakt.<\/p>\n\n\n<p>En maak je geen zorgen. Zelfs als je iets mist, kun je meestal teruggaan naar je oude thema om te zien wat er verscheen en nu ontbreekt op je nieuwe site.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Stap 3: Kies Een Thema<\/h3>\n\n\n<p>Het is nu tijd om je thema te kiezen.<\/p>\n\n\n<p>Wat is je gewenste resultaat?<\/p>\n\n\n<p>Wil je een thema dat nauw aansluit bij het ontwerp van je bestaande website? Of iets dat radicaal anders is? Een compleet nieuwe uitstraling.<\/p>\n\n\n<p>In welke richting je ook gaat, je kunt beginnen met het bekijken van beschikbare thema&#8217;s in de <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\" target=\"_blank\" rel=\"noopener\">WordPress themadirectory<\/a>. (Klik op &#8220;Block Themes&#8221; om te filteren.)<\/p>\n\n\n<p>Je kunt ook onze lijst van de <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\">27 beste blokthema&#8217;s<\/a> bekijken.<\/p>\n\n\n<p>Houd er rekening mee dat de aanpassingsopties vrijwel onbeperkt zijn met alle blokthema&#8217;s. Het is alsof je een appartement of huis zoekt. Laat je niet hangen aan de verf op de muren. Je kunt altijd opnieuw schilderen. Hoewel je nog steeds op zoek bent naar thema&#8217;s die dicht bij de algemene stijl en designvoorkeuren liggen, kun je het thema aanpassen aan je behoeften.<\/p>\n\n\n<p>Bijvoorbeeld, als je een minimalistisch ontwerp prefereert, wil je misschien beginnen met een eenvoudig thema. Een andere optie is om een complex thema te wijzigen om wat inhoud te verwijderen.<\/p>\n\n\n<p>Ten slotte, bekijk de vooraf ontworpen blokken die in de thema&#8217;s zijn opgenomen.<\/p>\n\n\n<p>Veel thema&#8217;s bevatten aangepaste blokstijlen die al zijn opgebouwd en beschikbaar komen als opties zodra je ze activeert. Dit kan een grote tijdsbesparing zijn in vergelijking met het handmatig moeten cre\u00ebren van extra blokken na het instellen van het nieuwe thema.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples.jpg\" alt=\"Voorbeelden van patroonblokken\" class=\"wp-image-42360 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Verken de \u201cPatterns\u201d-sectie van het thema om te zien hoe deze blokken worden gebruikt om aangepaste secties te maken. Veel thema&#8217;s bevatten voorbeelden van patronen voor kopteksten, patronen voor voetteksten en andere relevante secties of componenten die je mogelijk wilt gebruiken op je website.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Stap 4: Installeer En Activeer Thema<\/h3>\n\n\n<p>Zodra je een thema hebt gekozen, is het tijd om te installeren.<\/p>\n\n\n<p>Je kunt het blokthema zip-bestand lokaal downloaden en vervolgens uploaden. Of, als het thema in de WordPress-directory staat, kun je het installeren vanuit je WP Admin.<\/p>\n\n\n<p>Om dit te doen, ga naar <i>Appearance &gt; Themes,<\/i> en klik op de \u201cNieuw toevoegen\u201d knop.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"992\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin.jpg\" alt=\"Nieuw Thema Toevoegen in WP Admin\" class=\"wp-image-42361 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1024x635.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1536x952.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1200x744.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-730x453.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1460x905.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1568x972.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-877x544.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/992;\" \/><\/figure>\n\n\n<p>Typ dan de naam van het thema in het zoekvak. Zoek het thema dat je wilt installeren en ga er met de muis overheen. Klik op &#8220;Installeren&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme.jpg\" alt=\"Installeer Nieuw Thema\" class=\"wp-image-42362 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Nu is je nieuwe thema ge\u00efnstalleerd!<\/p>\n\n\n<p>Ga terug naar je <i>Themes<\/i>-pagina en zoek het thema. Je kunt het direct activeren door op &#8220;Activeren&#8221; te klikken.<\/p>\n\n\n<p><b>Nerd Opmerking<\/b>: Als je nog steeds niet zeker weet hoe je website eruit zal zien met het nieuwe thema, gebruik dan de optie \u201cLive Voorbeeld\u201d om te zien hoe het eruit zal zien. Of nog beter, installeer het thema en volg de volgende stappen op een <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">stagingversie van je website<\/a>. Op deze manier zullen de wijzigingen niet live zijn terwijl je jouw site bijwerkt en aanpast.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Stap 5: Pas De Lay-out En Het Ontwerp Aan<\/h3>\n\n\n<p>Zodra je het thema hebt geactiveerd, zal je website (waarschijnlijk) anders uitzien dan voorheen.<\/p>\n\n\n<p>Nu is het jouw tijd om het uiterlijk aan te passen met jouw thema-instellingen. Je kunt opnieuw het vorige ontwerp gebruiken dat je voor je site gebruikte, of je kunt het in een totaal nieuwe richting nemen.<\/p>\n\n\n<p>Hoe dan ook, je kunt de functionaliteit van het blokkeren van de volledige site gebruiken om aan te passen met slechts een paar klikken.<\/p>\n\n\n<p>Normaal gesproken, als je thema de Site Editor kan gebruiken, zal het een nieuw bericht weergeven op de <i>customize.php <\/i>pagina, met de tekst &#8220;Hoera! Je thema ondersteunt sitebewerking met blokken! Vertel me meer. Gebruik de Site Editor.&#8221;<\/p>\n\n\n<p>Als je deze boodschap om welke reden dan ook niet ziet, klik dan op &#8220;Aanpassen&#8221; op je nieuwe thema vanaf de <i>Themes<\/i>-pagina.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme.jpg\" alt=\"WordPress Aanpassen Thema\" class=\"wp-image-42363 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Je ziet nu het scherm van de Editor. Vanaf hier kun je duiken in en elke specifieke pagina of bericht op je site bewerken. Je kunt ook nieuwe sjablonen of patronen bewerken en cre\u00ebren.<\/p>\n\n\n<p>Hier wil je de meeste tijd besteden. Afhankelijk van je doelen voor het nieuwe thema wil je misschien elk standaard sjabloon en patroon doornemen om de inhoud en lay-out aan te passen.<\/p>\n\n\n<p>Naast het wijzigen van de indeling en de blokken op je site, kun je ook de bewerkingsopties gebruiken om je stijlinstellingen aan te passen.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings.jpg\" alt=\"Instellingen Voor Blokstijl\" class=\"wp-image-42364 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Onder &#8220;Blok&#8221; instellingen, zou je een aantal stijlopties moeten zien. Hier kun je de ontwerpelementen aanpassen zoals lettergrootte, uitlijning, afstand, en kleurenschema&#8217;s.<\/p>\n\n\n<p>Je kunt ook aangepaste CSS-klassen toevoegen voor elk element onder <i>Geavanceerd<\/i>.<\/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>CSS<\/h3>\n    <p>Cascading Style Sheets (CSS) is een essenti\u00eble programmeertaal die wordt gebruikt voor het stylen van webpagina&#8217;s. CSS helpt je prachtige pagina&#8217;s te cre\u00ebren door het uiterlijk van verschillende elementen aan te passen, waaronder lettertype, kleur, lay-out en meer.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\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<h3 class=\"wp-block-heading\">Stap 6: Controleer Op Gebroken Plugins Of Widgets<\/h3>\n\n\n<p>Niet elke plugin, widget of aanpassing werkt met blokthema&#8217;s.<\/p>\n\n\n<p>Als je website een aantal plugins en widgets gebruikte (die je in stap 2 zou moeten hebben ge\u00efdentificeerd), dan moet je mogelijk enkele aanpassingen doen aan de backend.<\/p>\n\n\n<p>Blok-plugins zijn compatibel met blok-thema&#8217;s, maar sommige oudere werken mogelijk niet.<\/p>\n\n\n<p>Stel je wilt een sociaal widget toevoegen die je gebruikte met je oude thema. Als je de optie om dat specifieke widget vanuit de blokeditor toe te voegen niet ziet, dan moet je waarschijnlijk een nieuwe plugin vinden die ondersteund wordt.<\/p>\n\n\n<h2 id=\"summary\" class=\"wp-block-heading\">Vind Het Perfecte Blokthema Voor Je Website<\/h2>\n\n\n<p>Nu je de stappen kent, is het tijd voor het leuke gedeelte.<\/p>\n\n\n<p>Het vinden van het juiste blokthema voor je website, of het nu een persoonlijke blog, bedrijfssite of mediaplatform is, kan spannend zijn, met zoveel geweldige opties beschikbaar.<\/p>\n\n\n<p>Enkele van onze favoriete populaire blokthema&#8217;s:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentytwentythree\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Three<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\" target=\"_blank\" rel=\"noopener\">Blockbase<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noopener\">SeedProd<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/li>\n\n\n<\/ol>\n\n\n<p>Met het juiste thema ben je al goed op weg om een <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">WordPress blocks<\/a> meester te worden, DreamHost kan je helpen!<\/p>\n\n\n<p>Vrolijk bouwen!<\/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      Jij Droomt Het, Wij Coderen Het\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Profiteer van meer dan 20 jaar coderingservaring wanneer je kiest voor onze Webontwikkelingsdienst. Laat ons gewoon weten wat je voor je site wilt u2014 wij nemen het vanaf daar over.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meer Leren                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Als je een fan bent van Lego, dan zul je WordPress block-thema&#8217;s geweldig vinden. Beginnend met versie 5.9, biedt WordPress volledige ondersteuning voor block-thema&#8217;s. Dit was een belangrijke verandering voor de meeste sites, die waren gebouwd op wat nu bekend staat als &#8220;klassieke&#8221; thema&#8217;s. Maar overstappen van een klassiek thema naar een op blokken gebaseerd thema vereist wel een [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42353,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.","toc_headlines":"[[\"definition\",\"Wat Is Een WordPress Blokthema?\"],[\"differences\",\"Blokthema's Vs. Klassieke Thema's\"],[\"should\",\"Moet Je Overschakelen Naar Een Blokthema?\"],[\"howto\",\"Hoe Over Te Schakelen Naar Een WP Blokthema\"],[\"summary\",\"Vind Het Perfecte Blokthema Voor Je Website\"]]","hide_toc":false,"footnotes":""},"categories":[14954,14942,14946],"tags":[],"class_list":["post-70765","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started-nl","category-website-design-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>Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.\" \/>\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\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s\" \/>\n<meta property=\"og:description\" content=\"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-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=\"2023-11-10T15:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:18:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\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=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s - DreamHost Blog","description":"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.","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\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/","og_locale":"en_US","og_type":"article","og_title":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s","og_description":"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-10T15:00:28+00:00","article_modified_time":"2025-05-26T16:18:15+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-05-26T16:18:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/"},"wordCount":2528,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","articleSection":["Aan de slag","Websiteontwerp","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/","name":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-05-26T16:18:15+00:00","description":"Breng je WordPress-site naar een hoger niveau met een blokthema. Leer wat je moet weten in deze gids.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-te-wisselen-van-een-klassiek-thema-naar-wordpress-blokthemas-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Hoe Te Wisselen Van Een Klassiek Thema Naar WordPress Blokthema\u2019s"}]},{"@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\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"nl","translations":{"nl":70765,"es":42367,"en":42351,"uk":50963,"pt":56063,"de":56065,"pl":56069,"ru":56072,"it":68576,"fr":70741},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70765","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\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70765"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70765\/revisions"}],"predecessor-version":[{"id":70767,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70765\/revisions\/70767"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42353"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}