{"id":8984,"date":"2021-03-16T15:36:18","date_gmt":"2021-03-16T14:36:18","guid":{"rendered":"http:\/\/wpprovider.nl\/kennisbank\/?post_type=kb&#038;p=8984"},"modified":"2021-12-18T09:23:50","modified_gmt":"2021-12-18T08:23:50","slug":"widget-shortcodes","status":"publish","type":"kb","link":"https:\/\/wpprovider.nl\/kennisbank\/wordpress\/widget-shortcodes\/","title":{"rendered":"Widget shortcodes"},"content":{"rendered":"\n<p>In dit artikel leer je hoe je shortcodes kunt gebruiken in je WordPress sidebar widgets. Shortcodes stellen je in staat om extra functies toe te voegen aan de inhoud van je WordPress berichten en andere delen van je website. In dit artikel zullen we je laten zien hoe je shortcodes kunt gebruiken in je WordPress sidebar widgets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wat zijn shortcodes?<\/h2>\n\n\n\n<p>Shortcodes laat je toe om dynamische items zoals contactformulieren, tabellen, en anderen toe te voegen in jouw WordPress inhoudsgebied. Je kunt ook shortcodes in je widgets gebruiken om deze dynamische items in jouw sidebars en andere widget-ready gebieden toe te voegen.<\/p>\n\n\n\n<p>Laten we eens kijken hoe je gemakkelijk shortcodes kunt toevoegen en gebruiken in je WordPress sidebar widgets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Shortcode toevoegen in de WordPress zijbalk met behulp van een tekst widget<\/h2>\n\n\n\n<p>Het eerste wat je moet doen is een Tekst widget naar jouw WordPress zijbalk slepen op de <strong>Weergave<\/strong> button vervolgt door <strong>Widgets<\/strong> scherm in jouw dashboard. Na het toevoegen van de widget, kun je eenvoudig jouw shortcode toevoegen in het tekst bewerkingsgebied van de widget. <\/p>\n\n\n\n<p><strong>Hoe voeg je een widget toe?<\/strong><br>Wij hebben <strong><a href=\"http:\/\/wpprovider.nl\/kennisbank\/kennisbank\/wat-is-een-widget#hoe-voeg-je-een-widget-toe\">een uitgebreid artikel<\/a><\/strong> over geschreven hoe je een widget kan toevoegen.<\/p>\n\n\n\n<p>Nadat je de widget hebt toegevoegd klik je op de button <strong>Tekst<\/strong> en kan je in het tekstvak de shortcode toevoegen.<\/p>\n\n\n<div class=\"mkb-shortcode-container\">        <div class=\"mkb-info\">\n            <div class=\"mkb-info__icon\">\n                <i class=\"fa fa-info-circle fa-lg\"><\/i>\n            <\/div>\n            <div class=\"mkb-info__content\">\n                Voorbeeld van een shortcode: [display-posts]            <\/div>\n        <\/div>\n        <\/div>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/image-59.png\" alt=\"\" class=\"wp-image-8989\" width=\"550\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/image-59.png 501w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/image-59-178x300.png 178w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Een shortcode toevoegen in WordPress met behulp van aangepaste HTML-widget<\/h2>\n\n\n\n<p>Soms wil je misschien aangepaste HTML-code rond jouw shortcode toevoegen, wat misschien niet zo goed werkt in de gewone tekstwidget. In dat geval moet je jouw shortcode toevoegen met behulp van de &#8216;Aangepaste HTML&#8217;-widget.<\/p>\n\n\n\n<p>Standaard mogen shortcodes niet worden uitgevoerd in een aangepaste HTML-widget. Om dit te veranderen, moet je de volgende code toevoegen aan het <strong>functions.php<\/strong> bestand van je thema of een site-specifieke plugin.<\/p>\n\n\n\n<p><code>add_filter( 'widget_text', 'do_shortcode'<\/code> <code>);<\/code><\/p>\n\n\n\n<p>Daarna kan je gewoon een &#8216;Aangepaste HTML&#8217; widget toevoegen aan je zijbalk en jouw shortcode erin zetten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"550\" height=\"310\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/22.png\" alt=\"\" class=\"wp-image-8990\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/22.png 550w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/03\/22-300x169.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<p>Vergeet niet de wijzigingen op te slaan. Je kunt nu je website bezoeken met de shortcode.<\/p>\n\n\n\n<p><strong><strong>Heb je meer hulp nodig?<\/strong><br><\/strong>Heb je vragen omtrent dit artikel of over onze dienstverlening? Neem dan contact met ons op.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In dit artikel leer je hoe je shortcodes kunt gebruiken in je WordPress sidebar widgets. Shortcodes stellen je in staat om extra functies toe te voegen aan de inhoud van je WordPress berichten en andere delen van je website. In dit artikel zullen we je laten zien hoe je shortcodes kunt gebruiken in je WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[31],"kbtag":[],"class_list":["post-8984","kb","type-kb","status-publish","hentry","kbtopic-wordpress"],"_links":{"self":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/8984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/comments?post=8984"}],"version-history":[{"count":2,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/8984\/revisions"}],"predecessor-version":[{"id":8993,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/8984\/revisions\/8993"}],"wp:attachment":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/media?parent=8984"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kbtopic?post=8984"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kbtag?post=8984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}