{"id":984,"date":"2025-01-26T09:35:32","date_gmt":"2025-01-26T09:35:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=984"},"modified":"2025-01-26T09:35:35","modified_gmt":"2025-01-26T09:35:35","slug":"hoe-maak-je-tekstvakken-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-text-boxes-in-wordpress\/","title":{"rendered":"Tekstvakken maken in WordPress (3 typen)"},"content":{"rendered":"

Een tekstvak is een aangewezen gebied in de Gutenberg editor waar u teksten kunt maken en publiceren met verschillende typografie, lettertype, kleur, stilering en andere opmaakopties.<\/p>\n\n\n\n

Wanneer je een belangrijke aankondiging, een testimonial of een korte productbeschrijving wilt benadrukken, kun je dat doen met tekstvakken. In dit artikel laten we je verschillende manieren zien om tekstvakken te maken in WordPress.<\/p>\n\n\n\n

\n
\"\"
Type 1:<\/mark> Tekstvak met gekleurde achtergrond \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Type 2:<\/mark> Tekstvak met rand \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Type 3:<\/mark> Tekstvakken in tabel \u21b4<\/a><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n

Type 1: Een tekstvak met een gekleurde achtergrond toevoegen<\/h2>\n\n\n\n

Dit is een eenvoudig rechttoe rechtaan proces. Je hoeft alleen maar een kleur toe te voegen aan de achtergrond van het specifieke alineablok.<\/p>\n\n\n\n

Stap 1: Selecteer een tekst op je bericht\/pagina<\/h3>\n\n\n\n

Open het bericht\/de pagina waar je het tekstvak wilt toevoegen. Selecteer de gewenste tekst<\/strong> door je cursor op de betreffende alinea te plaatsen. <\/p>\n\n\n\n

\"Selecteer<\/figure>\n\n\n\n

Stap 2: Voeg een kleur toe aan de achtergrond van het blok<\/h3>\n\n\n\n

Ga naar de Tabblad Stijlen,<\/strong> zoals aangegeven in de afbeelding hieronder. Klik op de Achtergrond optie<\/strong> en selecteer een kleur. De kleur wordt onmiddellijk toegepast op het blok dat je in realtime kunt zien.<\/p>\n\n\n\n

Zodra de kleur is toegepast rond en binnen het hele blok, lijkt het alsof er een doos omheen is gemaakt, waardoor een tekstvak ontstaat.<\/p>\n\n\n\n

\"Een<\/figure>\n\n\n\n

Zo kun je een tekstvak maken met een gekleurde achtergrond.<\/p>\n\n\n\n

\n\n\n\n

Type 2: Een tekst met randen toevoegen<\/h2>\n\n\n\n

Randen rond het blok toevoegen is een andere eenvoudige manier om een tekstvak te maken. Volg de onderstaande stappen.<\/p>\n\n\n\n

Stap 1: Selecteer de tekst in de editor<\/h3>\n\n\n\n

Selecteer opnieuw een tekst door op het gewenste alineablok te klikken zoals we je op de bovenstaande methode hebben laten zien.<\/p>\n\n\n\n

\"Selecteer<\/figure>\n\n\n\n

Stap 2: Zet het om in het groepsblok<\/h3>\n\n\n\n

Standaard kun je geen kader om het alinea-blok zetten. Zet het dus om in de Groepsblok<\/strong>. <\/p>\n\n\n\n

Klik op de Alinea-icoon<\/strong> op de Gutenberg-werkbalk. Er verschijnt een lijst met de optie Groep aan het einde. Klik op de Groepsoptie<\/strong> op de lijst.<\/p>\n\n\n\n

Het blok wordt geconverteerd naar het groepsblok.<\/p>\n\n\n\n

\"Zet<\/figure>\n\n\n\n

Stap 3: Rand en straal aan het blok toevoegen<\/h3>\n\n\n\n

Ga naar de Tabblad Stijlen<\/strong> van het geselecteerde blok. Scroll een beetje naar beneden op het tabblad.<\/p>\n\n\n\n

\"Ga<\/figure>\n\n\n\n

Je ziet de Grensoptie<\/strong>. Plaats een pixelwaarde om de breedte van de rand te defini\u00ebren. Als je wilt, kun je ook een straal en opvulling aan het blok toevoegen. <\/p>\n\n\n\n

Zo, je tekstvak is klaar. Het toevoegen van radius en padding kan het tekstvak toonbaarder maken. Je kunt dus overwegen om ze toe te voegen.<\/p>\n\n\n\n

\"Rand,<\/figure>\n\n\n\n
\n\n\n\n

Type 3: Tekstvakken toevoegen aan tabel<\/h2>\n\n\n\n

Vaak wil je meerdere tekstvakken in dezelfde rij maken. Maar dat is niet mogelijk met het standaard alineablok. Je kunt het echter eenvoudig doen door een tabel te maken. <\/p>\n\n\n\n

Tafelberg<\/strong><\/a> is zo'n tabel-bouwer plugin om dit te doen. Installeer<\/strong> en activeren<\/strong> de plugin en volg de onderstaande stappen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Stap 01: Voeg het TableBerg-blok toe aan je site<\/h3>\n\n\n\n

Zoek gewoon de TabelBerg blok<\/strong> in de Gutenberg-blokbibliotheek en voeg het toe aan je post\/pagina-editor.<\/p>\n\n\n\n

\"Voeg<\/figure>\n\n\n\n

Stap 02: Kolommen maken zoals vereist<\/h3>\n\n\n\n

Zoals de standaard Gutenberg-tabel, maak zoveel kolommen als je nodig hebt<\/strong> op tafel.<\/p>\n\n\n\n

\"Maak<\/figure>\n\n\n\n

Stap 03: Inhoud toevoegen aan de tabelkolommen<\/h3>\n\n\n\n

Hoewel je met TableBerg lijsten, CTA-knoppen en afbeeldingen aan de tabel kunt toevoegen, hebben we alleen platte tekst toegevoegd om de tutorial uit te leggen.<\/p>\n\n\n\n

\"Inhoud<\/figure>\n\n\n\n

Stap 04: Kleuren toevoegen aan de tabelkolommen<\/h3>\n\n\n\n

Selecteer een kolom<\/strong> op de tafel door je cursor erop te plaatsen. Ga naar de Tabblad Stijlen<\/strong>. Klik op de Achtergrond optie<\/strong> en selecteer een kleur. Je zult zien dat de kleur is toegepast op de kolom.<\/p>\n\n\n\n

\"Kleur<\/figure>\n\n\n\n

Pas volgens dezelfde methode verschillende soorten kleuren toe op andere kolommen in de tabel. Je kunt zien dat we vier verschillende kleuren hebben toegepast op de kolommen van de tabel. <\/p>\n\n\n\n

Zo, je tekstvakken zijn klaar. Maar als je de tabelrand wilt verwijderen, volg dan de volgende stap.<\/p>\n\n\n\n

\"Verschillende<\/figure>\n\n\n\n

Stap 05: Verwijder de tabelrand<\/h3>\n\n\n\n

Selecteer de hele tabel door twee keer op het TableBerg-pictogram op de werkbalk te klikken. Ga naar de Tabblad Stijlen<\/strong> op de rechterzijbalk. Scroll een beetje naar beneden. Schakel de optie Binnenrand inschakelen<\/strong>. De randen van de tabel worden onzichtbaar.<\/p>\n\n\n\n

\"Verwijder<\/figure>\n\n\n\n
\n\n\n\n

Conclusie<\/h2>\n\n\n\n

Je kunt dus op verschillende manieren tekstvakken maken in WordPress. Maar voordat we afsluiten, willen we \u00e9\u00e9n ding zeggen en dat is dat elk van deze methoden niet in alle gevallen effectief is. <\/p>\n\n\n\n

Afhankelijk van je inhoudstype moet je een geschikte methode gebruiken die de leesbaarheid handhaaft. Laat ons je feedback delen in het commentaarvak hieronder als je deze post leuk vindt. <\/p>\n\n\n\n

Ontdek onze blogarchief<\/a> voor meer interessante artikelen over WordPress.<\/p>","protected":false},"excerpt":{"rendered":"

A text box is a designated area within the Gutenberg editor where you can craft and publish texts with different typography, font, color, stylization, and other formatting options. When you want to highlight an important announcement, testimonial, or a brief product description, text boxes allow you to do so. In this article, we’ll show you […]<\/p>\n","protected":false},"author":1,"featured_media":7081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[38,9,39],"class_list":["post-984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-content-presentation","tag-tableberg","tag-text-boxes"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-Text-Boxes-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/984","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/984\/revisions"}],"predecessor-version":[{"id":7083,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/984\/revisions\/7083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/7081"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}