{"id":34025,"date":"2020-08-10T00:18:26","date_gmt":"2020-08-10T07:18:26","guid":{"rendered":"https:\/\/kinsta.com\/?p=77421"},"modified":"2023-06-08T10:50:34","modified_gmt":"2023-06-08T08:50:34","slug":"wordpress-5-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/","title":{"rendered":"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release"},"content":{"rendered":"<p>WordPress 5.5 is er, en er is genoeg nieuws. Hoog tijd dat we de meest opvallende veranderingen en features bespreken die zijn toegevoegd aan de WordPress core.<\/p>\n<p>Het is alweer de tweede WordPress release van dit jaar en net als bij de vorige WordPress releases zijn er ook hier weer een flink aantal toevoegingen aan de blok-editor. WordPress 5.5 stelt niet teleur!<\/p>\n<p>Maar uiteraard zijn ook buiten de editor tal van andere wijzigingen die een grote impact zullen hebben op de manier waarop we het <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">CMS<\/a> gebruiken.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>We organiseren een gratis webinar waarin we alle nieuwe features van WordPress 5.5 bespreken en illustreren, dus <a href=\"https:\/\/kinsta.com\/nl\/webinars\/wat-is-er-nieuw-in-wordpress-5-5\/\">zorg dat je meedoet<\/a>!<\/p>\n<\/aside>\n\n<p>WordPress 5.5 brengt veel wijzigingen in WordPress core, maar helaas zijn een aantal features die we hadden verwacht in 5.5 uitgesteld en verwijderd van deze versie vanwege <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/02\/editor-features-for-wordpress-5-5-update\/\">een aantal onopgeloste problemen<\/a>. Full-site bewerkingen, navigatieblok, navigatiescherm en widgetscherm zijn dus zaken die we helaas niet aan zullen treffen in WordPress 5.5.<\/p>\n<p>Als je meer wil lezen over de <a href=\"https:\/\/make.wordpress.org\/core\/5-5\/\">ontwikkelingscyclus van WordPress 5.5<\/a>, lees dan de onderstaande links:<\/p>\n<ul>\n<li>7 juli 2020: B<a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-1\/\">eta 1<\/a><\/li>\n<li>14 juli 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-2\/\">Beta 2<\/a><\/li>\n<li>21 juli 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-3\/\">Beta 3<\/a><\/li>\n<li>27 juli 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-4\/\">Beta 4<\/a><\/li>\n<li>28 juli 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-release-candidate\/\">RC 1<\/a><\/li>\n<li>4 augustus 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/08\/wordpress-5-5-release-candidate-2\/\">RC 2<\/a><\/li>\n<li>10 augustus 2020: <a href=\"https:\/\/wordpress.slack.com\/archives\/C02RQBWTW\/p1597076826108900\">Testronde voor de WordPress 5.5 release<\/a><\/li>\n<li>11 augustus 2020: <a href=\"https:\/\/wordpress.org\/news\/2020\/08\/eckstine\/\">Releasedatum van WordPress 5.5<\/a><\/li>\n<\/ul>\n<p>Dus, wat is er allemaal voor nieuws te verwachten in WordPress 5.5?<\/p>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Nieuwe toevoegingen aan de blok-editor<\/h2>\n<p>Met de release van WordPress 5.5 zijn tien versies van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a> plugin toegevoegd aan WordPress core. Al met al is dit een groot aantal UI verbeteringen, features, verbeteringen en bugfixes. Het bewerken van artikelen zal dus weer een beetje worden verbeterd door verbeterde bruikbaarheid, functionaliteit en prestaties.<\/p>\n<p>Het is bijna onmogelijk om alle veranderingen hier te noemen, dus in dit artikel vind je een zorgvuldig uitgekozen selectie van onze favoriete nieuwe functies en verbeteringen.<\/p>\n<p>Voor een uitgebreidere lijst met verbeteringen en functies die met WordPress 5.5 zijn toegevoegd aan de blok-editor, kan je het beste de offici\u00eble aankondigingen bekijken van de releases van de plugin zelf: <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\">7.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/whats-new-in-gutenberg-26-february\/\">7.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">7.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">7.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">7.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">8.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/13\/whats-new-in-gutenberg-13-may\/\">8.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/27\/whats-new-in-gutenberg-27-may\/\">8.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">8.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">8.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/08\/whats-new-in-gutenberg-8-july\/\">8.5<\/a>.<\/p>\n<p>Dat gezegd hebbende, we bespreken de volgende toevoegingen aan de blok-editor die WordPress 5.5 doet:<\/p>\n<ol>\n<li><a href=\"#new-ui-design\">Nieuw UI design<\/a><\/li>\n<li><a href=\"#block-design-tools\">Blokdesigntools<\/a><\/li>\n<li><a href=\"#inline-image-editing\">Inline afbeeldingsbewerking<\/a><\/li>\n<li><a href=\"#block-categories\">Blokcategorie\u00ebn en nieuw blokinvoegpaneel<\/a><\/li>\n<li><a href=\"#block-directory\">De blokdirectory en blokplugins<\/a><\/li>\n<li><a href=\"#block-patterns\">Blokpatronen<\/a><\/li>\n<\/ol>\n<h3 id=\"new-ui-design\">Nieuw UI design<\/h3>\n<p>Elke versie van de Gutenberg plugin brengt kleine en niet zo kleine verbeteringen met zich mee. Samen veranderen ze stap-voor-stap de bewerkingservaring. Veel van deze wijzigingen zijn nu samengevoegd in WordPress core. Wanneer je dus de blok-editor voor het eerst opstart in WordPress 5.5, zal de iets andere interface waarschijnlijk meteen je aandacht trekken. Dit kan je verwachten:<\/p>\n<ul>\n<li>Een vereenvoudigde blokbewerkingsbalk<\/li>\n<li>Sterker <a href=\"https:\/\/kinsta.com\/nl\/blog\/website-kleurenschema\/\">kleurcontrast<\/a><\/li>\n<li>Nieuwe iconen<\/li>\n<li>Blokverplaatsers<\/li>\n<li>Omringende elementen<\/li>\n<li>Previews voor verschillende apparaten<\/li>\n<li>Verbeterde drag-and-drop<\/li>\n<li>Verbeterde en uniforme blokfocusstijlen binnen de gehele gebruikersinterface<\/li>\n<li>Mogelijkheid om meerdere blokken tegelijk op te maken<\/li>\n<li>Betere prestaties<\/li>\n<\/ul>\n<figure style=\"width: 1586px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/meerdere-blokken-opmaken-wordpress.jpg\" alt=\"Meerdere blokken opmaken in WordPress 5.5\" width=\"1586\" height=\"1136\"><figcaption class=\"wp-caption-text\">Meerdere blokken opmaken in WordPress 5.5<\/figcaption><\/figure>\n<p>De hierboven genoemde toevoegingen komen van <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a> en is maar een selectie van de vele veranderingen die de bewerkingservaring zullen verbeteren.<\/p>\n<figure style=\"width: 608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/mobiele-preview-wordpress.jpg\" alt=\"Mobiele preview in WordPress 5.5\" width=\"608\" height=\"564\"><figcaption class=\"wp-caption-text\">Mobiele preview in WordPress 5.5<\/figcaption><\/figure>\n<p>Een aantal overige wijzigingen:<\/p>\n<h4>Opties voor subscript en superscript<\/h4>\n<p>Je kan nu subscript en superscript tekst gebruiken vanuit de Rich Text controls (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">Gutenberg 8.0<\/a>).<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuwe-blokbewerkingsbalk-opnieuw-ontworpen-iconen.jpg\" alt=\"De nieuwe blokbewerkingsbalk met opnieuw ontworpen iconen, blokverplaatser en beter kleurcontrast\" width=\"1213\" height=\"664\"><figcaption class=\"wp-caption-text\">De nieuwe blokbewerkingsbalk met opnieuw ontworpen iconen, blokverplaatser en beter kleurcontrast<\/figcaption><\/figure>\n<h4>Selectie parentblok<\/h4>\n<p>Een gloednieuwe werkbalkknop verschijnt nu wanneer je over de linkerkant van de werkbalk zweeft. Deze nieuwe knop maakt het mogelijk om (bovenliggende) parentblokken binnen nexted contexts te selecteren (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure style=\"width: 1018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/parentselector-media-tekst-blok.jpg\" alt width=\"1018\" height=\"384\"><figcaption class=\"wp-caption-text\">De parent selector in een Media &#038; Text blok<\/figcaption><\/figure>\n<h3 id=\"block-design-tools\">Blokdesigntools<\/h3>\n<p>Ook zijn er de afgelopen maanden verschillende ontwerptools aan de Gutenberg plugin toegevoegd. Deze zijn met WordPress 5.5 nu opgenomen in WordPress core.<\/p>\n<h4>Hoogteregeling en achtergrondverloop<\/h4>\n<p>Met deze set aan tools heb je meer controle over de afmetingen en achtergrondkleur voor een aantal verschillende blokken (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>).<\/p>\n<figure style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/achtergrondverloopinstellingen-blok-kolommen.jpg\" alt=\"Achtergrondverloopinstellingen voor het blok Kolommen\" width=\"1742\" height=\"814\"><figcaption class=\"wp-caption-text\">Achtergrondverloopinstellingen voor het blok Kolommen<\/figcaption><\/figure>\n<h4>Meer controle opvulling en linkkleuren<\/h4>\n<p>Ook komen er twee andere features naar WordPress core (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>), ook al hebben ze op moment van schrijven nog de experimentele status:<\/p>\n<ul>\n<li>Meer controle over opvulling van het Cover blok.<\/li>\n<li>Meer controle over de linkkleur voor de blokken Paragraaf, Kop, Kolommen en Media &#038; Tekst.<\/li>\n<\/ul>\n<p>Deze functies staan standaard uitgeschakeld. Als developers deze functies in willen schakelen, moeten ze dit expliciet declaren, zoals <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">uitgelegd in het Block Editor Handbook<\/a>.<\/p>\n<p>Als je de opvullingscontrols voor het Cover blok ook aan jouw thema&#8217;s wil toevoegen, voeg dan eenvoudig de volgende regel toe aan het <a href=\"https:\/\/kinsta.com\/nl\/blog\/child-thema-wordpress\/#the-functions-file\">functions.php bestand van je thema<\/a>:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-custom-spacing' );<\/code><\/pre>\n<p>Als je de linkkleurcontrols wil toevoegen aan de Paragraaf, Kop, Groep, Kolommen en Media &#038; Tekst blokken, voeg dan de volgende regel toe aan het functions bestand van je thema:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-link-color' );<\/code><\/pre>\n<h4>Custom units en custom line hoogte<\/h4>\n<p>Met deze nieuwe feature kan je <code>px<\/code>, <code>em<\/code>, <code>rem<\/code>, <code>vw<\/code> en <code>vh<\/code> height values instellen voor het Cover blok (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>). Ook <code>%<\/code> wordt ondersteund, maar is &#8220;verborgen&#8221; vanwege de onvoorspelbare weergave van procentuele hoogten.<\/p>\n<p>Met de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20888\">verbeterde hoogtecontrols<\/a> kan je waarden met 10 verspringen door <code>Shift<\/code> ingedrukt te houden terwijl je <code>up<\/code> of <code>down<\/code> drukt.<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuwe-unit-control.jpg\" alt=\"De nieuwe unit control\" width=\"279\" height=\"309\"><figcaption class=\"wp-caption-text\">De nieuwe unit control<\/figcaption><\/figure>\n<p>Developers kunnen <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/new-block-tools-on-wordpress-5-5\/\">ondersteuning voor custom units<\/a> toevoegen door de support flag <code>custom-units<\/code> te defini\u00ebren:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units' );<\/code><\/pre>\n<p>Ook kan je specifieke custom units instellen:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units', 'rem', 'em' );<\/code><\/pre>\n<p>Developers kunnen ook aan Koppen en Parafragen custom line heights toevoegen door de support flag <code>custom-line-height<\/code> te defini\u00ebren:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-line-height' );<\/code><\/pre>\n<h3 id=\"inline-image-editing\">Inline afbeeldingsbewerking<\/h3>\n<p>Met <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">Gutenberg 8.4<\/a> werd een nieuwe bewerkingsfunctie toegevoegd aan de blok-editor, waardoor gebruikers <a href=\"https:\/\/kinsta.com\/nl\/blog\/afbeeldingen-optimaliseren-voor-internet\/\">afbeeldingen<\/a> rechtstreeks vanuit het afbeeldingsblok konden wijzigen.<\/p>\n<p>Nu het is samengevoegd in WordPress core kan je vanaf WordPress 5.5 makkelijk afbeeldingsposities bijsnijden, draaien, roteren, zoomen en aanpassen zonder dat je de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-mediabibliotheek\/\">Mediabibliotheek<\/a> hoeft te openen. Dit resulteert in een snellere bewerkingservaring.<\/p>\n<p>Als je <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-fotogalerij-plugins\/\">veel foto&#8217;s publiceert<\/a>, dan zul je ongetwijfeld deze feature weten te waarderen.<\/p>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/inline-afbeeldingsbewerking-wordpress.jpg\" alt=\"Inline afbeeldingsbewerking in WordPress 5.5\" width=\"1280\" height=\"1116\"><figcaption class=\"wp-caption-text\">Inline afbeeldingsbewerking in WordPress 5.5<\/figcaption><\/figure>\n<p>Klik op de Bijsnijden knop in de afbeelding-werkbalk om toegang te krijgen tot de nieuwe bewerkingsfuncties. Als je tevreden bent met je aanpassingen, pas je de wijzigingen toe en je bent klaar.<\/p>\n<p>WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/20\/editing-images-in-the-block-editor\/\">slaat een nieuwe afbeelding op als bijlage<\/a> in de Mediabibliotheek en kopieert details van de originele afbeelding ((titel, beschrijving, ondertitel, alt text, en EXIF data). Dit geeft je volledige controle over nieuwe afbeeldingsversies.<\/p>\n<h3 id=\"block-categories\">Blok categorie\u00ebn en het nieuwe\u00a0 blok toevoegen paneel<\/h3>\n<p>Het opnieuw ontworpen invoegpaneel toont blokken en patronen per categorie, wat het hele bewerkingsproces aanzienlijk verbetert en waardoor blokken en patronen makkelijker te vinden zijn (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure style=\"width: 1364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/tabblad-blokken-patronen-nieuwe-blokinvoeger.jpg\" alt=\"Het tabblad blokken en patronen in de nieuwe blokinvoeger\" width=\"1364\" height=\"1044\"><figcaption class=\"wp-caption-text\">Het tabblad blokken en patronen in de nieuwe blokinvoeger<\/figcaption><\/figure>\n<h3 id=\"block-directory\">De blokdirectory en blokplugins<\/h3>\n<p>Door de toevoeging van de <a href=\"https:\/\/wordpress.org\/plugins\/browse\/block\/\">blokdirectory<\/a> kan je blokken van derden rechtstreeks binnen het blokinvoegpaneel vinden, installeren en toevoegen.<\/p>\n<p>Wanneer je zoekt naar een blok, en je hebt deze nog niet ge\u00efnstalleerd, dan krijg je een <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">lijst met plugins te zien uit de pluginbibliotheek<\/a>. Deze plugins worden &#8220;block plugins&#8221; genoemd en je kan ze met een simpele klik toevoegen aan je editor.<\/p>\n<figure style=\"width: 350px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/extern-blok-uit-wordpress-community.jpg\" alt=\"Een extern blok uit de WordPress community\" width=\"350\" height=\"694\"><figcaption class=\"wp-caption-text\">Een extern blok uit de WordPress community<\/figcaption><\/figure>\n<p>Dankzij deze nieuwe geweldige functie, kan je nu je eigen blokken bouwen en <a href=\"https:\/\/kinsta.com\/blog\/publish-plugin-wordpress-plugin-directory\/\">ze publiceren binnen de pluginbibliotheek<\/a>, waardoor je makkelijk je creaties kan delen met de <a href=\"https:\/\/kinsta.com\/learn\/wordpress-history\/\">WordPress community<\/a>.<\/p>\n<p>Om je eigen aangepaste blokken te maken, hoef je geen <a href=\"https:\/\/kinsta.com\/nl\/blog\/php-tutorials\/\">PHP guru<\/a> te zijn, en dat is natuurlijk goed nieuws. Het enige wat je nodig hebt is basiskennis van JavaScript.<\/p>\n<p>Weet je niet zeker waar je moet beginnen met het ontwikkelen van je eigen blokken? De fantastische WordPress community helpt je goed op weg met een <a href=\"https:\/\/developer.wordpress.org\/block-editor\/tutorials\/block-tutorial\/\">eenvoudige stap-voor-stap tutorial<\/a>.<\/p>\n<p>De eerste versie van de bloktutorial is nu beschikbaar in het offici\u00eble Block Editor Handbook om je te helpen de basisprincipes van blokontwikkeling onder de knie te krijgen. Je kan meer lezen over de <a href=\"https:\/\/make.wordpress.org\/plugins\/2020\/07\/11\/you-can-now-add-your-own-plugins-to-the-block-directory\/\">blokdirectory en ontwikkeling van blokplugins<\/a> op de blog van Make WordPress Plugins.<\/p>\n<h3 id=\"block-patterns\">Blokpatronen<\/h3>\n<p>In maart 2020 introduceerden <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a> en <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">Gutenberg 7.9<\/a> blokpatronen en het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21074\">blokpatroon API<\/a> voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/snelste-wordpress-thema\/\">thema&#8217;s<\/a> en <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-plugins\/\">plugins<\/a>.<\/p>\n<p><strong>Blokpatronen zijn vooraf gedefinieerde bloklay-outs waarmee gebruikers snel complexe structuren van nested blokken konden toevoegen aan hun pagina\u2019s.<\/strong> Hun bedoeling was om <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/contentstrategie\/\">contentschrijvers<\/a> en sitebeheerders te helpen het &#8220;legepaginasyndroom&#8221; te overwinnen en met gemak professionele lay-outs en geavanceerde weergaven konden bouwen.<\/p>\n<p>Blokpatronen komen het best tot hun recht bij full-site bewerking.<\/p>\n<p>Een duidelijke uitleg van waar blokpatronen voor bedoeld zijn, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17335#issuecomment-541448895\">komt van Mathias Ventura<\/a>, hoofdarchitect van het Gutenberg project:<\/p>\n<blockquote><p>Even iets tussendoor &#8211; het idee achter blokpatronen, oftewel de &#8220;block patterns&#8221; &#8211; gaat niet zozeer over de afzonderlijke template onderdelen (die structureel zinvol zijn) maar meer over algemene ontwerpelementen die bestaan uit kleine blokken. Zodra ze worden ingebracht, worden ze niet afzonderlijk opgeslagen. Dit kan bijvoorbeeld een &#8220;Cover&#8221; afbeelding zijn die een aantal blokken combineert om een specifieke look te krijgen die gebruikers anders veel tijd zou kosten. Zie het dus meer als een verzameling van ontwerpen die overal toegevoegd kan worden zonder noodzakelijkerwijs een herbruikbaar onderdeel van een thematemplate te vertegenwoordigen.<\/p><\/blockquote>\n<p>Blokpatronen zijn ontwerpelementen die verschillen van template onderdelen in dat ze sitebeheerders en contentcreators kunnen helpen het bewerkingsproces te versnellen en verbeteren.<\/p>\n<p>Blokpatronen werd gelanceerd met <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a> als een plugin in de zijbalk. Later, met de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">release van Gutenberg 8.0<\/a> stapten ze over naar de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20951\">vernieuwde blokinvoerder<\/a> die je nu kan aantreffen als een paneel aan de linkerkant van de editor, zoals te zien in onderstaande afbeelding:<\/p>\n<figure style=\"width: 2102px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/galerijpatroon-wordpress.jpg\" alt width=\"2102\" height=\"1180\"><figcaption class=\"wp-caption-text\">Gallery Pattern in WordPress 5.5<\/figcaption><\/figure>\n<p>In hun vroege stadium hebben blokpatronen een zeer beperkt aantal patronen. Desalniettemin zullen ze het bewerkingsproces enorm verbeteren, en hopelijk zullen er in de nabije toekomst meer en meer worden toegevoegd.<\/p>\n<p>Net als gewone blokken zijn patronen doorzoekbaar en worden ze onderverdeeld in de volgende categorie\u00ebn:<\/p>\n<ul>\n<li>Tekst<\/li>\n<li>Hero<\/li>\n<li>Kolommen<\/li>\n<li>Knoppen<\/li>\n<li>Galerij<\/li>\n<li>Features<\/li>\n<li>Recensies<\/li>\n<li>Ongecategoriseerd<\/li>\n<\/ul>\n<figure style=\"width: 2070px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/genummerde-featurespatroon-wordpress.jpg\" alt=\"Het genummerde featurespatroon in WordPress 5.5\" width=\"2070\" height=\"1220\"><figcaption class=\"wp-caption-text\">Het genummerde featurespattern in WordPress 5.5<\/figcaption><\/figure>\n<p>Naast ingebouwde blokpatronen kunnen <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-ontwikkelaar-salaris\/\">WordPress ontwikkelaars<\/a> hun thema&#8217;s en plugins ook voorzien van aangepaste patronen door gebruik te maken van een geheel nieuwe API.<\/p>\n<p>Je kan je custom patronen registreren met de <code>register_block_pattern<\/code> function en <code>register_block_pattern_category<\/code> voor categorie\u00ebn.<\/p>\n<p><code>register_block_pattern<\/code> bevat twee argumenten:<\/p>\n<ol>\n<li>De naam van het patroon.<\/li>\n<li>De array met de properties van het patroon.<\/li>\n<\/ol>\n<p>Properties omvatten het volgende:<\/p>\n<ul>\n<li><code>title<\/code><\/li>\n<li><code>content<\/code><\/li>\n<li><code>description<\/code><\/li>\n<li><code>categories<\/code><\/li>\n<li><code>keywords<\/code><\/li>\n<li><code>viewportWidth<\/code><\/li>\n<\/ul>\n<p><code>register_block_pattern_category<\/code> heeft ook twee argumenten:<\/p>\n<ol>\n<li>De naam van de categorie van het patroon.<\/li>\n<li>Een array van properties.<\/li>\n<\/ol>\n<p>Met de API komen ook twee functions om patronen en categorie\u00ebn te unregisteren: <code>unregister_block_pattern<\/code> en <code>unregister_block_pattern_category<\/code>.<\/p>\n<p>De manier waarop je je eigen blokpatronen kan bouwen spreekt redelijk voor zich. Je kan bijvoorbeeld de onderstaande code kopi\u00ebren en plakken in een custom plugin of <a href=\"https:\/\/kinsta.com\/nl\/blog\/child-thema-wordpress\/\">het functions bestand van een child-thema<\/a>, en vervolgens de naam van het patroon naar voorkeur aanpassen.<\/p>\n<pre><code class=\"language-php\">add_action( 'init', function(){\n\n\tregister_block_pattern_category( \n\t\t'kinsta', \n\t\tarray( 'label' =&gt; __( 'Kinsta stuff', 'kinsta-pattern' ) ) );\n\n\tregister_block_pattern(\n\t'kinsta-pattern\/my-custom-pattern',\n\tarray(\n\t\t'title'\t\t\t=&gt; __( 'Two Kinsta buttons', 'kinsta-pattern' ),\n\t\t'description'\t=&gt; _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),\n\t\t'content'\t\t=&gt; \"&lt;!-- wp:buttons {\\\"align\\\":\\\"center\\\"} --&gt;\\n&lt;div class=\\\"wp-block-buttons aligncenter\\\"&gt;&lt;!-- wp:button {\\\"backgroundColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0} --&gt;\\n&lt;div class=\\\"wp-block-button\\\"&gt;&lt;a class=\\\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\\\"&gt;\" . esc_html__( 'Button One', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;\\n\\n&lt;!-- wp:button {\\\"textColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0,\\\"className\\\":\\\"is-style-outline\\\"} --&gt;\\n&lt;div class=\\\"wp-block-button is-style-outline\\\"&gt;&lt;a class=\\\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\\\"&gt;\" . esc_html__( 'Button Two', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:buttons --&gt;\",\n\t\t'categories'\t=&gt; array( 'kinsta' ),\n\t)\n\t);\n});<\/code><\/pre>\n<p>De bovenstaande code is een eenvoudige aanpassing van het originele fragment uit de <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/\">Block API Reference<\/a>. Zoals je kan zien, is er geen JavaScript vereist.<\/p>\n<figure id=\"attachment_77431\" aria-describedby=\"caption-attachment-77431\" style=\"width: 2156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77431 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/custom-blokpatroon.jpg\" alt=\"Een custom blokpatroon\" width=\"2156\" height=\"1014\"><figcaption id=\"caption-attachment-77431\" class=\"wp-caption-text\">Een custom blokpatroon<\/figcaption><\/figure>\n<p>Ook kan je de pagina <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/block-patterns-in-wordpress-5-5\/\">Block Patterns in WordPress 5.5<\/a> raadplegen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Houd er rekening mee dat patronen een experimentele functie zijn en dat de API kan veranderen in toekomstige versies van de Gutenberg plugin.<\/p>\n<\/aside>\n\n<h2>Ingebouwde lazyloading van afbeeldingen in WordPress Core<\/h2>\n<p>Lazyloading is een optimalisatietechniek die <a href=\"https:\/\/kinsta.com\/blog\/critical-rendering-path\/\">het laden van niet-kritieke bronnen uitstelt<\/a>. Dit betekent dat de browser wordt ge\u00efnstrueerd om alleen de zichtbare inhoud van een pagina te laden. Alles wat buiten het beeldscherm valt, inclusief afbeeldingen, wordt uitgesteld <a href=\"https:\/\/kinsta.com\/nl\/blog\/render-blocking-javascript-css\/\">totdat ze daadwerkelijk nodig zijn<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Als het gaat om <a href=\"https:\/\/kinsta.com\/nl\/leren\/wordpress-sneller-maken\/\">webprestaties<\/a>, is <a href=\"https:\/\/kinsta.com\/nl\/blog\/afbeeldingen-optimaliseren-voor-internet\/\">afbeeldingsoptimalisatie<\/a> een van de belangrijkste aspecten voor sitebeheerders. Gemiddeld genomen bestaat een webpagina nog steeds voor een groot deel uit afbeeldingen. Afbeeldingsoptimalisatie is daarom een fantastisch wapen om de gebruikerservaring van je lezers en cli\u00ebnten te verhogen. Onthoud: <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-seo\/#38-optimize-your-websites-speed\">paginasnelheid is ook een belangrijke rankingfactor<\/a>.<\/p>\n<\/aside>\n\n<p>Voordat de <a href=\"https:\/\/addyosmani.com\/blog\/lazy-loading\/\">ingebouwde lazyload<\/a> werd toegevoegd, moesten webdevelopers <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/\">lazyload bewerkstelligen via JavaScript<\/a>, door gebruik te maken van de <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_intersection_observer\">IntersectionObserver API<\/a> of door de <code>scroll<\/code>, <code>resize<\/code> en <code>orientationchange<\/code> <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_event_handlers_the_most_compatible_way\">event handlers<\/a> te gebruiken.<\/p>\n<p>Maar sinds <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/embedded-content.html#attr-img-loading\">lazyloading de standaard is geworden<\/a>, hoeven we geen custom code meer te schrijven of <a href=\"https:\/\/kinsta.com\/nl\/blog\/javascript-bibliotheken\/\">JavaScript bibliotheken<\/a> te gebruiken. Het <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img#attr-loading\">lazyloaden van afbeeldingen<\/a> kan nu worden ge\u00efmplementeerd met het nieuwe <code>loading<\/code> attribute in <code>img<\/code> en <code>iframe<\/code> tags.<\/p>\n<figure id=\"attachment_77426\" aria-describedby=\"caption-attachment-77426\" style=\"width: 2542px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77426 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/lazyloaden-attribute-afbeeldingen-iframes.jpg\" alt width=\"2542\" height=\"796\"><figcaption id=\"caption-attachment-77426\" class=\"wp-caption-text\">Lazyloaden via attribute voor afbeeldingen &#038; iframes (bron: <a href=\"https:\/\/caniuse.com\/#feat=loading-lazy-attr\">caniuse.com<\/a>)<\/figcaption><\/figure>\n<p>Het <code>loading<\/code> attribute bepaalt of de browser een resource onmiddellijk moet laden of moet wachten tot aan bepaalde voorwaarden is voldaan. Momenteel worden de volgende waarden ondersteund:<\/p>\n<ul>\n<li><code>lazy<\/code>: wacht tot aan bepaalde condities wordt voldaan<\/li>\n<li><code>eager<\/code>: laadt de bron onmiddellijk<\/li>\n<\/ul>\n<figure id=\"attachment_77451\" aria-describedby=\"caption-attachment-77451\" style=\"width: 1434px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77451 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/instellingen-lazyloading-chrome.png\" alt width=\"1434\" height=\"336\"><figcaption id=\"caption-attachment-77451\" class=\"wp-caption-text\">Instellingen voor lazyloading in Chrome (beschikbaar op chrome:\/\/flags\/#enable-lazy-image-loading)<\/figcaption><\/figure>\n<p>Op moment van schrijven wordt de ingebouwde lazyloading ondersteund door Microsoft Edge, <a href=\"https:\/\/www.ghacks.net\/2020\/02\/15\/firefox-75-gets-lazy-loading-support-for-images\/\">Firefox<\/a>, <a href=\"https:\/\/github.com\/scott-little\/lazyload\/\">Google Chrome<\/a>, Opera browser, Android browser en Chrome for Android.<\/p>\n<figure id=\"attachment_77460\" aria-describedby=\"caption-attachment-77460\" style=\"width: 1762px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77460 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/instellingen-lazyloading-autoptimize.jpg\" alt width=\"1762\" height=\"1256\"><figcaption id=\"caption-attachment-77460\" class=\"wp-caption-text\">Instellingen lazyloading in Autoptimize<\/figcaption><\/figure>\n<p>V\u00f3\u00f3r WordPress 5.5 was lazyloading alleen mogelijk in WordPress met een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-lazyload\/#lazy-loading-plugins\">optimalisatieplugin<\/a> als <a href=\"https:\/\/kinsta.com\/nl\/blog\/autoptimize-instellen\/\">Autoptimize<\/a>, BJ Lazy Load en anderen. Gelukkig maakt het vanaf nu deel uit van WordPress core en hoeven er geen extra plugins te worden ge\u00efnstalleerd!<\/p>\n<h3>Ingebouwde lazyloading in WordPress<\/h3>\n<p>Zoals Felix Arntz <a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/29\/lazy-loading-images-in-wordpress-core\/\">meldde in een oude blogpost op Make WordPress Core blog<\/a>, werd al een aantal jaren geleden een JavaScript implementatie van lazyloading voorgesteld, maar werd het nooit onderdeel van WordPress Core. De nieuwe implementatie van het lazyloaden van afbeeldingen zorgt dat mogelijke compatibiliteitsproblemen ophouden te bestaan. De nieuwe feature wordt dus nu <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">toegevoegd aan Core met WordPress 5.5<\/a>.<\/p>\n<p>Volgens Felix zou deze ingebouwde lazyloading van WordPress afbeeldingen een gunstige invloed moeten hebben op de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-prestaties\/\">siteprestaties<\/a> en gebruiksbeleving voor een groot deel van de WordPress sites die niet gebruikmaken van lazyloadingplugins:<\/p>\n<blockquote><p>&#8230; zonder enige technische kennis of zelfs maar een idee hebben van het concept van lazyloading. Het toevoegen van dit nieuwe loading attribute is een mooie kans voor WordPress om de weg vrij te maken naar een sneller internet.<\/p><\/blockquote>\n<p>Om het verschuiven van lay-outs te voorkomen, wordt <code>loading=\"lazy\"<\/code> automatisch toegevoegd aan <code>img<\/code> tags <strong>met <code>width<\/code> en <code>height<\/code> attributes<\/strong>. Dat is alleen mogelijk als de afbeelding als bijlage beschikbaar is voor WordPress en een <code>wp-image-$id<\/code> class bevat.<\/p>\n<p>Lazyloading is een onmisbare optimalisatie voor elke <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-aan-de-slag\/handmating-wordpress-installeren\/\">WordPress installatie<\/a> en website met een aanzienlijk aantal afbeeldingen. Felix merkt op:<\/p>\n<blockquote><p>Dit bespaart een aanzienlijke hoeveelheid bandbreedte voor zowel servers als gebruikers op sites waar de afbeeldingen buiten beeld voorheen meteen werden geladen, zelfs in de gevallen waarin de gebruiker nooit naar beneden scrolde.<\/p><\/blockquote>\n<p>Het nieuwe ingebouwde lazyloading in WordPress werkt met de volgende afbeeldingen:<\/p>\n<ul>\n<li>Afbeeldingen in de inhoud van berichten (<code>the_content<\/code>).<\/li>\n<li>Afbeeldingen in excerpts van berichten (<code>the_excerpt<\/code>).<\/li>\n<li>Afbeeldingen in tekstwidgets (<code>widget_text_content<\/code>).<\/li>\n<li>Avatarafbeeldingen weergegeven via <code>get_avatar ()<\/code>.<\/li>\n<li>Template afbeeldingen die gebruik maken van <code>wp_get_attachment_image<\/code><\/li>\n<\/ul>\n<p>Bij deze eerste implementatie ondersteunt lazyloading alleen afbeeldingen, maar dat ook <code>iframe<\/code> tags in de toekomst worden ondersteund ligt in de lijn der verwachting.<\/p>\n<h3>Lazyloading voor WordPress developers<\/h3>\n<p>Developers kunnen het standaardgedrag overschrijven met verschillende nieuwe filters. Van die filters zijn <code>wp_lazy_loading_enabled<\/code> en <code>wp_img_tag_add_loading_attr<\/code> het meest handig voor developers:<\/p>\n<ul>\n<li><code>wp_lazy_loading_enabled<\/code> schakelt het loading attribute aan en uit. Deze filter kan globaar of per tag worden toegepast.<\/li>\n<li><code>wp_img_tag_add_loading_attr<\/code> filtert de value van het loading attribute en biedt een manier om lazyloading per afbeelding te regelen.<\/li>\n<\/ul>\n<p>Het volgende voorbeeld laat zien hoe je lazyloading globaal kan uitschakelen:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n<p>We kunnen lazyloading ook uitschakelen voor een specifieke tag. In het onderstaande voorbeeld is lazyloading uitgeschakeld voor afbeeldingen in <code>the_content<\/code> context (lees meer op <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">Make WordPress Core<\/a>):<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_lazy_loading_enabled',\n\tfunction( $default, $tag_name, $context ){\n\t\tif ( 'img' === $tag_name && 'the_content' === $context ){\n\t\t\treturn false;\n\t\t}\n\t\treturn $default;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<ul>\n<li><code>$default<\/code>: De boolean default value (<code>true<\/code>).<\/li>\n<li><code>$tag_name<\/code>: De naam van de tag van de elementen waarvan je lazyloaden wil inschakelen.<\/li>\n<li><code>$context<\/code>: Een optionele parameter die de context van de afbeelding specificeert (zie de lijst hierboven).<\/li>\n<\/ul>\n<p>Merk op dat op moment van schrijven de parameter <code>$tag_name<\/code> alleen de <code>img<\/code> tag ondersteunt. Ook hier geldt dat er waarschijnlijk in toekomstige implementaties meer tags worden toegevoegd.<\/p>\n<p>Als je meer controle wil over het lazyloaden van afbeeldingen in WordPress, kan je twee kiezen uit twee verschillende benaderingen, afhankelijk van de context.<\/p>\n<p>Als je met content werkt (bijv <code>the_content<\/code>, <code>the_excerpt<\/code>, <code>widget_text_content<\/code>), dan kan je de filter <code>wp_img_tag_add_loading_attr<\/code> gebruiken. Het volgende voorbeeld laat zien hoe je lazyloading uitschakelt voor een specifieke afbeelding:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_img_tag_add_loading_attr',\n\tfunction( $value, $image, $context ){\n\t\tif ( 'the_content' === $context ){\n\t\t\t$image_url = wp_get_attachment_image_url( 67, 'medium' );\n\t\t\tif ( false !== strpos( $image, ' src=\"' . $image_url . '\"' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn $value;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<p>Thema-ontwikkelaars kunnen afbeeldingen ook instellen via <code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_get_attachment_image\/\">wp_get_attachment_image<\/a><\/code>. In dit scenario kan je eenvoudig de attribute value <code>loading<\/code> van de afbeelding instellen op <code>false<\/code>:<\/p>\n<pre><code class=\"language-php\">echo wp_get_attachment_image(\n\t67,\n\t'medium',\n\tfalse,\n\tarray( 'loading' =&gt; false ),\n);<\/code><\/pre>\n<figure id=\"attachment_77435\" aria-describedby=\"caption-attachment-77435\" style=\"width: 1726px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77435 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/eerste-afbeelding-bovenstaande-galerij-lazyloaden.jpg\" alt=\"De eerste afbeelding in de bovenstaande galerij doet niet aan lazyloaden\" width=\"1726\" height=\"1196\"><figcaption id=\"caption-attachment-77435\" class=\"wp-caption-text\">De eerste afbeelding in de bovenstaande galerij doet niet aan lazyloaden<\/figcaption><\/figure>\n<p>Als je het lazyloaden van afbeeldingen wil proberen <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/25\/lazy-loading-update\/\">v\u00f3\u00f3r de definitieve release van WordPress 5.5<\/a>, dan kan je de offici\u00eble <a href=\"https:\/\/wordpress.org\/plugins\/wp-lazy-loading\/\">Lazy Loading Feature Plugin<\/a> installeren of de <a href=\"https:\/\/github.com\/WordPress\/wp-lazy-loading\/blob\/master\/wp-lazy-loading.php\">coursecode op Github<\/a> eens bekijken.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Native lazy-loading images is coming to <a href=\"https:\/\/twitter.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> 5.5, for faster sites and less waste of network resources! And it&#39;s accompanied by further image improvements which reduce those annoying layout shifts that make you accidentally click on the wrong things. <a href=\"https:\/\/t.co\/e7g2s9uSPk\">https:\/\/t.co\/e7g2s9uSPk<\/a><\/p>\n<p>&mdash; Felix Arntz (@felixarntz) <a href=\"https:\/\/twitter.com\/felixarntz\/status\/1283167725313880064?ref_src=twsrc%5Etfw\">July 14, 2020<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Meer informatie over <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">het lazyloaden van afbeeldingen in WordPress 5.5<\/a> vind je op de Make WordPress Core blog.<\/p>\n<h2>Automatische updates voor plugins en thema&#8217;s<\/h2>\n<p>Een van de grootste zorgen van site-eigenaren is en blijft toch wel <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-beveiliging\/\">sitebeveiliging<\/a>. Het up-to-date houden van software is een algemene aanbeveling die elke site-eigenaar wel zou moeten opvolgen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/automatische-wordpress-updates\/\">Automatische updates van WordPress<\/a> zijn als functie beschikbaar sinds WordPress 3.7. Het probleem hierbij was dat veel site-eigenaren, v\u00f3\u00f3r WordPress 5.5 althans, geen gebruik maakten van deze automatische updates voor plugins en thema&#8217;s. Merk hierbij op dat deze optie voor onderhoud aan de WP core en beveiligingsreleases w\u00e9l standaard was ingeschakeld.<\/p>\n<p>De reden hiervoor was dat deze functie basiskennis van WordPress development vereist. Ontwikkelaars konden hun updatevoorkeuren verfijnen door <a href=\"https:\/\/kinsta.com\/nl\/blog\/automatische-wordpress-updates\/#background-updates-wp-config\">een of meerdere constants te defini\u00ebren in wp-config.php<\/a> of door <a href=\"https:\/\/kinsta.com\/nl\/blog\/automatische-wordpress-updates\/#background-updates-api-filters\">een filter te gebruiken in een plugin<\/a>.<\/p>\n<p>Met WordPress 5.5 kunnen sitebeheerders het automatisch updaten van plugin en thema&#8217;s met een enkele klik in- en uitschakelen vanuit hun <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\">WordPress dashboard<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Het automatisch updaten van plugins en thema&#8217;s is standaard uitgeschakeld.<\/p>\n<\/aside>\n\n<p>Je kan automatische updates van plugins in- en uitschakelen door op de link te klikken in de kolom <strong>Automatische updates<\/strong> die nu beschikbaar is op de <strong>Plugins<\/strong> pagina.<\/p>\n<figure id=\"attachment_77438\" aria-describedby=\"caption-attachment-77438\" style=\"width: 1746px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-77438\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/automatische-updates-plugins-inschakelen.jpg\" alt width=\"1746\" height=\"914\"><figcaption id=\"caption-attachment-77438\" class=\"wp-caption-text\">Enabling automatic updates for plugins<\/figcaption><\/figure>\n<p>Als je automatische updates wil inschakelen voor je thema, ga je naar <strong>Weergave &gt; Thema&#8217;s<\/strong>. Vervolgens plaats je je cursor op het thema en klik je op <strong>Themadetails<\/strong>. Klik vervolgens op de link <strong>Automatische updates inschakelen<\/strong> en klaar is Kees.<\/p>\n<figure id=\"attachment_77444\" aria-describedby=\"caption-attachment-77444\" style=\"width: 1624px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77444 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/voor-enkel-thema-automatische-updates-inschakelen.jpg\" alt width=\"1624\" height=\"800\"><figcaption id=\"caption-attachment-77444\" class=\"wp-caption-text\">Voor een enkel thema automatische updates inschakelen<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Standaard kunnen alleen gebruikers met de rechten <code>update_plugins<\/code> en <code>update_themes<\/code> de automatische updates van plugins en thema&#8217;s op reguliere WordPress installaties beheren. Op <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/multisite\/\">Multisite<\/a> zijn automatische updates beschikbaar voor netwerkbeheerders. Je kan ze vinden in het netwerkdashboard (lees hier meer over <a href=\"https:\/\/kinsta.com\/nl\/blog\/gebruikersrollen-wordpress\/\">WordPress gebruikersrollen en -rechten<\/a>).<\/p>\n<\/aside>\n\n<p>De nieuwe gebruikersinterface voor automatische updates voor plugins en thema&#8217;s valt samen met een aantal nieuwe <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-hooks\/\">functions en hooks<\/a> die developers kunnen gebruiken om het proces van auto-updates te customizen.<\/p>\n<h3>Auto-update functions en filters voor developers van plugins en thema&#8217;s<\/h3>\n<p>Met een nieuwe functie en een aantal filters kunnen <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-ontwikkelaar-huren\/\">WordPress ontwikkelaars<\/a> veel aspecten van automatische updates voor plugins en thema&#8217;s aanpassen.<\/p>\n<h4>De automatische updates check UI<\/h4>\n<p>De nieuwe <code>wp_is_auto_update_enabled_for_type()<\/code> WordPress function controleert of de auto-update UI is ingeschakeld voor een bepaald type. De nieuwe function houdt een enkel argument (<code>$type<\/code>) dat het type update bepaalt die gecontroleerd moet worden (<code>'theme'<\/code> of <code>'plugin'<\/code>) en retourneert vervolgens dienovereenkomstig <code>true<\/code> of <code>false<\/code>.<\/p>\n<p>De nieuwe auto-update UI kan uitgeschakeld worden voor plugins en thema&#8217;s dankzij twee nieuwe filters: <code>plugins_auto_update_enabled<\/code> en <code>themes_auto_update_enabled<\/code>. Zie het voorbeeld hieronder:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable plugins auto-update UI elements.\nadd_filter( 'plugins_auto_update_enabled', '__return_false' );\n\n\/\/ Disable themes auto-update UI elements.\nadd_filter( 'themes_auto_update_enabled', '__return_false' );<\/code><\/pre>\n<p>De bovenstaande filters zijn gedocumenteerd in <em>wp-admin\/includes\/update.php<\/em>.<\/p>\n<h4>Auto-update links customizen<\/h4>\n<p>Plugin- en themaontwikkelaars kunnen de HTML output van auto-update links aanpassen.<\/p>\n<p>De <code>plugin_auto_update_setting_html<\/code> filter maakt het mogelijk om toggle links en time lapses tussen twee updatepogingen aan te passen.<\/p>\n<p>De callback function houdt drie arguments:<\/p>\n<ul>\n<li><code>$html<\/code>: De HTML van de inhoud van de auto-update kolom, inclusief de toggle auto-update actionlinks en tijd tot de volgende update.<\/li>\n<li><code>$plugin_file<\/code>: Pad naar het pluginbestand relatief aan de plugindirectory.<\/li>\n<li><code>$plugin_data<\/code>: Een array van plugindata.<\/li>\n<\/ul>\n<p>Als je nu het label van de linktekst van de auto-update wil customizen, kan je een filter gebruiken zoals weergegeven in het volgende fragment.<\/p>\n<pre><code class=\"language-php\">add_filter( 'plugin_auto_update_setting_html', function( $html, $plugin_file, $plugin_data ){\n\tif ( 'kinsta-plugin\/kinsta-plugin.php' === $plugin_file ) {\n\t\t$html = __( 'Custom HTML', 'kinsta-plugin' );\n\t}\n\treturn $html;\t\n\t}, \n\t10, \n\t3 \n);<\/code><\/pre>\n<p>De onderstaande afbeelding laat het resultaat van de pagina zien.<\/p>\n<figure id=\"attachment_77428\" aria-describedby=\"caption-attachment-77428\" style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77428 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/custom-html-auto-update-link.jpg\" alt width=\"1616\" height=\"660\"><figcaption id=\"caption-attachment-77428\" class=\"wp-caption-text\">Custom HTML voor een auto-update link<\/figcaption><\/figure>\n<p>Deze filter is gedocumenteerd in <em>wp-admin\/includes\/class-wp-plugins-list-table.php<\/em>.<\/p>\n<p>Op single sites kan je het JS template van de auto-update link aanpassen via dit filter <code>theme_auto_update_setting_template<\/code>. De <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">blogpost waarin de auto-updatefunctie voor plugins en thema&#8217;s werd aangekondigd<\/a> geeft het volgende voorbeeld van dit filter:<\/p>\n<pre><code class=\"language-php\">function myplugin_auto_update_setting_template( $template ) {\n    $text = __( 'Auto-updates are not available for this theme.', 'my-plugin' );\n \n    return \"&lt;# if ( [ 'my-theme', 'twentytwenty' ].includes( data.id ) ) { #&gt;\n        &lt;p&gt;$text&lt;\/p&gt;\n        &lt;# } else { #&gt;\n        $template\n        &lt;# } #&gt;\";\n}\nadd_filter( 'theme_auto_update_setting_template', 'myplugin_auto_update_setting_template' );<\/code><\/pre>\n<p>Het wordt aanbevolen om het doelthema te checken met de parameter <code>data.id<\/code>.<\/p>\n<p>Als je werkt op een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-multisite-complete-gids\/\">WordPress Multisite installatie<\/a>, moet je het <code>theme_auto_update_setting_html<\/code> filter gebruiken, waarmee je de auto-update links van de Thema&#8217;s pagina kan customizen (op dezelfde manier als de Plugins pagina).<\/p>\n<p>De volgende twee extra filters controleren de auto-updates voor elk thema en elke plugin, inclusief thema&#8217;s en plugins die in de toekomst zouden moeten worden ge\u00efnstalleerd.<\/p>\n<p>Deze filters, beschikbaar sinds WordPress 3.7, overschrijven alle auto-update instellingen binnen je WordPress dashboard. Je kan meer leren in onze <a href=\"https:\/\/kinsta.com\/nl\/blog\/automatische-wordpress-updates\/#background-updates-api-filters\">uitgebreide handleiding over automatische updates binnen WordPress<\/a>. Voor meer informatie over auto-updates voor plugins en thema&#8217;s, lees je <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">deze blogpost<\/a>.<\/p>\n<h4>E-mailnotificaties voor auto-updates en sitediagnose<\/h4>\n<p>Vanaf WordPress 5.5 wordt er een e-mailnotificatie verzonden na elke auto-update poging.<\/p>\n<p>De filterhook <code>auto_plugin_theme_update_email<\/code> filtert de e-mails die worden verzonden na een automatische update op de achtergrond. Bekijk de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">dev-notes blogpost<\/a> voor een gebruiksvoorbeeld.<\/p>\n<p>Met twee nieuwe filters kunnen deze auto-update e-mailnotificaties worden uitgeschakeld:<\/p>\n<pre><code class=\"language-php\">\/\/ Disable auto-update email notifications for plugins.\nadd_filter( 'auto_plugin_update_send_email', '__return_false' );\n\n\/\/ Disable auto-update email notifications for themes.\nadd_filter( 'auto_theme_update_send_email', '__return_false' );<\/code><\/pre>\n<p>Informatie over auto-updates van plugins en thema&#8217;s wordt ook weergegeven in het tabblad <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-2\/#site-health-check\">Sitediagnose<\/a>.<\/p>\n<figure id=\"attachment_77441\" aria-describedby=\"caption-attachment-77441\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77441 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/infotab-sitediagnose-auto-update-status-plugins-themas.jpg\" alt width=\"1600\" height=\"886\"><figcaption id=\"caption-attachment-77441\" class=\"wp-caption-text\">Het infotab Sitediagnose laat de auto-update status zien van plugins en thema&#8217;s<\/figcaption><\/figure>\n<p>Developers kunnen de tekst die binnen deze pagina verschijnt, wijzigen met de filters <code>plugin_auto_update_debug_string<\/code> en <code>theme_auto_update_debug_string<\/code>. Meer informatie en voorbeelden zijn <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">hier te vinden<\/a>.<\/p>\n<h2>Uitbreidbare Core sitemaps<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-seo\/#19-set-up-a-sitemap\">Een sitemap<\/a> is eigenlijk niets meer dan een lijst met <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-een-url\/\">URL&#8217;s<\/a> waarmee zoekmachines je site sneller kunnen crawlen.<\/p>\n<p>Sitemaps lijken veel op <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-robots-txt\/\">robots.txt<\/a>, met het verschil dat een robots.txt bestand content uitsluit van indexering, terwijl een sitemap <a href=\"https:\/\/kinsta.com\/nl\/blog\/site-zoekmachines\/\">een lijst levert met URL&#8217;s die kunnen worden ge\u00efndexeerd door zoekmachines<\/a>.<\/p>\n<p>V\u00f3\u00f3r WordPress konden sitemaps alleen aan WordPress sites worden toegevoegd met behulp van <a href=\"https:\/\/kinsta.com\/blog\/wordpress-sitemap\/#plugin\">een plugin<\/a> of <a href=\"https:\/\/kinsta.com\/blog\/wordpress-sitemap\/#manual\">andere tools<\/a>.<\/p>\n<p>Met WordPress 5.5 brengt het platform <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">een gloednieuwe XML sitemapfunctie naar de WordPress Core<\/a>.<\/p>\n<p>Deze nieuwe feature voegt basisfunctionaliteit toe, maar wordt ook geleverd met een groot aantal hooks en filters waarmee ontwikkelaars van plugins de ingebouwde functionaliteiten verder kunnen uitbreiden.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-betekent-seo\/#create-an-xml-sitemap\">XML sitemaps<\/a> zijn standaard ingeschakeld (tenzij je zoekmachines wil ontmoedigen om je site te indexeren) en bieden de volgende object types:<\/p>\n<ul>\n<li>Homepage<\/li>\n<li>Posts page<\/li>\n<li>Core post types (pagina&#8217;s en berichten)<\/li>\n<li>Custom post types<\/li>\n<li>Core taxonomies (tags en categorie\u00ebn)<\/li>\n<li>Custom taxonomies<\/li>\n<li>Author archives<\/li>\n<\/ul>\n<p>De sitemapindex is bereikbaar op <em>\/wp-sitemap.xml<\/em> en bevat maximaal 2.000 URL&#8217;s. Wanneer de maximale limiet is bereikt, wordt een nieuw sitemapbestand toegevoegd.<\/p>\n<figure id=\"attachment_77447\" aria-describedby=\"caption-attachment-77447\" style=\"width: 1470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77447 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/voorbeeld-wordpress-core-sitemap.jpg\" alt width=\"1470\" height=\"758\"><figcaption id=\"caption-attachment-77447\" class=\"wp-caption-text\">Voorbeeld van een WordPress Core sitemap<\/figcaption><\/figure>\n<p>Zoals eerder vermeld, kunnen plugindevelopers hun sitemaps aanpassen met de vele beschikbare actions en filters. Voor een uitgebreide lijst van sitemap-gerelateerde hooks, kan je de <a href=\"https:\/\/wordpress.org\/plugins\/core-sitemaps\/\">feature plugin documentatie<\/a> en de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">inleidende blogpost<\/a> bekijken.<\/p>\n<p>Je kan bijvoorbeeld de core sitemaps programmatisch uitschakelen door het filter <code>wp_sitemaps_enabled<\/code> te gebruiken, dat filtert of de XML sitemaps zijn ingeschakeld of niet, of voorkomt dat de function <code>wp_sitemaps_get_server<\/code> wordt uitgevoerd:<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_sitemaps_enabled', '__return_false' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>F Om consistent te zijn met vergelijkbare filters is het filter <code>wp_sitemaps_is_enabled<\/code> henoemd naar <code>wp_sitemaps_enabled<\/code> (#<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/50428\">50428<\/a>)<\/p>\n<\/aside>\n\n<p>Core sitemaps mogen niet in strijd zijn met eventuele sitemapplugins die je op je website hebt ge\u00efnstalleerd. Volgens <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">Pascal Birchler op Make WordPress Core<\/a>:<\/p>\n<blockquote><p>De core sitemapsfeature is op een robuuste en gemakkelijk uitbreidbare manier opgebouwd. Als om de een of andere reden twee sitemaps op een website worden weergegeven (een via de core, een andere via een plugin), heeft dit geen negatief effect op de vindbaarheid van een site.<\/p><\/blockquote>\n<p>Als onderdeel van de XML Sitemaps feature, escapet een nieuwe <code>esc_xml()<\/code> function <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/21\/new-esc_xml-function-in-wordpress-5-5\/\">strings voor XML blokken<\/a>. De function en het bijbehorende filter zijn gedocumenteerd in <em>wp-includes\/formatting.php<\/em>.<\/p>\n<p>Op moment van schrijven, ondersteunt deze nieuwe sitemapfeature geen sitemaps voor afbeeldingen, video&#8217;s en nieuws. Het lijkt er niet op dat dit in de toekomst anders zal zijn. Hoe dan ook, nieuwe filters en hooks waarmee ontwikkelaars deze feature kunnen toevoegen, kunnen mogelijk in toekomst worden toegevoegd.<\/p>\n<p>Voor meer informatie over deze uitbreidbare sitemaps kan je het best de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/new-xml-sitemaps-functionality-in-wordpress-5-5\/\">introductie van sitemaps voor ontwikkelaars<\/a> lezen, waarin je alles kan vinden over nieuwe classes, functions, hooks en filters.<\/p>\n<h2>Doorgeven van arguments aan templatebestanden<\/h2>\n<p>V\u00f3\u00f3r WordPress 5.5 was het doorgeven van data aan templatebestanden alleen mogelijk via global variables, query vars en een aantal andere niet-optimale opties. Nu, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/\">beginnend met WordPress 5.5<\/a> is een <code>$args<\/code> parameter toegevoegd aan de loading functions van het template (de bijbehorende hooks zijn dienovereenkomstig bijgewerkt):<\/p>\n<ul>\n<li><code>get_header()<\/code><\/li>\n<li><code>get_footer()<\/code><\/li>\n<li><code>get_sidebar()<\/code><\/li>\n<li><code>get_template_part()<\/code><\/li>\n<li><code>locate_template()<\/code><\/li>\n<li><code>load_template()<\/code><\/li>\n<\/ul>\n<p>Thema-ontwikkelaars kunnen nu een variable instellen in een templatebestand en deze toegankelijk maken in elk opgenomen template-onderdeel door simpelweg een array van arguments te passen.<\/p>\n<p>Hoewel deze functie nieuwe mogelijkheden biedt voor thema-ontwikkelaars, plaatst Justin Tadlock van WP Tavern een <a href=\"https:\/\/wptavern.com\/theme-authors-can-pass-data-to-template-files-in-wordpress-5-5\">aantal vraagtekens<\/a>:<\/p>\n<blockquote><p>De vraag blijft: <em>is de komst van deze functie niet te laat?<\/em> WordPress is hard bezig om het hele themasysteem op de schop te doen en deze te integreren met de aanstaande full-site bewerkingsfeature. Is deze feature daarom niet alleen de komende maanden handig?<\/p><\/blockquote>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/#comment-38999\">John Blackbourne<\/a> maakt een goed punt:<\/p>\n<blockquote><p>Zelfs in het toekomstige full-site bewerken, is er nog steeds voldoende behoefte aan template-onderdelen. Dynamisch gerenderde bloktypes kunnen bijvoorbeeld gebruik maken van gestructureerde template-onderdelen. Ze sluiten elkaar niet uit, en er zullen altijd wel thema&#8217;s zijn die niet gebruikmaken van blokken voor hun lay-out.<\/p><\/blockquote>\n<p>We sluiten af met <a href=\"https:\/\/profiles.wordpress.org\/enricosorcinelli\/\">Enrico Sorcinelli<\/a>, WP Core Contributor, die ook zijn gedachten met ons deelde:<\/p>\n<blockquote><p>Als je me vraagt of we hier niet te laat mee zijn, naar mijn mening is het nooit te laat!\u2028 Ik geloof dat thema-ontwikkelaars ook in de toekomst blijven profiteren van deze mogelijkheid, wat niet uitsluit dat het kan worden gebruikt s\u00e1men met de opkomende full-site bewerkingservaring (bijv. blokken voor dynamisch rederen).<\/p><\/blockquote>\n<p>Misschien is het simpelweg te vroeg om te zeggen hoe deze functie precies past bij full-site bewerking, maar een ding is zeker: toekomstige ontwikkelingen zullen geweldige mogelijkheden bieden om betere sites te bouwen &#8211; voor zowel gebruikers als developers.<\/p>\n<h2>Plugins en thema&#8217;s bijwerken vanuit een .zip bestand<\/h2>\n<p>Ik weet wat je nu denkt: het is wellicht wat &#8220;onverwacht&#8221; om deze functie samen met de auto-updates te zien verschijnen. Toch is het vrij logisch.<\/p>\n<p>V\u00f3\u00f3r WordPress 5.5 konden sitebeheerders &#8211; bij het ontbreken van een one-click updatefunctie &#8211; alleen <a href=\"https:\/\/kinsta.com\/nl\/blog\/handmatig-bijwerken-wordpress-plugin\/\">plugins\/thema-updates uploaden via FTP\/SFTP<\/a> of de file manager (<a href=\"https:\/\/kinsta.com\/nl\/blog\/ftp-vs-sftp\/\">leer het verschil tussen FTP en SFTP<\/a>). Dit gebeurde voornamelijk bij aangepaste plugins\/thema&#8217;s of met extensies die werden gehost op externe marktplaatsen.<\/p>\n<p>Vanaf WordPress 5.5 kan je binnen je WordPress dashboard <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/9757\">plugins en thema&#8217;s bijwerken door een .zip bestand te openen<\/a> vanaf je computer.<\/p>\n<p>Om een plugin te updaten, ga je naar <strong>Plugins &gt; Nieuwe toevoegen<\/strong> en klik je op de <strong>Plugin uploaden<\/strong> knop. Als je vervolgens de plugin op je website hebt ge\u00efnstalleerd, laat een nieuw scherm je weten dat deze plugin al ge\u00efnstalleerd is, samen met de gegevens van de huidige \u00e9n de ge\u00fcploade versie.<\/p>\n<figure id=\"attachment_77439\" aria-describedby=\"caption-attachment-77439\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77439 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/plugin-geinstalleerd.jpg\" alt=\"De plugin is al ge\u00efnstalleerd\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77439\" class=\"wp-caption-text\">De plugin is al ge\u00efnstalleerd<\/figcaption><\/figure>\n<p>Het proces is vergelijkbaar met het updaten van thema&#8217;s.<\/p>\n<p>Ga naar <strong>Weergave &gt; Thema&#8217;s<\/strong> en klik op <strong>Nieuwe toevoegen<\/strong> en dan op <strong>Thema uploaden<\/strong>. Als je al een thema hebt ge\u00efnstalleerd op je WordPress website, laat een nieuw scherm je weten dat dit thema al is ge\u00efnstalleerd en worden de details van de huidige en ge\u00fcploade versie weergegeven.<\/p>\n<figure id=\"attachment_77445\" aria-describedby=\"caption-attachment-77445\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77445 size-full\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/thema-geinstalleerd-nl.jpg\" alt=\"Dit thema is al ge\u00efnstalleerd.\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77445\" class=\"wp-caption-text\">Dit thema is al ge\u00efnstalleerd.<\/figcaption><\/figure>\n<h2>Overige verbeteringen voor ontwikkelaars in WordPress 5.5<\/h2>\n<p>Naast wat we tot nu toe hebben behandeld, verdienen ook een aantal andere toevoegingen de aandacht van de gemiddelde developer.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"circle\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nieuwe wp_get_environment_type() function<\/h3>\n<p>De <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/24\/new-wp_get_environment_type-function-in-wordpress-5-5\/\">nieuwe <code>wp_get_environment_type()<\/code> function<\/a> stelt je in staat om het huidige omgevingstype van een website te detecteren, waardoor ontwikkelaars plugins en themafuncties kunnen aanpassen aan de huidige omgeving.<\/p>\n<p>Standaard retourneert <code>wp_get_environment_type()<\/code> <code>production<\/code>. Andere ondersteunde values zijn <code>development<\/code> en <code>staging<\/code>. Uiteraard is het developers toegestaan om hun eigen aanvullende omgevingstypen te defini\u00ebren.<\/p>\n<p>Er zijn drie beschikbare methoden om een website omgevingstype op te stellen. Op prioriteit gerangschikt, kan je het volgende gebruiken:<\/p>\n<ul>\n<li><code>WP_ENVIRONMENT_TYPE<\/code> PHP omgevingsvariable.<\/li>\n<li><code>WP_ENVIRONMENT_TYPE<\/code> constant.<\/li>\n<li><code>wp_get_environment_type<\/code> filter.<\/li>\n<\/ul>\n<p>Ter illustratie, als je je <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/\">omgeving wil instellen op <em>staging<\/em><\/a>, kan je als volgt de <code>WP_ENVIRONMENT_TYPE<\/code> constant defini\u00ebren in <a href=\"https:\/\/kinsta.com\/nl\/blog\/wp-config-php\/\">je wp-config.php bestand<\/a>:<\/p>\n<pre><code class=\"language-php\">define( 'WP_ENVIRONMENT_TYPE', 'staging' );<\/code><\/pre>\n<p>Als het omgevingstype <em>staging<\/em> is, dan zegt <code>WP_DEBUG<\/code> deze automatisch op <code>true<\/code>, zelfs als je deze niet expliciet hebt gedefinieerd.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Alle hosts moeten deze functie ondersteunen en moeten hun testomgevingen dienovereenkomstig instellen. Kinsta ondersteunt reeds de function <code>wp_get_environment_type()<\/code>.<\/p>\n<\/aside>\n\n<h3>Wijzigingen aan de REST API in WordPress 5.5<\/h3>\n<p>WordPress 5.5 brengt ook veel veranderingen aan de <a href=\"https:\/\/kinsta.com\/nl\/blog\/rest-api-wordpress\/\">REST API<\/a>. We zien <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/new-and-modified-rest-api-endpoints-in-wordpress-5-5\/\">een aantal nieuwe endpoints<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/rest-api-parameter-json-schema-changes-in-wordpress-5-5\/\">nieuwe parameters en wijzigingen aan JSON schema<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">nieuwe functions en verdere verbeteringen<\/a>.<\/p>\n<p>Hier is een korte lijst met nieuwe endpoints:<\/p>\n<h4>Block types<\/h4>\n<p>Met dit nieuwe endpoint kan je alle geregistreerde bloktypes opvragen:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-types<\/code> retourneert alle geregistreerde bloktypes.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core<\/code> retourneert alle blokken binnen de \u00a0<code>core<\/code>\u00a0namespace.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core\/quote<\/code> retourneert de core\u00a0<code>quote<\/code>\u00a0blokdefinitie.<\/li>\n<\/ul>\n<h4>Plugins<\/h4>\n<p>Met dit nieuwe endpoint kan je plugins beheren:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/plugins<\/code> retourneert een lijst met alle ge\u00efnstalleerde plugins.<\/li>\n<li><code>GET \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> retourneert informatie over de gespecificeerde plugin.<\/li>\n<li><code>POST \/wp\/v2\/plugins { slug: \"plugin-name\" }<\/code> installeert de gespecificeerde plugin vanuit de pluginbibliotheek<\/li>\n<li><code>PUT \/wp\/v2\/plugins\/plugin-name\/plugin-name { status: \"active\" }<\/code> activeert de gespecificeerde plugin<\/li>\n<li><code>DELETE \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> verwijdert een inactieve plugin.<\/li>\n<\/ul>\n<h4>Block directory<\/h4>\n<p>Met dit nieuwe endpoint kan je de blokdirectory doorzoeken:<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-directory\/search?term=block-name<\/code> zoekt in de blokdirectory naar\u00a0<code>block-name<\/code><\/li>\n<\/ul>\n<h4>Bewerken afbeeldingen<\/h4>\n<p>In combinatie met de nieuwe inline functie voor het bewerken van afbeeldingen, kan je met dit endpoint afbeeldingsbijlagen bewerken in de mediabibliotheek:<\/p>\n<p><code>POST \/wp\/v2\/media\/5\/edit<\/code>\u00a0bewerkt de afbeelding met ID 5<\/p>\n<p>Bekijk de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">WordPress Core dev-notes<\/a> voor meer informatie over alle wijzigingen aan de REST API die je kan verwachten met WordPress 5.5.<\/p>\n<h2>Samenvatting<\/h2>\n<p>We zijn erg enthousiast over al deze nieuwe functies en verbeteringen die allemaal verpakt zitten in deze WordPress 5.5 release.<\/p>\n<p>Het laat zien dat er achter de schermen hard wordt gewerkt. We waarderen dan ook alle inspanningen en toewijding van iedereen die een bijdrage levert aan de WordPress Core.<\/p>\n<p>Als je geen genoeg kan krijgen van deze wijzigingen en echt \u00e1lles wil weten over de nieuwe update, dan kan je hier wat extra verbeteringen vinden die met WordPress 5.5 worden geleverd:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/dashicons-in-wordpress-5-5-the-final-update\/\">65 nieuwe iconen<\/a> toegevoegd aan het Dashicons icoonlettertype in WordPress Core<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/09\/accessibility-improvements-to-widgets-outputting-lists-of-links-in-5-5\/\">Verbeteringen toegankelijkheid van links in widgets<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/10\/new-css-styles-for-buttons-with-disabled-state-in-wp-5-5\/\">Nieuwe CSS stijlen voor uitgeschakelde knoppen<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/opcode-cache-invalidation-in-wordpress-5-5\/\">Opcode cache invalidation<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/26\/wordpress-5-5-better-fine-grained-control-of-redirect_guess_404_permalink\/\">Betere controle over <code>redirect_guess_404_permalink()<\/code><\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/php-related-improvements-changes-wordpress-5-5-edition\/\">PHP gerelateerde verbeteringen<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/23\/codebase-language-improvements-in-5-5\/\">Veranderingen aan de codebase<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">Veranderingen aan de custom logo functions en filter<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/block-api-updates-in-5-5\/\">Updates aan de Block API<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/filtering-archive-pages-headings-in-wordpress-5-5\/\">Headingsfilters voor archiefpagina<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/themes-field-guide-wordpress-5-5\/\">Iconen toegevoegd aan Twenty Twenty<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">En nog veel meer<\/a><\/li>\n<\/ul>\n<p>Zorg dat je <a href=\"https:\/\/kinsta.com\/nl\/webinars\/wat-is-er-nieuw-in-wordpress-5-5\/\">deelneemt aan onze gratis webinar<\/a>, volledig gewijd aan WordPress 5.5!<\/p>\n<p>Nu is het jouw beurt. Wat zijn de features en verbeteringen waar jij het meest naar uitkijkt voor WordPress 5.5? En welke features wil jij het liefste zien <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/31\/wordpress-5-6-whats-on-your-wishlist\/\">in WordPress 5.6<\/a>? Laat het ons weten in de reacties hieronder!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.5 is er, en er is genoeg nieuws. Hoog tijd dat we de meest opvallende veranderingen en features bespreken die zijn toegevoegd aan de WordPress &#8230;<\/p>\n","protected":false},"author":36,"featured_media":34051,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[75,28],"topic":[907],"class_list":["post-34025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-wordpress","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wat is er nieuw in WordPress 5.5 - Een duik in een (fantastische) release<\/title>\n<meta name=\"description\" content=\"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-10T07:18:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T08:50:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release\",\"datePublished\":\"2020-08-10T07:18:26+00:00\",\"dateModified\":\"2023-06-08T08:50:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\"},\"wordCount\":5069,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"WordPress nieuws\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\",\"name\":\"Wat is er nieuw in WordPress 5.5 - Een duik in een (fantastische) release\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\",\"datePublished\":\"2020-08-10T07:18:26+00:00\",\"dateModified\":\"2023-06-08T08:50:34+00:00\",\"description\":\"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg\",\"width\":1024,\"height\":512,\"caption\":\"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress updates\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-updates\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wat is er nieuw in WordPress 5.5 - Een duik in een (fantastische) release","description":"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.","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:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/","og_locale":"nl_NL","og_type":"article","og_title":"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release","og_description":"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2020-08-10T07:18:26+00:00","article_modified_time":"2023-06-08T08:50:34+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"29 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release","datePublished":"2020-08-10T07:18:26+00:00","dateModified":"2023-06-08T08:50:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/"},"wordCount":5069,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","keywords":["CMS","WordPress"],"articleSection":["WordPress nieuws"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/","name":"Wat is er nieuw in WordPress 5.5 - Een duik in een (fantastische) release","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","datePublished":"2020-08-10T07:18:26+00:00","dateModified":"2023-06-08T08:50:34+00:00","description":"WordPress 5.5 is de meest recente WordPress release and komt met veel veranderingen. Check alle nieuwe features en wijzigingen in WordPress 5.5.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/08\/nieuw-wordpress-nl.jpg","width":1024,"height":512,"caption":"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress updates","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-updates\/"},{"@type":"ListItem","position":3,"name":"Wat is er nieuw in WordPress 5.5? Een duik in een (fantastische) release"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/34025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=34025"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/34025\/revisions"}],"predecessor-version":[{"id":38591,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/34025\/revisions\/38591"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/en"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/translations\/se"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/34025\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/34051"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=34025"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=34025"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=34025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}