{"id":5284,"date":"2024-11-22T21:15:46","date_gmt":"2024-11-22T21:15:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=5284"},"modified":"2024-11-22T21:15:46","modified_gmt":"2024-11-22T21:15:46","slug":"hoe-gebruik-je-het-wordpress-media-en-tekstblok","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/","title":{"rendered":"Het WordPress Media en Tekstblok gebruiken"},"content":{"rendered":"<p>Het Media en Tekst blok vult een gat in het WordPress ontwerp waarvan veel gebruikers zich niet eens realiseerden dat het er was. Natuurlijk kun je aparte blokken gebruiken voor afbeeldingen, video's of tekst, maar om ze netjes op hun plaats te krijgen <a href=\"https:\/\/tableberg.com\/nl\/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress\/\">zij aan zij<\/a> veranderde vaak in een gegoochel met kolommen, uitlijningen en lay-outs.&nbsp;<\/p>\n\n\n\n<p>Dit blok is het no-nonsense antwoord voor wie wil dat media en tekst elkaar aanvullen zonder gedoe. <\/p>\n\n\n\n<p>Denk aan een foodblogger die een foto van een recept met instructies laat zien, een bedrijf dat een nieuw product uitlicht met details ernaast, of zelfs een verhalenverteller die beelden en woorden combineert om lezers binnen te halen.&nbsp;<\/p>\n\n\n\n<p>Het blok Media en tekst maakt dit allemaal mogelijk met slechts een paar klikken.<\/p>\n\n\n\n<p>Deze gids leidt je door alles heen, zodat je het blok snel onder de knie hebt en je inhoud naar een hoger niveau kunt tillen.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-2df940c3-e159-4639-a913-f67c8b8c920f\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"color: #2092ab; \">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Het WordPress Media en Tekstblok gebruiken<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#0-step-1-add-the-media-and-text-block-\" style=\"\">Stap 1: Media en tekstblok toevoegen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#1-step-2-insert-media-\" style=\"\">Stap 2: Media invoegen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#2-step-3-add-text-\" style=\"\">Stap 3: Tekst toevoegen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#3-step-4-customize-the-block-\" style=\"\">Stap 4: Het blok aanpassen<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#4-41-customize-with-the-toolbar-\" style=\"\">4.1 Aanpassen met de werkbalk<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#5-42-customize-the-text-\" style=\"\">4.2 De tekst aanpassen<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#6-43-customize-through-the-block-settings-\" style=\"\">4.3 Aanpassen via de blokinstellingen<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/nl\/how-to-use-the-wordpress-media-and-text-block\/#7-step-6-preview-and-publish-\" style=\"\">Stap 6: Voorbeeld bekijken en publiceren<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-1-add-the-media-and-text-block-\"><strong>Stap 1: Media en tekstblok toevoegen<\/strong><\/h2>\n\n\n\n<p>Voer de WordPress post of pagina in waar je het blok wilt toevoegen. Klik op de <strong>+ Blok Inserter <\/strong>pictogram om de blokbibliotheek te openen. Typ <strong>\"Media &amp; tekst<\/strong> in de zoekbalk en selecteer deze om het blok toe te voegen. We kunnen ook typen <strong>\/media<\/strong> op een nieuwe regel en druk op Enter om het blok snel in te voegen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png\" alt=\"Media en tekstblok toevoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-5288\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-300x142.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-768x364.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7.png 1475w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-step-2-insert-media-\"><strong>Stap 2: Media invoegen<\/strong><\/h2>\n\n\n\n<p>Klik binnen het blok op <strong>uploaden<\/strong> om een nieuwe afbeelding toe te voegen, kies er een uit de <strong>Mediatheek<\/strong>of gebruik de <strong>Aanbevolen afbeelding<\/strong> als deze al is ingesteld.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png\" alt=\"Media invoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-5289\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-768x353.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4.png 1523w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-3-add-text-\"><strong>Stap 3: Tekst toevoegen<\/strong><\/h2>\n\n\n\n<p>Begin met het typen van je tekst in het gebied naast de media. Je kunt ook de <strong>+ Blok Inserter <\/strong>in de tekstsectie om uw voorkeursblok in deze sectie toe te voegen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png\" alt=\"Tekst toevoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-5290\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-768x332.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1536x664.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-4-customize-the-block-\"><strong>Stap 4: Het blok aanpassen<\/strong><\/h2>\n\n\n\n<p>We hebben het aanpassingsproces in drie delen verdeeld.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-41-customize-with-the-toolbar-\"><strong>4.1 Aanpassen met de werkbalk<\/strong><\/h3>\n\n\n\n<p>Vanuit de werkbalk boven het blok kunt u het bloktype wijzigen, het blok verslepen, omhoog of omlaag verplaatsen, de breedte en uitlijning aanpassen, de mediapositie wisselen tussen links en rechts en een link toevoegen aan de media of deze vervangen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png\" alt=\"Aanpassen met de werkbalk\" class=\"has-border-color has-primary-accent-border-color wp-image-5297\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-768x330.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1536x661.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1.png 1627w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-42-customize-the-text-\"><strong>4.2 De tekst aanpassen<\/strong><\/h3>\n\n\n\n<p>Ga naar de tekstinhoud, klik erop en open de werkbalk erboven. Van daaruit kun je de tekst transformeren in verschillende bloktypes zoals Kop, Lijst of Citaat, opmaakopties toepassen zoals vet, cursief, doorhalen of inline code, de tekstuitlijning aanpassen naar links, midden of rechts en hyperlinks toevoegen aan de geselecteerde tekst. In dit voorbeeld hebben we onze tekst getransformeerd naar een Citaat.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png\" alt=\"De tekst aanpassen\" class=\"has-border-color has-primary-accent-border-color wp-image-5295\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1536x687.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-43-customize-through-the-block-settings-\"><strong>4.3 Aanpassen via de blokinstellingen<\/strong><\/h3>\n\n\n\n<p>Open het paneel Blokinstellingen op de rechterzijbalk om meer aanpassingsopties te verkennen. Onder<strong> Algemene instellingen<\/strong>Je kunt Stack on Mobile inschakelen, Crop Image to Fill Entire Column aanzetten, de mediabreedte aanpassen, alternatieve tekst toevoegen en de resolutie kiezen.&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\/2024\/11\/4.3.1-1024x493.png\" alt=\"Aanpassen via het tabblad Algemeen\" class=\"has-border-color has-primary-accent-border-color wp-image-5293\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Als je nu naar het tabblad Stijlen gaat, kun je de tekst- en achtergrondkleur, typografie, afmetingen en randinstellingen aanpassen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png\" alt=\"Aanpassen via het tabblad Stijlen\" class=\"has-border-color has-primary-accent-border-color wp-image-5294\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2.png 1102w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-step-6-preview-and-publish-\"><strong>Stap 6: Voorbeeld bekijken en publiceren<\/strong><\/h2>\n\n\n\n<p>Bekijk het blok en controleer het Voorbeeld om te zien hoe het blok eruitziet op je pagina of post. Maak indien nodig de laatste aanpassingen. Als je tevreden bent, klik je op Publiceren of Bijwerken om je wijzigingen op te slaan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png\" alt=\"Voorbeeld bekijken en publiceren\" class=\"has-border-color has-primary-accent-border-color wp-image-5292\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6.png 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"8-conclusion-\"><strong>Conclusie<\/strong><\/h4>\n\n\n\n<p>Het blok Media en tekst is ge\u00efntroduceerd om je inhoud op een natuurlijke manier te laten vloeien, waarbij media en tekst in perfecte harmonie samenwerken. In plaats van losse blokken samen te voegen en je zorgen te maken over lay-outs, biedt dit blok een snelle en betrouwbare manier om zij-aan-zij ontwerpen te maken die er geweldig uitzien op elk apparaat. Neem de tijd om het artikel door te nemen, elke stap te begrijpen en begin vol vertrouwen te cre\u00ebren.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Media and Text block fills a gap in WordPress design that many users didn\u2019t even realize was there. Sure, you could use separate blocks for images, videos, or text, but getting them to sit neatly side by side often turned into a juggling act of columns, alignments, and layouts.&nbsp; This block steps in as [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5285,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/Media-and-Text-Cover-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\/5284","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=5284"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/5284\/revisions"}],"predecessor-version":[{"id":5304,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/5284\/revisions\/5304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/5285"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=5284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=5284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=5284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}