{"id":6790,"date":"2025-01-15T19:54:26","date_gmt":"2025-01-15T19:54:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=6790"},"modified":"2025-01-15T19:54:26","modified_gmt":"2025-01-15T19:54:26","slug":"hoe-voeg-ik-een-regel-toe-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-a-line-in-wordpress\/","title":{"rendered":"Een lijn toevoegen in WordPress (horizontaal en verticaal)"},"content":{"rendered":"<p>Als je met je WordPress site werkt, heb je soms het gevoel dat er iets ontbreekt - iets dat je ontwerp een beetje ontmoedigend maakt. Vaak zul je merken dat een subtiele verandering in het ontwerp al een aanzienlijke verandering teweegbrengt in de zin van een betere uitstraling.&nbsp;<\/p>\n\n\n\n<p>Lijnen zijn zulke eenvoudige elementen die een snelle hack kunnen zijn om je ontwerp te verbeteren. Ze kunnen worden gebruikt om secties van elkaar te scheiden, belangrijke gebieden te benadrukken of een gestructureerde lay-out te maken waar bezoekers gemakkelijk doorheen kunnen navigeren.<\/p>\n\n\n\n<p>Deze gids leidt je door de meest praktische methoden om horizontale en verticale lijnen toe te voegen en te stylen in WordPress. Ongeacht je vaardigheidsniveau, je zult een aanpak vinden die werkt voor jouw behoeften en die de lay-out van je site verandert in iets meer gepolijst en professioneler.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Methode 1: Het 'Separator'-blok gebruiken<\/strong><\/h2>\n\n\n\n<p>Je eerste taak is het openen van de specifieke pagina of post waar je van plan bent de regel toe te voegen. Navigeer vervolgens naar de exacte plaats waar je de regel wilt toevoegen.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6803\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2.png 1368w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Klik op de <strong>Knop Block Inserter +<\/strong> om een blok toe te voegen en zoek dan naar <strong>\"Scheider\"<\/strong> in de blokkenbibliotheek. Klik erop om het in te voegen op je pagina. Standaard verschijnt er een horizontale lijn in de editor. Houd er rekening mee dat het uiterlijk van de lijn kan vari\u00ebren, afhankelijk van het thema dat je gebruikt.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6804\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selecteer nu het blok en open de <strong>blokinstellingen<\/strong> in de rechterzijbalk. Kies uw voorkeur <strong>stijl<\/strong> (effen, gestippeld of gestippeld).&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6805\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-300x148.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-768x379.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selecteer ten slotte een aangepaste <strong>kleur<\/strong> om je lijn anders te benadrukken.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6806\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#6936d0;color:#6936d0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Methode 2: Het scheidingsblok van Ultimate Blocks gebruiken<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Als je dat nog niet hebt gedaan, moet je de <strong>Ultieme Blokken<\/strong> plugin uit de WordPress plugin directory en activeer deze.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png\" alt=\"Ultimate Blocks installeren\" class=\"has-border-color has-primary-accent-border-color wp-image-6814\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Open later de WordPress editor en klik op de <strong>+<\/strong> knop om een blok toe te voegen. Zoek nu naar <strong>\"Verdeler\" <\/strong>en voeg het in op je pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png\" alt=\"Voeg het scheidingsblok toe met de Block Inserter. \" class=\"has-border-color has-primary-accent-border-color wp-image-6809\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-768x366.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1.png 1469w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Selecteer in de blokinstellingen op de rechterzijbalk of je wilt dat de regel <strong>Horizontaal<\/strong> of <strong>Verticaal<\/strong>. Voor een verticale lijn kies je de <strong>Verticaal<\/strong> optie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png\" alt=\"Kies ori\u00ebntatie. \" class=\"has-border-color has-primary-accent-border-color wp-image-6810\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-768x371.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1.png 1448w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>U kunt ook de <strong>dikte<\/strong>, <strong>hoogte<\/strong>en <strong>breedte<\/strong> met behulp van de <strong>algemene instellingen<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png\" alt=\"Pas de dikte, hoogte en breedte aan. \" class=\"has-border-color has-primary-accent-border-color wp-image-6811\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-768x340.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1536x680.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.png 1581w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Als je naar de <strong>Instellingen stijlen,<\/strong> kun je kiezen uit drie verschillende <strong>lijntypes<\/strong>. Daarna hoeft u alleen nog maar de <strong>kleur<\/strong> passend bij het thema van uw site.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png\" alt=\"Kies lijntypes en stel de kleur in. \" class=\"has-border-color has-primary-accent-border-color wp-image-6812\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-300x137.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-768x351.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last.png 1533w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Als je tevreden bent met de aanpassingen, is je verdeler klaar voor gebruik.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2109f8c8-3103-4b65-9026-4fb9eb76b8a8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #f34083; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusie<\/strong><\/h2>\n\n\n\n<p>Voor het ongetrainde oog lijken lijnen misschien een onbeduidend detail, maar als u ze op de juiste manier gebruikt, hebben ze een grote invloed op hoe uw site eruitziet en aanvoelt. Of je nu het Separator-blok gebruikt voor snelle horizontale verdelers of het Divider-blok van Ultimate Blocks voor meer aanpasbare opties, je kunt er zeker van zijn dat het toevoegen van lijnen kan helpen bij het cre\u00ebren van een schoon en gestructureerd ontwerp.<\/p>\n\n\n\n<p>Met de methoden in deze gids heb je nu alles wat je nodig hebt om horizontale en verticale lijnen effectief op te nemen in je WordPress pagina's.&nbsp;<\/p>\n\n\n\n<p>Begin vandaag nog te experimenteren en zie hoe deze eenvoudige elementen je website kunnen omtoveren tot iets dat meer gepolijst en professioneler is!<\/p>","protected":false},"excerpt":{"rendered":"<p>While working with your WordPress site, you might sometimes feel something is missing &#8211; something that&#8217;s making your design a bit off-putting. You\u2019ll often find a subtle change in the design brings a significant change in terms of having a better outlook.&nbsp; Lines are such simple elements that might be a quick hack to improve [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6793,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Add-Lines-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6790","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=6790"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6790\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/6790\/revisions\/6815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/6793"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=6790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=6790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=6790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}