{"id":70101,"date":"2022-03-18T08:11:24","date_gmt":"2022-03-18T15:11:24","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70101"},"modified":"2025-05-26T09:28:02","modified_gmt":"2025-05-26T16:28:02","slug":"decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/","title":{"rendered":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen"},"content":{"rendered":"\n<p>WordPress-blokken en <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Volledige Sitebewerking (FSE)<\/a> functies maken het bouwen en stylen van een <a href=\"https:\/\/www.dreamhost.com\/blog\/secrets-to-successful-website\/\" target=\"_blank\" rel=\"noopener\">succesvolle website<\/a> snel en eenvoudig.<\/p>\n\n\n<p>Wereldwijde stijlen kunnen je helpen de <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-templates\/\" target=\"_blank\" rel=\"noopener\">uitstraling van je WordPress-site<\/a> te verenigen zonder dat je afzonderlijke blokken of pagina&#8217;s hoeft te bewerken. Dus of je nu je achtergrondkleur wilt veranderen of de typografie van koppen wilt aanpassen, je kunt je wijzigingen op \u00e9\u00e9n plek doorvoeren, wat resulteert in een meer samenhangende en algeheel betere <a href=\"https:\/\/www.dreamhost.com\/blog\/what-is-user-experience\/\" target=\"_blank\" rel=\"noopener\">Gebruikerservaring (UX)<\/a>.<\/p>\n\n\n<p>In deze post nemen we je mee door Global Styles. We leggen uit wat ze zijn, wat de voordelen zijn en hoe de nieuwe functies werken. Vervolgens bespreken we hoe je ze kunt gebruiken om je WordPress-website te stylen. Begin nu!<\/p>\n\n\n<h2 id=\"h-an-overview-of-wordpress-global-styles\" class=\"wp-block-heading\"><b>Een Overzicht van WordPress Globale Stijlen<\/b><\/h2>\n\n\n<p>Voordat je aan de slag gaat met Global Styles, is het belangrijk om te begrijpen wat ze zijn en hoe ze werken. Deze functie werkt samen met <i>theme.json<\/i>, een nieuw thema-instellingenbestand. Ontwikkelaars kunnen <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\">theme.json gebruiken<\/a> om standaardinstellingen voor een site en individuele blokken te defini\u00ebren. Gutenberg past deze JSON automatisch toe wanneer je het bestand in de hoofddirectory van een blokgebaseerd thema plaatst.<\/p>\n\n\n<p>Dit bestand is een van de nuttigste hulpmiddelen van de nieuwe volledige site-editor in WordPress 5.9. Het bestand stelt thema-auteurs in staat om Globale Stijlen en Globale Instellingen te delen. <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-crash-course\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> herformatteert de gegevens die uit deze JSON-objecten worden gehaald en zet ze om in CSS. Vervolgens kunnen gebruikers de stijlen verder aanpassen in de WordPress-editor.<\/p>\n\n\n<p>In eerdere versies van de <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg plugin<\/a>, moest je ondersteuning voor de stijleigenschappen van een blok registreren voordat je ermee kon werken in <i>theme.json<\/i>. Ook moest je in klassieke thema&#8217;s en oudere versies PHP gebruiken om zaken zoals je kleurkeuzes <a href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" target=\"_blank\" rel=\"noopener\">en lettertypen<\/a> te defini\u00ebren. Vervolgens moest je stijlen toevoegen voor de frontend en backend kanten van je thema.<\/p>\n\n\n<p>Echter, met de nieuwste versie, wanneer je een thema gebruikt met het<i> theme.json<\/i> bestand op zijn plaats, voegt WordPress automatisch de daar gedefinieerde stijlen toe aan je stylesheet. Je kunt dit systeem gebruiken om volledig nieuwe kleurenpaletten toe te voegen, de typografie van thema&#8217;s te wijzigen, en meer.<\/p>\n\n\n<h2 id=\"h-why-use-wordpress-global-styles\" class=\"wp-block-heading\"><b>Waarom WordPress Globale Stijlen Gebruiken<\/b><\/h2>\n\n\n<p>Ongeacht je vaardigheidsniveau, zul je waarschijnlijk merken dat het gebruik van Global Styles een intu\u00eftieve en toegankelijke ervaring is. Over het algemeen kan het het <a href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" target=\"_blank\" rel=\"noopener\">webdesign<\/a>-proces stroomlijnen door het makkelijker te maken om het uiterlijk en gevoel van je site te veranderen. Als je een WordPress-beginner bent, kan het benutten van deze Global Styles betekenen dat je geen <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-hire-web-developer\/\" target=\"_blank\" rel=\"noopener\">ontwikkelaar hoeft in te huren<\/a> om je <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-design-a-website\/\" target=\"_blank\" rel=\"noopener\">website te ontwerpen<\/a>. Sorry, ontwikkelaars.<\/p>\n\n\n<p>Aan de andere kant kan deze nieuwe functie bijzonder nuttig zijn voor thema-ontwikkelaars. Dat komt omdat Global Styles WordPress-ontwikkelaars helpt bij het stylen van blokken binnen de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">Block Editor<\/a>. Dit kan zeer voordelig zijn, vooral voor nieuwe thema-auteurs. Het biedt een verscheidenheid aan bedieningselementen die de noodzaak om aangepaste oplossingen te cre\u00ebren voor het stylen van een site minimaliseren.<\/p>\n\n\n<p>Met andere woorden, Global Styles vereenvoudigt themaontwikkeling in hoge mate. Als gevolg hiervan kan het ontwikkelaars helpen om <a href=\"https:\/\/www.dreamhost.com\/blog\/scary-web-design-mistakes\/\" target=\"_blank\" rel=\"noopener\">schadelijke ontwerpfouten<\/a> te vermijden.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-creating-the-theme-json-file\" class=\"wp-block-heading\"><b>Het Aanmaken van het theme.json Bestand<\/b><\/h2>\n\n\n<p>Het<i> theme.json<\/i>-bestand bevat twee belangrijke onderdelen: instellingen en stijlen. Instellingen verwijzen naar een lijst van globale of contextuele configuratiewaarden die bepalen hoe de editor en blokken zich gedragen. Bijvoorbeeld, het be\u00efnvloedt welke bedieningselementen standaard ingeschakeld zijn, welke bedieningselementen verborgen zijn voor de Gebruikersinterface (UI), het beschikbare kleurenpalet, typografie-instellingen, enz.<\/p>\n\n\n<p>Styles regelt de ontwerptaal van het thema en stelt thema-auteurs in staat om elementen te defini\u00ebren zoals:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Lettergrootte<\/li>\n\n\n\n<li>Regelhoogte<\/li>\n\n\n\n<li>Achtergrondkleuren<\/li>\n\n\n\n<li>Linkkleuren<\/li>\n\n\n<\/ul>\n\n\n<p>Als je een <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>theme.json<\/i>-bestand<\/a> wilt aanmaken, kun je een nieuw bestand met die naam maken en het vervolgens in de rootmap van je thema plaatsen. Alle inhoud van je bestand moet tussen twee accolades worden geplaatst: { }.<\/p>\n\n\n<p>Hierna gebruik je eigenschapsnamen en waarden binnen dubbele aanhalingstekens en gescheiden door een dubbele punt, bijvoorbeeld:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"eigenschapsnaam\": \"waarde\"\n\n}<\/pre>\n\n\n<p>De eigenschapsnaam kan zowel een instelling als een bloknaam zijn. Hieronder staat een voorbeeld van een zeer basaal <i>theme.json<\/i> bestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"versie\": 1,\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"instellingen\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"stijlen\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"aangepasteSjablonen\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"sjabloonOnderdelen\": {}\n\n}<\/pre>\n\n\n<p>Versie 1 van het <i>theme.json<\/i>-formaat is de vroegste, meest stabiele versie. Echter, versie 2 wordt gebruikt vanaf WordPress 5.9. Terwijl de versiesectie de eerste moet zijn die het openingshaakje volgt, kunnen de volgende secties in willekeurige volgorde geplaatst worden.<\/p>\n\n\n<p>Zoals we al zeiden, bestaan de twee hoofdsecties van het bestand uit Instellingen en Stijlen. Laten we dus eens nader kijken naar de presets voor elk.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-settings-presets\"><b>Instellingen Voorinstellingen<\/b><\/h3>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\" target=\"_blank\" rel=\"noopener\">Presets<\/a> verwijzen naar de standaardinstellingen evenals eventuele aangepaste CSS-eigenschappen en worden gegenereerd door de waarden in <i>theme.json<\/i>. Enkele van de belangrijkste categorie\u00ebn van presets zijn:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Kleur<\/li>\n\n\n\n<li>Typografie<\/li>\n\n\n\n<li>Indeling<\/li>\n\n\n\n<li>Afstand<\/li>\n\n\n<\/ul>\n\n\n<p>Categorie\u00ebn kunnen ook subcategorie\u00ebn hebben. Bijvoorbeeld, een subcategorie van Kleur kan Kleurenpalet zijn:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"version\": 2,\n\n\"instellingen\": {\n\n\"kleur\": {\n\n\"palet\": [\n\n{<\/pre>\n\n\n<p>Elke voorinstelling cre\u00ebert ook een aangepaste CSS-eigenschap met behulp van de \u201c&#8211;wp&#8211;preset&#8211;{preset-category}&#8211;{preset-slug}\u201d naamgevingsconventie.<\/p>\n\n\n<p>Er zijn een heleboel voorinstellingen en voorbeelden die je kunt gebruiken om je <i>theme.json<\/i> bestand te cre\u00ebren, dus we zullen ze hier niet allemaal bespreken. Je kunt echter verwijzen naar de <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\">WordPress-handleiding<\/a> voor meer gedetailleerde begeleiding.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-styles-presets\"><b>Stijlvoorinstellingen<\/b><\/h3>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\" target=\"_blank\" rel=\"noopener\">Stijlvoorinstellingen<\/a> beheersen de stijlen van objecten binnen blokken. Bijvoorbeeld, de volgende zou een manier zijn om de hex-waarde voor een achtergrond te gebruiken en een wereldwijde stijlvoorinstelling voor de tekstkleur:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"versie\": 2,\n\n\"instellingen\": { ... },\n\n\"stijlen\": {\n\n\"kleur\": {\n\n\"achtergrond\": \"#FBF\",\n\n\"tekst\": \"var(--wp--preset--color--purple)\"\n\n}\n\n}\n\n}<\/pre>\n\n\n<p>Als we de kopkleur van een blok wilden veranderen, zou het er ongeveer zo uitzien:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\n\"instellingen\": {...},\n\n\"stijlen\": {\n\n...,\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"blokken\": {\n\n &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \"core\/heading\": {\n\n &nbsp; &nbsp; \"kleur\": {\n\n&nbsp; &nbsp; &nbsp; \"tekst\": \"var(--wp--preset--kleur--blauw)\"\n\n &nbsp; &nbsp; }<\/pre>\n\n\n<p>Opnieuw zijn er bijna oneindig veel voorbeelden en manieren om presets te gebruiken voor blokstijlen. Je kunt verwijzen naar de WordPress-documentatie voor een <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#block-styles\" target=\"_blank\" rel=\"noopener\">volledige uitleg<\/a>.<\/p>\n\n\n<p>Er zijn ook <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">Sjablonen en sjabloononderdelen<\/a>-secties. Deze bevatten de basisbestanden van je thema, zoals <i>index.html<\/i>, evenals secties om je thema te organiseren en te structureren.<\/p>\n\n\n<h2 id=\"h-how-to-style-your-wordpress-site-using-global-styles\" class=\"wp-block-heading\"><b>Hoe Je WordPress-Site Te Stijlen Met Globale Stijlen<\/b><\/h2>\n\n\n<p>Als je een beginner-vriendelijke manier zoekt om Globale Stijlen te gebruiken om je website vorm te geven, kun je de Global Styles interface gebruiken met een WordPress blokthema. Let op dat je alleen toegang hebt tot de Stijlen interface met <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing-update\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a> of hoger.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tHow To Build a Website This Weekend: Complete Beginner\u2019s Guide\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/beginners-website-guide\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-choosing-a-block-based-theme\"><b>Een Blokgebaseerd Thema Kiezen<\/b><\/h3>\n\n\n<p>Eerst heb je een blokgebaseerd thema nodig. Om er een te vinden, kun je navigeren naar de <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Theme Directory<\/a> vanuit je beheerdersdashboard door te bladeren naar<i> Weergave &gt; Thema&#8217;s &gt; Nieuw toevoegen<\/i>. Vervolgens kun je klikken op de <i>Feature Filter<\/i> en <i>Volledige Site Bewerking<\/i> selecteren, gevolgd door <i>Toepassen<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1067\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles.jpg\" alt=\"WordPress Full-Site Editing themafunctie filter\" class=\"wp-image-33280 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles.jpg.webp 1067w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-1024x540.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-768x405.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-600x317.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-730x385.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-784x414.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-877x463.jpg.webp 877w\" data-sizes=\"(max-width: 1067px) 100vw, 1067px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1067px; --smush-placeholder-aspect-ratio: 1067\/563;\" \/><\/figure><\/div>\n\n<p>Zodra je een <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-pick-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">WordPress-thema vindt<\/a> dat je leuk vindt, kun je je muis eroverheen bewegen, vervolgens <i>Installeren<\/i> selecteren gevolgd door <i>Activeren<\/i>. We zullen <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Two<\/a> gebruiken, wat mogelijk al ge\u00efnstalleerd is als je WordPress 5.9 of later gebruikt.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessing-the-styles-interface\"><b>Toegang Tot De Stijleninterface<\/b><\/h3>\n\n\n<p>Hierna ga je naar je Theme Editor (<i>Appearance &gt; Editor<\/i>). In de rechterbovenhoek van het scherm zie je een half afgeschaduwde cirkel, die het Styles panel vertegenwoordigt:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"794\" height=\"537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg\" alt=\"WordPress wereldwijde stijlen paneel\" class=\"wp-image-33279 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg.webp 794w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-300x203.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-768x519.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-600x406.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-730x494.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-784x530.jpg.webp 784w\" data-sizes=\"(max-width: 794px) 100vw, 794px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 794px; --smush-placeholder-aspect-ratio: 794\/537;\" \/><\/figure><\/div>\n\n<p>Wanneer je er voor het eerst op klikt, wordt een Stijlen Welkomstgids gepresenteerd. Als je hier in de toekomst toegang tot nodig hebt, kun je het vinden door op de drie verticale puntjes in de rechterbovenhoek te klikken en <i>Welkomstgids<\/i> te selecteren.<\/p>\n\n\n<p>Het voorbeeldvenster laat zien hoe de huidige stijl van je thema eruitziet. Onder het paneel Stijlen vind je instellingen voor:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Typografie<\/li>\n\n\n\n<li>Kleuren<\/li>\n\n\n\n<li>Indeling<\/li>\n\n\n\n<li>Blokken<\/li>\n\n\n<\/ul>\n\n\n<p>Laten we elk van hen eens nader bekijken.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-typography\"><b>Typografie<\/b><\/h4>\n\n\n<p>Onder <i>Typography<\/i> kun je de typografie-instellingen beheren voor twee elementen: <i>Text<\/i> en <i>Links<\/i>.<\/p>\n\n\n<p>Je kunt het lettertype en de grootte veranderen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4.jpg\" alt=\"WordPress Globale Stijlen typografie-instellingen scherm\" class=\"wp-image-33278 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n<p>Je kunt ook de regelhoogte aanpassen en een lettergewicht selecteren. Je hebt dezelfde opties voor je links. Als je klaar bent, vergeet dan niet je wijzigingen op te slaan.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-colors\"><b>Kleuren<\/b><\/h4>\n\n\n<p>Onder <i>Kleuren<\/i> vind je de standaard kleurvoorinstellingen die bij je thema horen. Om je eigen kleurenpaletten te maken, kun je de <i>HEX<\/i>-waardenummers invoeren of de slepen-en-neerzetten kleurenkiezer gebruiken om je voorkeurskleuren te genereren:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3.jpg\" alt=\"WordPress globale stijlen kleurinstellingen\" class=\"wp-image-33277 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n<p>Je kunt de kleuren ook hernoemen naar iets herkenbaarders of beschrijvenders dan de standaard hexadecimale alfanumerieke waarden. Je kunt aangepaste verlopen toevoegen, duo-toonfilters toepassen op afbeeldingen en meer.<\/p>\n\n\n<p>Hierna kun je de kleuren voor drie hoofdelementen wijzigen: <i>Achtergrond<\/i>, <i>Tekst<\/i> en <i>Links<\/i>. Je kunt ook een van deze elementen selecteren om de stijl aan te passen. De wijzigingen worden direct toegepast tijdens het bewerken.<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-layout\"><b>Indeling<\/b><\/h4>\n\n\n<p>Onder <i>Layout<\/i> kun je de padding en andere elementen aanpassen. Dit is eenvoudig en kan zeer nuttig zijn wanneer je een kleine aanpassing moet maken (bijvoorbeeld voor de symmetrie van de pagina).<\/p>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-blocks\"><b>Blokken<\/b><\/h4>\n\n\n<p>Ten slotte kun je het uiterlijk van afzonderlijke blokken wijzigen. Nadat je <i>Blokken <\/i>hebt geselecteerd uit het Stijlenpaneel, vind je een lijst van blokken op je site.<\/p>\n\n\n<p>Stel je wil de stijl van je Heading-blok wijzigen. Je kunt <i>Heading <\/i>uit de lijst selecteren en vervolgens de <i>Colors <\/i>en <i>Typography <\/i>instellingen aanpassen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"926\" height=\"426\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2.jpg\" alt=\"Stylingopties voor het WordPress Kopblok\" class=\"wp-image-33276 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2.jpg.webp 926w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-300x138.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-768x353.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-600x276.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-730x336.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-784x361.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-877x403.jpg.webp 877w\" data-sizes=\"(max-width: 926px) 100vw, 926px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 926px; --smush-placeholder-aspect-ratio: 926\/426;\" \/><\/figure><\/div>\n\n<p>Als je klaar bent, kun je op <i>Opslaan<\/i> klikken. Als je ooit terug wilt naar de themastijlen die je had voordat je wijzigingen aanbracht, kun je naar het Stijlenpaneel navigeren, op de drie verticale puntjes klikken en vervolgens <i>Herstellen naar standaardinstellingen<\/i> selecteren.<\/p>\n\n\n<h2 id=\"h-a-better-way-to-use-and-style-wordpress\" class=\"wp-block-heading\"><b>Een Betere Manier Om WordPress Te Gebruiken En Vorm Te Geven<\/b><\/h2>\n\n\n<p>WordPress werkt continu aan het verbeteren van de ervaring voor zijn gebruikers. Nu, dankzij Global Styles, is themaontwikkeling net dat beetje eenvoudiger geworden voor zowel beginners als ervaren professionals.<\/p>\n\n\n<p>Zoals besproken in deze post, kun je een<i> theme.json<\/i> bestand cre\u00ebren om Globale Stijlen configuraties toe te passen op je thema. Je kunt ook de Stijlen-editor gebruiken met een blok-gebaseerd thema om het uiterlijk van je site aan te passen. Dit alles maakt het ontwerpen van een succesvolle website een fluitje van een cent.<\/p>\n\n\n<p>DreamHost is een team van ervaren webexperts. Wij begrijpen het belang van het optimaliseren van je WordPress-ervaring. We beloven je inspanningen te ondersteunen met de nieuwste <a href=\"https:\/\/www.dreamhost.com\/blog\/ways-to-support-open-source\/\" target=\"_blank\" rel=\"noopener\">open-source<\/a> technologie en bekroonde ondersteuning. Bekijk vandaag nog onze <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">beheerde WordPress-hostingplannen<\/a> om meer te leren!<\/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      Doe Meer Met DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      DreamPress Plus en Pro gebruikers krijgen toegang tot Jetpack Professional (en meer dan 200 premium thema&#8217;s) zonder extra kosten!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Bekijk De Pakketten                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress blokken en Full-Site Editing (FSE)-functies maken het bouwen en vormgeven van een succesvolle website snel en eenvoudig. Globale Stijlen kunnen je helpen het uiterlijk van je WordPress-site te uniformeren zonder dat je afzonderlijke blokken of pagina&#8217;s hoeft te bewerken. Dus of je nu je achtergrondkleur wilt veranderen of de typografie van de kop wilt aanpassen, je zult in staat zijn om [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":33273,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.","toc_headlines":"[[\"h-an-overview-of-wordpress-global-styles\",\"Een Overzicht van WordPress Globale Stijlen\"],[\"h-why-use-wordpress-global-styles\",\"Waarom WordPress Globale Stijlen Gebruiken\"],[\"h-creating-the-theme-json-file\",\"Het Aanmaken van het theme.json Bestand\"],[\"h-how-to-style-your-wordpress-site-using-global-styles\",\"Hoe Je WordPress-Site Te Stijlen Met Globale Stijlen\"],[\"h-a-better-way-to-use-and-style-wordpress\",\"Een Betere Manier Om WordPress Te Gebruiken En Vorm Te Geven\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946,14948],"tags":[],"class_list":["post-70101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-wordpress-nl","category-decoding-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen\" \/>\n<meta property=\"og:description\" content=\"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-18T15:11:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:28:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen - DreamHost Blog","description":"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/","og_locale":"en_US","og_type":"article","og_title":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen","og_description":"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-03-18T15:11:24+00:00","article_modified_time":"2025-05-26T16:28:02+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-05-26T16:28:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/"},"wordCount":1597,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","articleSection":["Handleidingen","WordPress","WordPress Ontcijferen"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/","name":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-05-26T16:28:02+00:00","description":"Global Styles can help you control the appearance of your WordPress website without having to go in and edit single blocks or pages. Read on to learn more.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","width":900,"height":598,"caption":"WordPress Full Site Editing Global Styles"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/decoderen-van-wordpress-een-introductie-tot-wereldwijde-stijlen-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decoderen van WordPress: Een Introductie tot Wereldwijde Stijlen"}]},{"@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":70101,"es":33260,"en":33258,"pt":52864,"de":52868,"pl":54238,"uk":54247,"ru":54273,"it":68241,"fr":70068},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70101","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=70101"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70101\/revisions"}],"predecessor-version":[{"id":70103,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70101\/revisions\/70103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33273"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}