Om een WordPress pagina visueel aantrekkelijker te maken, kun je denken aan het gebruik van kolommen op je pagina. Denk aan een pagina van een krant. Standaard is deze functionaliteit niet in WordPress aanwezig maar gelukkig zijn er diverse mogelijkheden om kolommen op je WordPress pagina te creëren.
Zoals eerder aangegeven zijn er meerdere manieren om een WordPress pagina in kolommen op te delen. De vier meest voorkomende manieren zijn:
- Gebruik maken van een plugin om kolommen te maken
- Gebruik maken van een visual builder plugin
- Gebruik maken van CSS
- Gebruik maken van een WordPress theme dat deze functionaliteit heeft
CSS is niet voor iedere website eigenaar weggelegd en om een heel nieuw WordPress theme te nemen voor kolommen is ook een beetje te veel van het goede. Daarom zul je in dit artikel een voorbeeld zien hoe je kolommen op een pagina maakt met behulp van een plugin.
Inhoudsopgave
Wanneer zijn kolommen handig op een pagina?
- Als je content wil presenteren om bijvoorbeeld een vergelijking te maken
- Je wil dat een pagina er eens iets anders uitziet dan een standaard pagina
WordPress plugin om kolommen te maken
Er zijn meerdere plugins die deze functionaliteit bieden. Drie voorbeelden van plugins om kolommen te maken zijn:
Alle drie zijn het prima plugins maar hieronder vind je een voorbeeld van de plugin Column Shortcodes.
Zoals de naam al aangeeft, werkt de plugin met shortcodes om kolommen te maken. De plugin heeft 23 voorgedefinieerde shortcodes waarbij elke shortcode voor een andere kolom breedte gemaakt is. Door een shortcode te selecteren, voeg je een kolom aan je pagina toe.
Na installatie en activatie van de plugin, zie je in de editor een nieuwe knop:
Als je op de knop klikt, komt er een pop up met de verschillende kolom opties:
In dit voorbeeld maken we 3 kolommen. Je moet drie keer een kolom toevoegen en let er op dat je bij de laatste kolom de optie “Een derde laatste” gebruikt. Hiermee wordt aangegeven dat er geen kolommen meer komen.
Je kunt ook padding opgeven, dit is witruimte tussen de rand van de kolom en de content. Dit wordt in pixels aangegeven en je kunt het apart voor de boven-, onder-, linker- en rechterkant instellen. In het voorbeeld is er aan alle kanten een padding van 10 pixels toegevoegd.
De pagina ziet er in het dashboard nu als volgt uit:
En op de website ziet de pagina er zo uit:
Zoals je ziet is het toevoegen van kolommen op een WordPress pagina met behulp van deze plugin eenvoudig te realiseren. Je kunt in plaats van tekst ook afbeeldingen gebruiken.
