{"id":1612,"date":"2025-03-29T15:46:45","date_gmt":"2025-03-29T15:46:45","guid":{"rendered":"https:\/\/tableberg.com\/?p=1612"},"modified":"2025-03-29T15:46:48","modified_gmt":"2025-03-29T15:46:48","slug":"hoe-maak-je-inhoudsvensters-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-content-boxes-in-wordpress\/","title":{"rendered":"Hoe maak je inhoudsvensters in WordPress"},"content":{"rendered":"

Een inhoudsvak is een visueel onderscheidende container waarmee je specifieke inhoud kunt omkaderen zodat deze zich onderscheidt van de rest. Het helpt je om belangrijke informatie of speciale aankondigingen te benadrukken, zodat de aandacht van gebruikers op belangrijke details wordt gevestigd.<\/p>\n\n\n\n

Inhoudsvakken zijn geschikt om oproep-tot-actie secties, getuigenissen, beoordelingen en belangrijke kenmerken van producten of diensten te laten zien. Er zijn verschillende manieren om inhoudsvakken te maken in WordPress websites.<\/p>\n\n\n\n

In het volgende artikel laten we je drie handige methodes zien om inhoudsvakken te maken in WordPress. Blijf bij ons tot het einde.<\/p>\n\n\n

\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n
\n

Methode<\/p>\n<\/div><\/th>\n\n

\n

Plugin<\/p>\n<\/div><\/th>\n\n

\n

Voorbeeld<\/p>\n<\/div><\/th>\n<\/tr>

\n

Het blok Kolommen gebruiken<\/a><\/p>\n<\/div><\/td>\n\n

\n

Niet vereist<\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr>
\n

Het Tableberg-blok gebruiken<\/a><\/p>\n<\/div><\/td>\n\n

\n

Tafelberg<\/a><\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr>
\n

Het blok Gestileerde lijst gebruiken<\/a><\/p>\n<\/div><\/td>\n\n

\n

Ultieme Blokken<\/a><\/p>\n<\/div><\/td>\n\n

\"\"<\/figure><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n

Methode 1: Het kolommenblok gebruiken<\/h2>\n\n\n\n

Je kunt een inhoudsvak op basisniveau maken en ontwerpen met behulp van het standaard WordPress Kolommenblok. Volg de onderstaande stappen.<\/p>\n\n\n\n

Stap 01: Kolommenblok toevoegen aan de editor<\/h3>\n\n\n\n

Zoek de Kolom blok<\/strong> uit de Gutenberg blokbibliotheek door op de knop plus (+) knop<\/strong> en voeg het toe aan je editor.<\/p>\n\n\n\n

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

Selecteer de kolom met \u00e9\u00e9n cel uit de beschikbare opties.<\/p>\n\n\n\n

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

Stap 02: Inhoudsblokken toevoegen aan de kolom<\/h3>\n\n\n\n

Met het blok Kolommen kun je ook andere blokken toevoegen. Je kunt elk blok toevoegen dat je wilt om je inhoud te cureren.<\/p>\n\n\n\n

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

Klik op de plus (+) pictogram<\/strong> op het kolomblok. Het zal de Gutenberg blokbibliotheek openen, waaruit u het volgende kunt kiezen en toevoegen paragraaf blok<\/strong>.<\/p>\n\n\n\n

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

We zien dat we al tekst hebben toegevoegd aan het kolomblok. Daarna kun je naar wens meer blokken aan de kolommen toevoegen. Stel dat we het blok Afbeelding toevoegen.<\/p>\n\n\n\n

Klik op de Kolom pictogram<\/strong> op de werkbalk. Druk op de plus (+) pictogram<\/strong>. Zoek en selecteer de Beeldblok<\/strong> uit de bibliotheek.<\/p>\n\n\n\n

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

Je kunt zien dat we een afbeelding hebben toegevoegd aan het kolommenblok.<\/p>\n\n\n\n

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

Stap 03: Het hele kolommenblok aanpassen<\/h3>\n\n\n\n

Selecteer de hele kolomsectie<\/strong> door op het kolompictogram op de werkbalk te klikken. Ga naar de Tabblad Instellingen<\/strong>. U kunt de Breedte<\/strong> van de kolom van de respectieve optie.<\/p>\n\n\n\n

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

Ga vervolgens naar de Tabblad Stijlen<\/strong>. Je krijgt opties om de tekstkleur, achtergrondkleur, typografie en afmetingen van het blok aan te passen.<\/p>\n\n\n\n

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

Als je naar beneden scrolt, krijg je meer opties om het volgende toe te voegen blokafstand<\/strong> en grens<\/strong> naar het kolommenblok.<\/p>\n\n\n\n

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

Methode 2: De TableBerg-plugin gebruiken<\/h2>\n\n\n\n

TableBerg is een krachtige tabel-bouwer plugin die de standaard tabel-bouw oplossing van WordPress kan versterken. Je kunt met de plugin ook aantrekkelijke inhoudsvensters maken. Laten we eens kijken hoe je dit doet.<\/p>\n\n\n\n

Stap 01: Installeer en activeer de TableBerg-plugin<\/h3>\n\n\n\n

Ga net als de bovenstaande methode naar Plugins > Nieuwe plug-in toevoegen<\/strong>. Zoek de TableBerg plugin<\/strong> door de naam in het zoekvak te typen. Installeer<\/strong> en activeren<\/strong> het.<\/p>\n\n\n\n

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

Stap 02: Voeg het TableBerg-blok toe aan de editor<\/h3>\n\n\n\n

De plugin wordt geleverd met een blok met de naam TableBerg. Voeg het toe aan de editor.<\/p>\n\n\n\n

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

Als je een tabel wilt maken, kun je hier het aantal rijen en kolommen defini\u00ebren, net als bij het standaard tabelblok.<\/p>\n\n\n\n

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

Maar selecteer rij 1 en kolom 0 als we een inhoudsvak maken. Je ziet dat de lay-out meteen is gemaakt.<\/p>\n\n\n\n

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

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

Met TableBerg kun je verschillende soorten inhoud toevoegen aan de rijen en kolommen door inhoudsblokken toe te voegen.<\/p>\n\n\n\n

Zodra je je cursor op het vakje plaatst, zie je rechtsonder de blokoptie verschijnen.<\/p>\n\n\n\n

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

Selecteer \u00e9\u00e9n voor \u00e9\u00e9n de blokken die je aan de box wilt toevoegen om de gewenste inhoud samen te stellen. Eerst voegen we het afbeeldingsblok toe.<\/p>\n\n\n\n

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

Vervolgens kun je zien dat we beschrijvende tekst over het product hebben toegevoegd. We hebben de Paragraaf blok<\/strong> hiervoor.<\/p>\n\n\n\n

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

Tot slot hebben we een CTA-knop toegevoegd.<\/p>\n\n\n\n

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

Stap 04: De TableBerg Box aanpassen<\/h3>\n\n\n\n

Je kunt elk blok dat je hebt toegevoegd aan de TableBerg box afzonderlijk aanpassen. Daarna kun je de hele TableBerg-box aanpassen en stileren.<\/p>\n\n\n\n

We laten niet zien hoe je het individuele blok aanpast, omdat de tutorial dan zo lang wordt. Je kunt dit zien op onze documentatiepagina.<\/p>\n\n\n\n

Selecteer het hele vak door op het TableBerg-pictogram op de werkbalk te klikken.<\/p>\n\n\n\n

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

Op het tabblad Instellingen kun je de gewenste breedte voor het vak instellen.<\/p>\n\n\n\n

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

Van de Tabblad Stijlen<\/strong>kun je de achtergrondkleur, opvulling, marge en ruimte van het vak aanpassen.<\/p>\n\n\n\n

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

Zo kun je een contextbox maken met de TableBerg plugin.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Methode 3: De Ultimate Blocks Plugin gebruiken<\/h2>\n\n\n\n

Ultimate Blocks is een veelbelovende plugin voor contentmarketing met 25+ aangepaste blokken om je Gutenberg-editor krachtiger te maken. Het heeft verschillende verbluffende blokken waarmee je nog meer goed uitziende inhoudsvakken op je site kunt maken.<\/p>\n\n\n\n

Stap 01: Installeer en activeer de Ultimate Blocks Plugin<\/h3>\n\n\n\n

Ga naar Plugins > Nieuwe plug-in toevoegen<\/strong>. Zoek de Ultimate Blocks plugin<\/strong> door de naam in het zoekvak te typen. Installeer<\/strong> en activeren<\/strong> zodra de plugin hieronder verschijnt.<\/p>\n\n\n\n

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

Stap 02: Het gestileerde boxblok van de plugin toevoegen aan uw Gutenberg-editor<\/h3>\n\n\n\n

De Ultimate Blocks plugin bevat een speciaal blok met de naam Gestileerde doos<\/strong> om inhoudsvakken te maken. Zoek het en voeg het toe aan de editor.<\/p>\n\n\n\n

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

Het blok biedt vier soorten vakken. Kies degene die je wilt om je bericht weer te geven. Elke box heeft een unieke set functies.<\/p>\n\n\n\n

Voor de tutorial selecteren we de Feature Box<\/strong>.<\/p>\n\n\n\n

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

In de feature box kun je een afbeelding, een titel en een beschrijving toevoegen. Hopelijk kun je ze zelf maken.<\/p>\n\n\n\n

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

Stap 03: Inhoud toevoegen aan het blok<\/h3>\n\n\n\n

Standaard kun je met het blok \u00e9\u00e9n product weergeven en de kenmerken ervan beschrijven. Maar je kunt meerdere producten toevoegen en weergeven met het blok. Selecteer het kolomtype<\/strong> je wilt defini\u00ebren hoeveel producten je wilt weergeven.<\/p>\n\n\n\n

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

Voeg nu inhoud toe aan de opties die u ziet in de Vormgegeven doosblok<\/strong>.<\/p>\n\n\n\n

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

Je kunt zien dat we inhoud hebben toegevoegd aan het blok.<\/p>\n\n\n\n

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

Stap 04: Het gestileerde kaderblok aanpassen en stylen<\/h3>\n\n\n\n

Kom naar de Tabblad Instellingen<\/strong>. Van de Selecteer de optie Modus<\/strong>Je kunt de Feature box veranderen in andere gestileerde boxen zoals hierboven getoond, zoals de notification, bordered en number box.<\/p>\n\n\n\n

Daarna, vanaf de Responsieve besturingsoptie<\/strong>kun je de blokkering voor een bepaald apparaattype verbergen.<\/p>\n\n\n\n

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

Ga vervolgens naar de Tabblad Stijlen<\/strong>. U kunt de Opvulling<\/strong> en Marge<\/strong> van het blok op dit tabblad.<\/p>\n\n\n\n

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

Zo kun je een inhoudsvak maken met de Ultimate Blocks plugin.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Afwerknotities!<\/h3>\n\n\n\n

Ultimate Blocks en TableBerg zijn twee multifunctionele plugins die een revolutie teweeg willen brengen in het Gutenberg-systeem, zodat gebruikers eenvoudig geavanceerde inhoud kunnen maken. <\/p>\n\n\n\n

TableBerg is nog steeds in ontwikkeling en belooft binnenkort met veel geavanceerde functies te komen. Aan de andere kant is Ultimate Blocks al een populaire plugin die gebruikt wordt door meer dan 60K websites wereldwijd.<\/p>\n\n\n\n

Als je vragen hebt over deze producten, stel ze dan gerust via het commentaarvak.<\/p>\n\n\n\n

Lees ook: <\/strong><\/p>\n\n\n\n