{"id":6335,"date":"2024-12-29T14:14:32","date_gmt":"2024-12-29T14:14:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=6335"},"modified":"2024-12-30T08:58:48","modified_gmt":"2024-12-30T08:58:48","slug":"hoe-gebruik-je-het-voorgeformatteerde-blok-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-use-the-preformatted-block-in-wordpress\/","title":{"rendered":"Hoe je het voorgeformatteerde blok in WordPress in 3 eenvoudige stappen kunt gebruiken"},"content":{"rendered":"<p>Als je goed nadenkt, combineert het voorgeformatteerde blok code en paragraafblok. Het enige doel van het blok is om tekst weer te geven. Het zorgt ervoor dat je inhoud zowel duidelijk als gestructureerd blijft. <\/p>\n\n\n\n<p>Het voorgeformatteerde blok is de oplossing voor het behouden van een precieze tekstlay-out met spati\u00ebring en speciale opmaak. Het is een levensredder voor mensen die moeite hebben om een exacte tekstlay-out te behouden. <\/p>\n\n\n\n<p>Vandaag zullen we onze richtlijnen delen over hoe je het Preformatted blok in WordPress kunt gebruiken en we zullen proberen om elke functie die dit blok biedt hieronder uit te vouwen. Maar eerst zullen we leren wat het is. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wat is het voorgeformatteerde blok?<\/h2>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/preformatted-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Het voorgeformatteerde blok<\/a><\/strong> is een kernblok voor WordPress-inhoud dat is ontworpen om spaties en regeleinden te behouden, precies zoals ze zijn ingevoerd. Het is een ideale oplossing om codefragmenten, vooraf ontworpen lay-outs of iets anders met een vaste opmaak te tonen. <\/p>\n\n\n\n<p>Voorgeformatteerde tekst heeft op verschillende manieren voordelen. Laten we hieronder een paar van de voordelen bekijken. <\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-768021d4-c17a-4e79-a110-2e1fe1b18573\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Nauwkeurige opmaak<\/strong>: Zorgt ervoor dat tekst precies zo wordt weergegeven als geschreven, met behoud van regeleinden en spati\u00ebring.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Veelzijdigheid<\/strong>: Geschikt voor niet-gecodeerde tekst waarvoor gestructureerde lay-outs nodig zijn, zoals po\u00ebzie of ASCII-kunst.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Verbeterde leesbaarheid<\/strong>: Geeft lettertypen met een vaste breedte weer, waardoor tekst duidelijk te onderscheiden is, vooral bij het weergeven van code of technische instructies.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Aangepaste styling<\/strong>: Biedt extra stylingopties met inline HTML en CSS, wat flexibiliteit biedt voor unieke ontwerpen.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Probeer gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Voorgeformatteerde functies van de werkbalk Blok<\/h2>\n\n\n\n<p>Het blok Vooropmaak heeft geen specifieke opties in de editor. Het heeft alle basisopties zoals elk ander kernblok in Gutenberg.<\/p>\n\n\n\n<p>Het heeft de volgende basisopties. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transformeren:<\/strong> Je kunt dit blok omzetten in een alinea, code, kolommen, enz. <\/li>\n\n\n\n<li><strong>Slepen:<\/strong> Hiermee kunt u het speciale blok naar elke gewenste plaats slepen.<\/li>\n\n\n\n<li><strong>Bewegende handgrepen:<\/strong> Laat je blok op en neer bewegen. <\/li>\n\n\n\n<li><strong>Vet:<\/strong> Hiermee kun je de inhoud van je blok vet maken.<\/li>\n\n\n\n<li><strong>Cursief: <\/strong>Hiermee kun je de inhoud van je blok cursief maken.<\/li>\n\n\n\n<li><strong>Hyperlink:<\/strong> Met deze optie kun je links toevoegen voor geselecteerde inhoud binnen het blok. <\/li>\n\n\n\n<li><strong>Meer rijke tekstregelaars:<\/strong> Bevat meer opties voor tekstopmaak, zoals Footnow, Highlight, Inline code, Inline Image, enz.<\/li>\n\n\n\n<li><strong>Meer opties: <\/strong>Biedt meer opties met betrekking tot de sectie van het blok, zoals dupliceren, kopi\u00ebren, groeperen, enz. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6355\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-300x201.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-768x515.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p>Laten we nu eens kijken hoe je het voorgeformatteerde blok kunt gebruiken. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Hoe gebruik je het voorgeformatteerde blok?<\/h2>\n\n\n\n<p>Het gebruik van het voorgeformatteerde blok is supergemakkelijk omdat iedereen het blok gemakkelijk kan gebruiken en niemand codeervaardigheden nodig heeft om het blok te gebruiken. Zorg ervoor dat je ons volgt! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Het voorgeformatteerde blok invoegen<\/h3>\n\n\n\n<p>Navigeer naar je berichten of pagina waar je het voorgeformatteerde blok wilt gebruiken. <\/p>\n\n\n\n<p>Wanneer u in de editor bent, klikt u op Blok toevoegen (\"<strong>+<\/strong>\") pictogram&nbsp;<strong>(1)<\/strong>, type \"<strong>Voorgeformatteerd<\/strong>\" in het zoekvak&nbsp;<strong>(2)<\/strong>en klik op \"<strong>Voorgeformatteerd<\/strong>\"&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10.png\" alt=\"Het voorgeformatteerde blok gebruiken in WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6353\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-300x208.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-768x532.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 2: Uw code of voorgeformatteerde tekst invoegen<\/h3>\n\n\n\n<p>Wanneer het codeblok in de editor staat, voegt u uw voorgeformatteerde tekst of code in.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6354\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-768x477.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-18x12.png 18w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 3: Aanpassingsopties wijzigen<\/h3>\n\n\n\n<p>De aanpassingsopties van de functie Voorgeformatteerd blok <strong>kleur, typografie, afmetingen en rand<\/strong> opties voor het aanpassen van codeblokken.&nbsp;<\/p>\n\n\n\n<p>Hieronder beschrijf ik de aanpassingsmogelijkheden. Je kunt je blok aanpassen zoals jij dat wilt. <\/p>\n\n\n\n<p>Navigeer naar&nbsp;<strong>Instellingen (1)&gt; Blok (2) &gt; Stijlen (3)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"660\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6359\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-300x224.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-768x573.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-16x12.png 16w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p>Je kunt de kleur, typografie, afmetingen en rand aanpassen.<\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"542\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6320\" style=\"border-width:1px;border-radius:3px;width:224px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png 302w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-167x300.png 167w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-7x12.png 7w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ol class=\"wp-block-list\">\n<li><strong>Kleur: <\/strong>Met deze functie kun je de kleur van je tekst en achtergrond wijzigen. <\/li>\n\n\n\n<li><strong>Typografie:&nbsp;<\/strong>Met typografie kun je lettertypen en lettergrootte, uiterlijk, regelhoogte, letterafstand, lettercasing en letterdecoratie selecteren.<\/li>\n\n\n\n<li><strong>Afmetingen:<\/strong>&nbsp;Met afmetingen kun je de opvulling en marge voor je tekstblok aanpassen.<\/li>\n\n\n\n<li><strong>Grens:&nbsp;<\/strong>Met de optie Rand kun je een rand en een randradius toevoegen voor je tekstblok.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>Zo gebruik je dus het Voorgeformatteerd blok in WordPress. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Laatste gedachten!<\/h2>\n\n\n\n<p>Het voorgeformatteerde blok is een handig hulpmiddel voor iedereen die precieze tekstlay-outs nodig heeft om inhoud weer te geven. Het is ideaal voor het toevoegen van een stukje code, een gestileerd citaat of tekstkunst.<\/p>\n\n\n\n<p>Experimenteer ermee in je volgende project om te zien hoe je informatie beter kunt presenteren. Laat me weten wat je ervan vindt in het commentaargedeelte hieronder. Je kunt deze post ook delen op sociale media en je andere vrienden erover vertellen. <\/p>\n\n\n\n<p><strong>Lees meer!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-e5e14c64-3329-4730-9ac1-4741c99b109a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/beste-wordpress-prijslijst-tabel-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Beste WordPress Prijslijst Tabel Plugins<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-koppenblok-in-wordpress-in-2-eenvoudige-stappen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Het kopblok gebruiken in WordPress (2 eenvoudige stappen) Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-alinea-blok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Het Paragraafblok gebruiken in WordPress (2 eenvoudige stappen)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-versblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe het versblok gebruiken in WordPress (4 eenvoudige stappen)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-lijstblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe het blok Lijst gebruiken in WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-citaatblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Het citaatblok in WordPress gebruiken in 3 eenvoudige stappen<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-codeblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Het Codeblok in WordPress gebruiken in 3 eenvoudige stappen<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-9ae85889-6fc2-4431-b0ed-100fce0309d3\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fnl%2Fhow-to-use-the-preformatted-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Preformatted%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">aandeel<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhow-to-use-the-preformatted-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Preformatted%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhow-to-use-the-preformatted-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">aandeel<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you think closely, the preformatted block combines code and paragraph block. The sole purpose of the block is to display text. It ensures your content remains both clear and structured. The Preformatted block is the solution for maintaining a precise text layout with spacing and special formatting. It is a life-saver for people struggling [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6336,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Preformatted-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/nl\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=6335"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6335\/revisions"}],"predecessor-version":[{"id":6374,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6335\/revisions\/6374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/6336"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=6335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=6335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=6335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}