{"id":95947,"date":"2023-11-17T13:22:09","date_gmt":"2023-11-17T12:22:09","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=95947"},"modified":"2025-01-20T09:18:35","modified_gmt":"2025-01-20T08:18:35","slug":"custom-html-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/","title":{"rendered":"Aangepast HTML-blok"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction_to_WordPress_Custom_HTML_Block\"><\/span>Inleiding tot WordPress Aangepast HTML Blok<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Het WordPress Custom HTML Block is een functie binnen de WordPress block editor, beter bekend als Gutenberg. Met dit blok kunnen gebruikers aangepaste HTML-code toevoegen aan hun berichten of pagina's. Het is vooral handig voor degenen die code moeten invoegen die niet wordt ondersteund door de standaardblokken in WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_the_Purpose\"><\/span>Het doel begrijpen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Het Custom HTML-blok is ontworpen voor gebruikers met enige kennis van HTML of voor degenen die specifieke stukjes code moeten insluiten, zoals widgets van derden of aangepaste scripts. Het biedt meer flexibiliteit en controle over de inhoud dan de typische tekstblokken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Accessing_the_Custom_HTML_Block\"><\/span>Toegang tot het aangepaste HTML-blok<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Volg deze stappen om dit blok te openen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in op je WordPress dashboard.<\/li>\n\n\n\n<li>Navigeer naar het bericht of de pagina waar je HTML-code wilt toevoegen.<\/li>\n\n\n\n<li>Klik op de knop '+' om een nieuw blok toe te voegen.<\/li>\n\n\n\n<li>Zoek naar \"Aangepaste HTML\" in de zoekbalk van het blok.<\/li>\n\n\n\n<li>Selecteer het blok Aangepaste HTML om het toe te voegen aan je bericht of pagina.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding_and_Editing_HTML_Code\"><\/span>HTML-code toevoegen en bewerken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Zodra je het aangepaste HTML-blok hebt toegevoegd:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Je kunt je HTML-code direct in het blok typen.<\/li>\n\n\n\n<li>Als je de HTML-code al hebt, kun je die in het blok plakken.<\/li>\n\n\n\n<li>Je kunt de HTML-code naar behoefte direct in het blok bewerken.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Previewing_Your_HTML\"><\/span>Een voorbeeld van je HTML bekijken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Het aangepaste HTML-blok heeft een ingebouwde voorbeeldfunctie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik op de knop 'Voorbeeld' op de werkbalk van het blok om te zien hoe je HTML-code eruit zal zien op de voorkant.<\/li>\n\n\n\n<li>Deze functie is vooral handig om ervoor te zorgen dat je HTML rendert zoals verwacht voordat je de post\/pagina publiceert of bijwerkt.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Best_Practices\"><\/span>Beste praktijken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bij gebruik van het Aangepaste HTML-blok:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zorg ervoor dat je HTML-code goed gestructureerd en foutloos is.<\/li>\n\n\n\n<li>Vermijd het toevoegen van te veel aangepaste HTML-blokken omdat ze de laadtijd van de pagina en de algehele prestaties kunnen be\u00efnvloeden.<\/li>\n\n\n\n<li>Wees voorzichtig met het toevoegen van scripts van derden, omdat deze beveiligingsrisico's kunnen opleveren.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Limitations_and_Considerations\"><\/span>Beperkingen en overwegingen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Het blok Aangepaste HTML is niet bedoeld voor uitgebreide codering. Overweeg voor grotere of complexere projecten het gebruik van een child theme of een aangepaste plugin.<\/li>\n\n\n\n<li>Het is belangrijk om te weten dat bepaalde HTML-tags om veiligheidsredenen verwijderd kunnen zijn, afhankelijk van je WordPress-instellingen en gebruikersrol.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusie<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Het Aangepaste HTML Blok in WordPress is een veelzijdige tool voor gebruikers die aangepaste HTML nodig hebben in hun berichten of pagina's. Hoewel het veel flexibiliteit biedt, moet het verstandig worden gebruikt en moet je verstand hebben van HTML. Vergeet niet om je werk vooraf te bekijken en zorg ervoor dat het compatibel is met het algemene ontwerp en de functionaliteit van je site.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhoudsopgave<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Introduction_to_WordPress_Custom_HTML_Block\" >Inleiding tot WordPress Aangepast HTML Blok<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Understanding_the_Purpose\" >Het doel begrijpen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Accessing_the_Custom_HTML_Block\" >Toegang tot het aangepaste HTML-blok<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Adding_and_Editing_HTML_Code\" >HTML-code toevoegen en bewerken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Previewing_Your_HTML\" >Een voorbeeld van je HTML bekijken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Best_Practices\" >Beste praktijken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Limitations_and_Considerations\" >Beperkingen en overwegingen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/nl\/aangepast-html-blok\/#Conclusion\" >Conclusie<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Inleiding tot WordPress Custom HTML Block Het WordPress Custom HTML Block is een functie binnen de WordPress block editor, beter bekend als Gutenberg. Met dit blok kunnen gebruikers aangepaste HTML-code toevoegen aan hun berichten of pagina's. Het is vooral handig voor degenen die code moeten invoegen die niet wordt ondersteund door de standaardblokken in [...]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[72],"tags":[],"citadela-post-location":[],"class_list":["post-95947","post","type-post","status-publish","format-standard","hentry","category-wordpress-editor-blocks"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/95947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/comments?post=95947"}],"version-history":[{"count":2,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/95947\/revisions"}],"predecessor-version":[{"id":95949,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/95947\/revisions\/95949"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media?parent=95947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/categories?post=95947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/tags?post=95947"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/citadela-post-location?post=95947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}