How to Create Columns in WordPress (3 Ways)

Kolommen zijn verticale verdelingen of containers waarin je je webinhoud kunt organiseren en weergeven. Door je inhoud in kolommen te verdelen, kun je niet alleen een gevoel van orde, evenwicht en hiërarchie creëren, maar ook de leesbaarheid en betrokkenheid vergroten.

Door kolommen op de juiste manier te gebruiken, kun je de lay-out van je berichten en pagina's aantrekkelijk maken. Met WordPress kun je op veel verschillende manieren kolommen maken. Dit artikel laat je zien hoe je kolommen kunt maken in WordPress op een aantal van die handige manieren. Laten we op onderzoek uitgaan!

Maak prachtige tafels
Met blok-editor

Method 01: Using the Column Block

Open de gewenste post of pagina. Zoek en voeg de Kolommen blok in uw editor door het in te typen in het zoekvak van Gutenberg.

Het Gutenberg-kolomblok toevoegen

Klik op de kolomindeling die je nodig hebt. Deze wordt toegevoegd aan je bericht.

Selecteer de kolomindeling

Raak niet in de war als je de rand van slechts één kolom in de editor ziet. Klik met je cursor op de linker- en rechterkant. Het andere blok verschijnt. Bekijk de videoclip hieronder.

Druk op de Plus (+) pictogram op een kolom. Selecteer een blok dat je wilt toevoegen aan een bepaalde kolom. Stel dat we het blok Alinea selecteren om tekst toe te voegen.

Blok toevoegen aan je WordPress kolom

Op dezelfde manier hebben we een afbeelding toegevoegd aan de rechterkolom van het blok.

Afbeelding toevoegen aan het kolomblok

Selecteer het hele kolomblok door drie keer op het kolompictogram op de werkbalk te klikken. Je krijgt opties om instellingen bij te werken en het blok aan te passen op de rechter zijbalk.

Instellingen wijzigen en het kolomblok aanpassen

Method 02: Using the Table Block

Zoek op dezelfde manier het standaard Tabelblok van Gutenberg en voeg dit toe aan uw bericht/pagina.

Het tabelblok toevoegen

Hier kun je zowel het rijnummer als het kolomnummer opgeven. Stel de waarde naar wens in. Druk op de Tabel maken knop aan het einde.

Geef het rij- en kolomnummer van de tabel op

Voeg nu inhoud toe aan de kolommen. Met het WordPress tabellenblok kun je alleen tekst toevoegen aan de kolommen. Je kunt geen afbeeldingen, knoppen of andere soorten inhoud toevoegen.

Tekst toevoegen aan de kolommen in de tabel

Method 03: Using The Tableberg Block

TafelBerg is ook een table builder plugin. Maar het heeft veel geavanceerde functies. Je kunt bijvoorbeeld afbeeldingen, CTA knoppen en meer toevoegen aan je tabelkolommen met de plugin, wat niet mogelijk is met het standaard WordPress tabelblok.

Installeer en activeren de plugin eerst.

Installeer en activeer de TableBerg plugin

Ga naar je bericht- of pagina-editor. Zoek en voeg op dezelfde manier het TableBerg-blok toe vanuit de Gutenberg-editor.

Het TableBerg-blok toevoegen

Definieer het kolom- en rijnummer als het standaard tabelblok.

Stel het kolom- en rijnummer in

Je kunt zien dat we tekst hebben toegevoegd aan de linkerkolommen. Voor de middelste kolommen hebben we besloten om de Beeldblok door op de Plus (+) pictogram

Afbeeldingsblok toevoegen aan de tabel kolom

Op dezelfde manier hebben we toegevoegd CTA-knoppen naar de kolommen helemaal rechts in de tabel.

Om de tabel nu aan te passen, selecteer je de hele tabel door op de knop TableBerg pictogram op de werkbalk. Je krijgt de instellingen en aanpassingsopties aan de rechterkant.

CTA-knop toevoegen aan de tabelkolommen en de tabel aanpassen

Je kunt zien dat we de breedte van de tabel hebben vergroot om voldoende ruimte te creëren voor de inhoud en elementen in de kolommen van de tabel.


Slotopmerking

Kolommen zijn er niet alleen om inhoud te organiseren. Ze kunnen bezoekers aantrekken door een boeiende lay-out te maken als je eenmaal weet hoe je ze moet gebruiken.

Op basis van je inhoudsbehoefte moet je kiezen waar je het standaard kolommenblok gebruikt en waar de tabelkolommen staan. Hopelijk heb je genoten van dit artikel.



Het Tableberg-team

Early Bird-aanbieding is nu live!
Dit is de standaardtekst voor de meldingsbalk