{"id":70395,"date":"2022-03-10T07:00:44","date_gmt":"2022-03-10T15:00:44","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70395"},"modified":"2025-05-26T09:28:14","modified_gmt":"2025-05-26T16:28:14","slug":"een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/","title":{"rendered":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden)"},"content":{"rendered":"\n<p>WordPress shortcodes kunnen je website eenvoudig verrijken met boeiende, interactieve elementen die over berichten en pagina&#8217;s herhaald kunnen worden. Voorbeelden zijn <a href=\"https:\/\/www.dreamhost.com\/blog\/monetize-your-wordpress-image-gallery\/\" target=\"_blank\" rel=\"noopener noreferrer\">afbeeldingsgalerijen<\/a>, contactformulieren en afspeellijsten om je inhoud nuttiger en aantrekkelijker te maken.<\/p>\n\n\n<p>In deze post bespreken we WordPress shortcodes en waarom ze nuttig zijn. Vervolgens zullen we vier methoden schetsen om shortcodes op je site te gaan gebruiken. Laten we beginnen!<\/p>\n\n\n<h2 id=\"h-wordpress-shortcodes-101\" class=\"wp-block-heading\"><b>WordPress Shortcodes 101<\/b><\/h2>\n\n\n<p>WordPress shortcodes zijn fragmenten waarmee je snel verschillende bestanden, objecten of stukken inhoud in je website kunt integreren. Het zijn enkele regels HTML-code die interactieve elementen voor berichten kunnen bevatten.<\/p>\n\n\n<p>Een shortcode ziet er zo uit, omhuld door twee vierkante haakjes:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">[exampleshortcode]<\/pre>\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/history-of-wordpress\/?utm_campaign=coschedule&amp;utm_source=facebook_page&amp;utm_medium=DreamHost\" target=\"_blank\" rel=\"noopener noreferrer\">Shortcodes zijn ge\u00efntroduceerd in 2008<\/a> om het maken van complexere berichten en pagina&#8217;s gemakkelijker te maken. Ze bieden een eenvoudige manier om dynamische contentelementen in je site te plaatsen en te laden.<\/p>\n\n\n<p>Bijvoorbeeld, je wilt misschien <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">je WordPress voorpagina aanpassen<\/a> door een Google map in te sluiten om je winkellocatie te tonen. Je zou zelfs een introductievideo kunnen toevoegen met behulp van een shortcode:<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-33076 lazyload\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes-1.jpg\" alt=\"WordPress video shortcode\" width=\"900\" height=\"294\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes-1.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes-1-300x98.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes-1-768x251.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes-1-600x196.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes-1-730x238.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes-1-784x256.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes-1-877x286.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/294;\" \/><\/pre>\n\n\n<p>Website-eigenaren gebruiken doorgaans shortcodes in de inhoud van berichten, pagina&#8217;s en aangepaste berichttypen. Gelukkig, naarmate de Gutenberg-blokeditor zich heeft ontwikkeld, is het gebruik van shortcodes nog gebruiksvriendelijker geworden. We zullen dit later in het artikel bespreken.<\/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-why-you-might-consider-using-wordpress-shortcodes\" class=\"wp-block-heading\"><b>Waarom Je Zou Kunnen Overwegen Om WordPress Shortcodes Te Gebruiken<\/b><\/h2>\n\n\n<p>Er zijn verschillende redenen waarom je WordPress-shortcodes zou willen gebruiken. Om te beginnen zijn ze vaak makkelijker toe te voegen aan je pagina dan het leren en schrijven van een lange HTML-code.<\/p>\n\n\n<p>Bovendien kunnen shortcodes je inhoud schoon en georganiseerd houden. Ze nemen niet zoveel ruimte in beslag in de HTML van je hele bericht. Dit kan je helpen fouten gemakkelijk te identificeren wanneer je de code-editor gebruikt.<\/p>\n\n\n<p>Shortcodes zijn ook herbruikbaar. Je hoeft niet handmatig dezelfde functies, zoals een oproep tot actie (CTA) of socialemediaknoppen, aan elke post toe te voegen. In plaats daarvan kun je gewoon je shortcode plakken.<\/p>\n\n\n<h2 id=\"h-wordpress-shortcodes-101-4-ways-to-use-these-snippets\" class=\"wp-block-heading\"><b>WordPress Shortcodes 101 (4 Manieren Om Deze Snippets Te Gebruiken)<\/b><\/h2>\n\n\n<p>Er zijn twee basissoorten shortcodes waar je jezelf mee moet familiariseren: zelfsluitend en insluitend. Zelfsluitende staan op zichzelf en hebben geen sluitende tags nodig:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">[myshortcode]<\/pre>\n\n\n<p>Omsluitende shortcodes wikkelen zich rond een specifiek stukje inhoud om dit te wijzigen. Daarom moeten omsluitende shortcodes handmatig worden gesloten. Ze zien er doorgaans zo uit:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">[myshortcode] inhoud [\/myshortcode]<\/pre>\n\n\n<p>Je kunt ook de eigenschappen van shortcodes wijzigen met verschillende attributen. Deze zullen van invloed zijn op hoe het element wordt weergegeven op de frontend.<\/p>\n\n\n<p>Bijvoorbeeld, je kunt de grootte van een gallery shortcode wijzigen door een grootte-attribuut toe te voegen:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">[gallery id=\"123\" size=\"medium\"]\u200b\u200b<\/pre>\n\n\n<p>Als je door de <a href=\"https:\/\/wordpress.org\/plugins\/search\/shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Plugin Directory<\/a> bladert, zul je zien dat er veel opties zijn om shortcodes te gebruiken op je WordPress-site. Hier zijn vier verschillende opties!<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-wordpress-default-shortcodes\"><b>1. Standaard WordPress Shortcodes<\/b><\/h3>\n\n\n<p>WordPress wordt geleverd met <a href=\"https:\/\/developer.wordpress.org\/plugins\/shortcodes\/#built-in-shortcodes\" target=\"_blank\" rel=\"noopener noreferrer\">basis ingebouwde shortcodes<\/a>. Deze snippets stellen je in staat om extra media rechtstreeks in je berichten in te sluiten.<\/p>\n\n\n<p>Deze shortcodes omvatten:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>[caption]:<\/b> Omsluit bijschriften rond inhoud.<\/li>\n\n\n\n<li><b>[gallery]:<\/b> Toont afbeeldingsgalerijen.<\/li>\n\n\n\n<li><b>[audio]:<\/b> Voegt audiobestanden in en speelt deze af.<\/li>\n\n\n\n<li><b>[video]:<\/b> Voegt videobestanden in en speelt deze af.<\/li>\n\n\n\n<li><b>[playlist]:<\/b> Toont een collectie van audio- of videobestanden.<\/li>\n\n\n\n<li><b>[embed]:<\/b> Omsluit ingebedde items.<\/li>\n\n\n\n<\/ul>\n\n\n<p>Je kunt ook een verscheidenheid aan extra shortcodes inschakelen via de <a href=\"https:\/\/jetpack.com\/support\/shortcode-embeds\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jetpack plugin<\/a>.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tThe Best WordPress Plugins in 2026 (According to Site Owners)\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/best-wordpress-plugins\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><\/p>\n\n\n<p>Zorg er eerst voor dat de Jetpack-module is ingeschakeld door in je WordPress-dashboard op <i>Jetpack <\/i>te klikken:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"396\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes15.jpg\" alt=\"Jetpack\" class=\"wp-image-33089 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes15.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes15-300x132.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes15-768x338.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes15-600x264.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes15-730x321.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes15-784x345.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes15-877x386.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/396;\" \/><\/figure><\/div>\n\n<p>Selecteer dan <i>Settings<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"250\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes9.jpg\" alt=\"Jetpack\" class=\"wp-image-33083 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes9.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes9-300x83.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes9-768x213.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes9-600x167.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes9-730x203.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes9-784x218.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes9-877x244.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/250;\" \/><\/figure><\/div>\n\n<p>Ga naar het tabblad <i>Schrijven<\/i>, scrol naar beneden naar de sectie <i>Samenstellen<\/i> en activeer <i>Samenstellen met behulp van shortcodes om media van populaire sites in te sluiten<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"321\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes12.jpg\" alt=\"Jetpack\" class=\"wp-image-33086 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes12.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes12-300x107.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes12-768x274.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes12-600x214.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes12-730x260.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes12-784x280.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes12-877x313.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/321;\" \/><\/figure><\/div>\n\n<p>Zodra je deze optie hebt ingeschakeld, kun je de [tweet] shortcode gebruiken om een specifieke tweet in je bericht te embedden. Kopieer gewoon de URL van de tweet en plak deze binnen je shortcode-haken:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"230\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes14.jpg\" alt=\"Tweet shortcode\" class=\"wp-image-33088 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes14.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes14-300x77.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes14-768x196.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes14-600x153.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes14-730x187.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes14-784x200.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes14-877x224.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/230;\" \/><\/figure><\/div>\n\n<p>Dit zal de gelinkte tweet in je bericht embedden. Het resultaat zal er zo uitzien:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"798\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes7.jpg\" alt=\"WordPress Twitter shortcode\" class=\"wp-image-33081 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes7.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes7-282x300.jpg 282w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes7-600x638.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes7-730x777.jpg.webp 730w\" data-sizes=\"(max-width: 750px) 100vw, 750px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 750px; --smush-placeholder-aspect-ratio: 750\/798;\" \/><\/figure><\/div>\n\n<p>Je kunt deze extra shortcodes gebruiken om een scala aan andere media in je inhoud in te sluiten, inclusief Spotify-afspeellijsten, Google Docs of recepten.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-gutenberg-shortcodes\"><b>2. Gutenberg Shortcodes<\/b><\/h3>\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-gutenberg-for-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg blocks<\/a> maken het toevoegen van dynamische inhoud aan je berichten nog makkelijker. De blokeditor stelt je in staat om individuele secties gemakkelijk te wijzigen en blokspecifieke instellingen en opmaakregels toe te passen zonder plugins te gebruiken.<\/p>\n\n\n<p>De <a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg editor is ge\u00ebvolueerd<\/a> om het nog makkelijker te maken om WordPress berichten en pagina&#8217;s samen te stellen. Het biedt een gebruiksvriendelijke manier om shortcodes in te voegen. De meeste Gutenberg blokken vervangen standaard shortcodes, maar de blokeditor is gebleken een beetje een bewegend doel te zijn, dus het leren over het gebruik van shortcodes voor functionaliteit is een goed idee.<\/p>\n\n\n<p>Bijvoorbeeld, je kunt een Gutenberg blok gebruiken om de tweet uit ons vorige voorbeeld in te sluiten in plaats van een shortcode. Je hoeft alleen maar op het <i>+ <\/i>icoon te klikken en het <i>Twitter <\/i>blok te selecteren:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"377\" height=\"356\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes4.jpg\" alt=\"Twitterblok in WordPress\" class=\"wp-image-33079 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes4.jpg.webp 377w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes4-300x283.jpg 300w\" data-sizes=\"(max-width: 377px) 100vw, 377px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 377px; --smush-placeholder-aspect-ratio: 377\/356;\" \/><\/figure><\/div>\n\n<p>Deze methode laat je de URL van de tweet direct in het blok plakken zonder de shortcode tussen vierkante haken te schrijven.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tYour Complete Guide to WordPress Full-Site Editing\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-full-site-editing\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<p><\/p>\n\n\n<p>Verder beschikt de Gutenberg Block Editor over een <i>Shortcode <\/i>blok. Hiermee kun je je snippets beheren in de visuele editor zonder de code direct in HTML te schrijven:<\/p>\n\n\n<p>Gutenberg stelt je ook in staat om herbruikbare blokken te maken, wat handig kan zijn voor het gebruik van dezelfde inhoudssnippets in je berichten. We kunnen dit concept demonstreren met een socialemedia-CTA die je mogelijk aan het einde van berichten gebruikt die je op je site zou kunnen schrijven.<\/p>\n\n\n<p>Je kunt beginnen met het selecteren van het <i>Shortcode<\/i>-blok uit het pop-upvenster:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"265\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes11.jpg\" alt=\"Gutenberg Shortcode blok\" class=\"wp-image-33085 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes11.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes11-300x88.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes11-768x226.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes11-600x177.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes11-730x215.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes11-784x231.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes11-877x258.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/265;\" \/><\/figure><\/div>\n\n<p>Nadat je je CTA-snippet hebt toegevoegd, klik je op de drie puntjes voor een optiemenu en selecteer je <i>Add to Reusabl<\/i>e <i>blocks<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1348\" height=\"590\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes8.jpg\" alt=\"WordPress herbruikbare blokken\" class=\"wp-image-33082 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8.jpg.webp 1348w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes8-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes8-1024x448.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes8-768x336.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8-600x263.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8-1200x525.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8-730x320.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8-784x343.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes8-877x384.jpg.webp 877w\" data-sizes=\"(max-width: 1348px) 100vw, 1348px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1348px; --smush-placeholder-aspect-ratio: 1348\/590;\" \/><\/figure><\/div>\n\n<p>Je kunt het herbruikbare blok dan een naam geven:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"759\" height=\"473\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes13.jpg\" alt=\"Herbruikbare blokken benoemen\" class=\"wp-image-33087 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes13.jpg.webp 759w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes13-300x187.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes13-600x374.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes13-730x455.jpg.webp 730w\" data-sizes=\"(max-width: 759px) 100vw, 759px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 759px; --smush-placeholder-aspect-ratio: 759\/473;\" \/><\/figure><\/div>\n\n<p>Je snippet wordt dan opgeslagen onder het herbruikbare tabblad, waardoor je het overal op je website kunt gebruiken, inclusief berichten, pagina&#8217;s en widgetgebieden.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-plugin-shortcodes\"><b>3. Plugin Shortcodes<\/b><\/h3>\n\n\n<p>Verschillende WordPress plugins komen ook met hun eigen shortcodes. Sommige van deze tools kunnen je zelfs helpen om aanpasbare parameters toe te voegen aan bestaande standaard shortcodes.<\/p>\n\n\n<p>Bijvoorbeeld, je kunt kant-en-klare shortcodes voor contactformulieren van de <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/participants-database\/\" target=\"_blank\" rel=\"noopener noreferrer\">Participants Database<\/a> plugin krijgen. Je zou simpelweg [pdb_signup] kunnen typen om een inschrijfformulier in een bericht te plaatsen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"228\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes6.jpg\" alt=\"Shortcode formulierblok in WordPress\" class=\"wp-image-33080 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes6.jpg.webp 1000w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes6-300x68.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes6-768x175.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes6-600x137.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes6-730x166.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes6-784x179.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes6-877x200.jpg.webp 877w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/228;\" \/><\/figure><\/div>\n\n<p>Het formulier wordt dan weergegeven op de frontend:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"687\" height=\"436\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes10.jpg\" alt=\"een webformulier cre\u00ebren in WordPress\" class=\"wp-image-33084 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes10.jpg.webp 687w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes10-300x190.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes10-600x381.jpg.webp 600w\" data-sizes=\"(max-width: 687px) 100vw, 687px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 687px; --smush-placeholder-aspect-ratio: 687\/436;\" \/><\/figure><\/div>\n\n<p>Als dit je interesseert, kun je meer lezen over <a href=\"https:\/\/www.dreamhost.com\/blog\/best-wordpress-plugins-you-dont-know-about\/\" target=\"_blank\" rel=\"noopener noreferrer\">andere WordPress plugins<\/a> die je website kunnen verbeteren. Deze omvatten de <a href=\"https:\/\/wordpress.org\/plugins\/enhanced-media-library\/\" target=\"_blank\" rel=\"noopener noreferrer\">Enhanced Media Library plugin<\/a>, die je kan helpen bij het aanpassen van de parameters voor de ingebouwde Playlist en Gallery shortcodes.<\/p>\n\n\n<p>Denk er echter aan om je WordPress shortcode plugins bijgewerkt te houden. Hierdoor kan je ervoor zorgen dat je site <a href=\"https:\/\/www.dreamhost.com\/blog\/optimize-wordpress-website-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">zo snel mogelijk draait<\/a> en niet kwetsbaar is voor beveiligingsdreigingen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-custom-shortcodes\"><b>4. Aangepaste Shortcodes<\/b><\/h3>\n\n\n<p>Als je nog meer functionaliteit van shortcodes nodig hebt, is het mogelijk om aangepaste te maken. Ze kunnen waardevolle hulpmiddelen zijn voor ontwikkelaars die tijd willen besparen op repetitieve codering.<\/p>\n\n\n<p>Je moet weten dat het maken van aangepaste shortcodes enige technische kennis vereist. Als je je niet zeker voelt over coderen, wil je misschien bij een van de andere strategie\u00ebn blijven die we hebben genoemd.<\/p>\n\n\n<p>Als je deze methode wilt proberen, overweeg dan het gebruik van een <a href=\"https:\/\/generatewp.com\/shortcodes\/\" target=\"_blank\" rel=\"noopener noreferrer\">generator zoals GenerateWP<\/a> om je te helpen met het formatteren van je code vanaf het begin. Je kunt verschillende attribuutvelden invullen om het uiterlijk van het element naar wens aan te passen.<\/p>\n\n\n<p>Je kunt deze shortcodes vervolgens implementeren met de <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_shortcode functie<\/a>. In actie ziet het er zo uit:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">add_shortcode( string $tag, callable $callback )<\/pre>\n\n\n<p>Echter, als je je niet prettig voelt bij het vanaf nul maken van een aangepaste shortcode, is er nog een andere manier! Je kunt contact opnemen met ons <a href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\" target=\"_blank\" rel=\"noopener noreferrer\">team voor aangepaste webontwikkeling<\/a>, en wij kunnen je helpen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1878\" height=\"742\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes3.jpg\" alt=\"DreamHost Professionele Diensten - WordPress websiteontwerp\" class=\"wp-image-33078 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3.jpg.webp 1878w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes3-300x119.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes3-1024x405.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes3-768x303.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-shortcodes3-1536x607.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-600x237.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-1200x474.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-730x288.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-1460x577.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-784x310.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-1568x620.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-877x347.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-shortcodes3-1754x693.jpg.webp 1754w\" data-sizes=\"(max-width: 1878px) 100vw, 1878px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1878px; --smush-placeholder-aspect-ratio: 1878\/742;\" \/><\/figure><\/div>\n\n<p>Met DreamHost Pro Services hoef je alleen maar een webontwikkelingsverzoek in te vullen. We stellen je een paar eenvoudige vragen over je website en je vereisten. Daarna kunnen we aan de slag met het implementeren van je wijzigingen op een staged versie van je site. Zodra je de laatste aanpassingen hebt goedgekeurd, kunnen we de nieuwe code toepassen op je live website!<\/p>\n\n\n<h2 id=\"h-use-wordpress-shortcodes-to-enhance-your-content\" class=\"wp-block-heading\"><b>Gebruik WordPress Shortcodes Om Je Inhoud Te Verbeteren<\/b><\/h2>\n\n\n<p>WordPress shortcodes kunnen de inhoud van je website verrijken met boeiende functies voor bezoekers. Ze zorgen ervoor dat lezers interactie hebben met je site en blijven terugkomen voor meer.<\/p>\n\n\n<p>In deze post hebben we vier methoden beschreven om WordPress shortcodes op je site te gebruiken:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Standaard shortcodes van WordPress<\/li>\n\n\n\n<li>Gutenberg shortcodes<\/li>\n\n\n\n<li>Plugin shortcodes<\/li>\n\n\n\n<li>Aangepaste shortcodes<\/li>\n\n\n\n<\/ol>\n\n\n<p>Als je het gevoel hebt dat je niet de technische expertise of de tijd hebt om shortcodes of Blocks te schrijven, maak je geen zorgen! Je kunt onze <a href=\"https:\/\/www.dreamhost.com\/pro-services\/development\" target=\"_blank\" rel=\"noopener noreferrer\">Website Development Pro Services<\/a> bekijken om te leren hoe we jouw site kunnen aanpassen met hoogwaardige code.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"200\" height=\"202\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/07\/CTA-Customer-Spotlight-2.png\" alt=\"DreamHost aangepaste websiteontwikkelingsdiensten\" class=\"wp-image-25383 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 200px; --smush-placeholder-aspect-ratio: 200\/202;\" \/><\/figure><\/div>\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Jij Droomt Het, Wij Programmeren Het\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Maak gebruik van meer dan 20 jaar programmeerexpertise wanneer je kiest voor onze Webontwikkelingsdienst. Laat ons gewoon weten wat je voor je site wilt \u2014 wij nemen het vanaf daar over.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meer Leren                    <\/a>\n\n  <\/div>\n<\/div>\n\n<p><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress shortcodes kunnen je website gemakkelijk verrijken met boeiende, interactieve elementen die over berichten en pagina&#8217;s herhaald kunnen worden. Voorbeelden zijn afbeeldingsgalerijen, contactformulieren en afspeellijsten om je inhoud nuttiger en aantrekkelijker te maken. In deze post zullen we WordPress shortcodes bespreken en waarom ze nuttig zijn. Vervolgens zullen we vier methoden beschrijven om te beginnen met gebruiken [\u2026]<\/p>\n","protected":false},"author":1060,"featured_media":33073,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!","toc_headlines":"[[\"h-wordpress-shortcodes-101\",\"WordPress Shortcodes 101\"],[\"h-why-you-might-consider-using-wordpress-shortcodes\",\"Waarom Je Zou Kunnen Overwegen Om WordPress Shortcodes Te Gebruiken\"],[\"h-wordpress-shortcodes-101-4-ways-to-use-these-snippets\",\"WordPress Shortcodes 101 (4 Manieren Om Deze Snippets Te Gebruiken)\"],[\"h-use-wordpress-shortcodes-to-enhance-your-content\",\"Gebruik WordPress Shortcodes Om Je Inhoud Te Verbeteren\"]]","hide_toc":false,"footnotes":""},"categories":[14954,14922,14946],"tags":[],"class_list":["post-70395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started-nl","category-dreampress-nl","category-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Een Introductie tot WordPress Shortcodes (Met Voorbeelden) - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!\" \/>\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\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een Introductie tot WordPress Shortcodes (Met Voorbeelden)\" \/>\n<meta property=\"og:description\" content=\"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-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-10T15:00:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:28:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.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=\"Brian Glassman\" \/>\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=\"Brian Glassman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden) - DreamHost Blog","description":"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!","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\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/","og_locale":"en_US","og_type":"article","og_title":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden)","og_description":"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-03-10T15:00:44+00:00","article_modified_time":"2025-05-26T16:28:14+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.jpeg","type":"image\/jpeg"}],"author":"Brian Glassman","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Brian Glassman","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/"},"author":{"name":"Brian Glassman","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de"},"headline":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden)","datePublished":"2022-03-10T15:00:44+00:00","dateModified":"2025-05-26T16:28:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/"},"wordCount":1430,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.jpeg","articleSection":["Aan de slag","DreamPress","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/","name":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.jpeg","datePublished":"2022-03-10T15:00:44+00:00","dateModified":"2025-05-26T16:28:14+00:00","description":"Lees alles over de dynamische krachtpatsers die WordPress-shortcodes zijn en hoe dynamische inhoud blijft evolueren met de Gutenberg-blokken. Leer meer!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/guide-to-wordpress-shortcodes.jpeg","width":900,"height":598,"caption":"guide to WordPress Shortcodes"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/een-introductie-tot-wordpress-shortcodes-met-voorbeelden-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Een Introductie tot WordPress Shortcodes (Met Voorbeelden)"}]},{"@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\/e25c31f16fee80576bdd8b93a066f3de","name":"Brian Glassman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","caption":"Brian Glassman"},"description":"SEO leader and content marketer, Brian is DreamHost\u2019s Director of SEO. Based in Chicago, Brian enjoys the local health food scene (deep dish pizza, Italian beef sandwiches) and famous year-round warm weather. Follow Brian on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/brianglassmandesign\/"],"url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/brian\/"}]}},"lang":"nl","translations":{"nl":70395,"es":33096,"en":33069,"de":52332,"pl":55006,"uk":55028,"pt":55062,"ru":55116,"it":68356,"fr":70366},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70395","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\/1060"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70395"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70395\/revisions"}],"predecessor-version":[{"id":70398,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70395\/revisions\/70398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33073"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}