Zo maak je tekstkolommen in WordPress
21 mei 2014 
1 min. leestijd

Zo maak je tekstkolommen in WordPress

Hoewel het niet bij elke soort content geschikt is, kan het soms erg handig zijn wanneer je je tekst kunt opsplitsen in twee of meer kolommen. Dat is helaas geen standaardfunctie in WordPress. Gelukkig is het desondanks wél mogelijk en je hoeft er echt geen visual editor voor te installeren. 😀

Tekstkolommen zijn super handig wanneer

  • Je diensten of producten wilt weergeven op een overzichtelijke manier.
  • Je twee dingen wilt vergelijken (voordelen en nadelen naast elkaar, functies van je producten/diensten naast elkaar).
  • Als je een “lange” pagina hebt met heel veel informatie. Dat wordt meestal al snel onoverzichtelijk en minder aantrekkelijk om te lezen.

Tip: Houd er rekening mee dat kolom B ónder kolom A komt wanneer men jouw website op een smartphone bekijkt. Zorg er dus wel voor dat de tekst dan nog steeds logisch is 🙂

In dit artikel leg ik je uit hoe je tekstkolommen kunt maken én ik laat het je zien in een video.

Tekstkolommen maken in WordPress

Voor het maken van tekstkolommen kun je het beste de plugin Lightweight Grid Columns gebruiken. Download de plugin en installeer deze plugin. Zodra je de plugin hebt toegevoegd, verschijnt er een extra icoontje in je editor. Zie voorbeeld hieronder ter verduidelijking.

Klik op het icoontje. Er verschijnt dan een venstertje met enkele opties. Bij de eerste optie bepaal je hoe breed de tekstkolom moet zijn op een desktop. 50% zou dan dus een kolom worden die de helft van de ruimte in neemt. Als je er hier 2 van toegevoegt, krijg je dus twee kolommen naast elkaar op de pagina. Let op: Bij de laatste kolom die je toevoegt, dien je “Last column in row” aan te vinken.

Bij de overige twee opties kun je bepalen hoe breed te kolom zal zijn op tablet en smartphone. Bij smartphone houd ik zelf altijd 100% aan. De ruimte is namelijk erg klein, als je twee kolommen naast elkaar plaatst, worden de kolommen erg smal en onoverzichtelijk.

Zodra je de juiste instellingen hebt ingevuld, klik je op de blauwe knop Ok. Er komt dan in je pagina een code te staan (zie voorbeeld hieronder). Tussen de code kun je de gewenste content invullen.

Zodra je alles hebt toegevoegd, klik op je op bijwerken/publiceren. En voila! Je hebt tekstkolommen op je WordPress website.

Over de schrijver
Ik (Sandra Boon van Boon Webdesign) ben jouw partner in crime voor WordPress websites en online marketing. Voor ondernemers bouw ik BoonTheme WordPress websites - de perfecte mix tussen kant-en-klaar en maatwerk. Daarnaast bouw ik ook online leeromgevingen voor mijn klanten.
Jeroen
Door

Jeroen

op 21 Dec 2014

Dankjewel voor de verwijzing naar deze plugin (en de uitleg). Vriendelijke groet, Jeroen

Sandra Boon
Door

Sandra Boon

op 22 Dec 2014

Graag gedaan! :)

Wim
Door

Wim

op 14 Jan 2015

Geprobeerd, maar krijg het niet werkzaam helaas in mijn template

Sandra Boon
Door

Sandra Boon

op 14 Jan 2015

Hallo Wim, Waar gaat het mis? Wat lukt er niet?

Grietje Horjus
Door

Grietje Horjus

op 17 Jan 2015

Dank!!!

Sunny
Door

Sunny

op 09 Apr 2015

Hoi Boon, Bij mij lukt het de de "one half" werkt niet ik gebruik de book your travel theme ik probeer het volgende [one_half] contact form 7 [/one_half] (zowel [/one_half_last] werkt ook niet graag je hulp mijn dank is groot

Sandra Boon
Door

Sandra Boon

op 10 Apr 2015

Hey Sunny, Dat heeft waarschijnlijk te maken met het contactformulier. Heeft deze een vaste breedte?

Sieds
Door

Sieds

op 15 Jul 2015

Hi Sandra, is deze plugin ook handig om twee of meerdere (staande) foto's naast elkaar te krijgen? Het is echt een crime om dat voor elkaar te krijgen. Hoop dat je kunt helpen. Groet Sieds

Sandra Boon
Door

Sandra Boon

op 15 Jul 2015

Je zou het kunnen proberen, dan kom je er vanzelf achter :) Ik heb het in ieder geval nog niet op die manier geprobeerd. Je kunt eventueel de gallery functies gebruiken, maar dan worden het wel thumbnails. http://boonwebdesign.nl/een-fotoalbumfotogalerij-op-je-wordpress-website/ En je zou "gewoon" twee foto's naast elkaar plaatsen en dan de uitlijning op "geen" zetten. Succes!

maud
Door

maud

op 08 Jan 2016

Hallo Sandra, Is het ook mogelijk de borderstyle en background color etc. te personaliseren? Groet!

Sandra Boon
Door

Sandra Boon

op 08 Jan 2016

Hey Maud, Bij deze plugin is dat niet mogelijk.

Erik
Door

Erik

op 15 Apr 2016

Goedemorgen, ik krijg het prima voor elkaar, alleen op mobiel zet ie de kolommen nooit naast elkaar, maar onder elkaar. Hoe krijg ik dit ook werkend op mobiel?

Sandra Boon
Door

Sandra Boon

op 15 Apr 2016

Hallo Erik, Dat doet de plugin inderdaad automatisch. Dat kun je alleen aanpassen door zelf in de techniek te gaan rommelen (wat je ik niet aanraad, natuurlijk haha).

petra
Door

petra

op 28 Jun 2016

Hallo, heb kolommen op mijn pagina half/half dat is gelukt. Ze staan alleen veel te dichht op elkaar. Ik heb nu zitten stoeien met padding maar dan raak ik mijn rechter marge kwijt daar staan nieuwsberichten in en de agenda. Ik wil dus iets meer ruimte tussen de twee kolommen en de rechter marge met de widgets moet ook zichtbaar blijven

Jeroen
Door

Jeroen

op 20 Sep 2016

Hoi Sandra, ik werk met Divi en ik zoek een manier om tekst over meerdere kolommen te laten doorlopen. Dus niet dat ik een kolom maak, daar een stukje tekst in plak, dan weer een kolom ernaast maken en dan daarin de rest van de tekst plakken. Ik bedoel net zoals in Indesign, dat de tekst automatisch doorloopt van de ene kolom naar de ander. Weet jij hoe dit moet? Gr Jeroen

Sandra Boon
Door

Sandra Boon

op 20 Sep 2016

Hey Jeroen, Ik snap wat je bedoeld, maar volgens mij is dat niet mogelijk in webdesign. Het is sowieso niet mogelijk in responsive webdesign, want dan zou je met vaste hoogtes moeten gaan werken.

Mariska
Door

Mariska

op 30 Aug 2018

Hi Sandra, Erg fijne uitleg, dank je daarvoor! Weet je of er ook een plugin is waarmee je wel de kolommen kunt opmaken, achtergrond kleur toevoegen etc? Daarbij wil ik achter de kolom een link plakken. Als ik dat nu doe pakt hij enkel de eerste regel, maar ik wil graag dat hij heel de kolom ziet als link. Alvast bedank! Gr Mariska

Peter
Door

Peter

op 21 Dec 2018

Hallo Sandra, Kan je met de Lightweight Grid Columns ook twee kolommen maken op de homepage? Zo niet, is er dan een truc waarmee ik de teksten van de homepage wil in twee kolommen kan krijgen. Alvast bedankt voor je reactie. Groet, Peter

Sandra Boon
Door

Sandra Boon

op 22 Dec 2018

Hey Peter, Als de homepagina "gewoon" gebruik maakt van de editor, dan zou ik niet weten waarom niet. Maar elk WordPress thema is natuurlijk weer anders, dus pin mij er niet op vast ;)

Robert de Peffer
Door

Robert de Peffer

op 23 Oct 2019

Hallo, Ik ben best een leek, maar het lijkt dat ik wanneer ik een kolom wil bewerken maar een beperkte editor zie. De plugin zot hier niet tussen :-(

rob
Door

rob

op 06 Dec 2019

hai sandra, klopt het dat je eerst moet upgraden naar WP Business voordat je een plug inn kan installeren? groet rob

Reactie plaatsen