Tegenwoordig onmisbaar voor elke uitgebreidere site. Visual Composer is een eenvoudig te gebruiken page builder plugin die je de mogelijkheid bied om schitterende webpagina’s te bouwen, met een uitgebreid scala aan functionaliteiten.

Hieronder een overzicht van de elementen die je kan toevoegen aan je WordPress website:

vc-elements-visual-composer


De belangrijkste elementen van de Visual composer

Uitgaande van het Pareto-principe dat je met 20% van de tools 80% van de capaciteit kan benutten, heb je in de praktijk vaak voldoende aan de volgende elementen die je kan toevoegen met de visual composer.

De belangrijkste elementen die ik vaak gebruik zijn:

Visual composer element: Rij

In sommige thema’s ook wel Row of Content Band genoemd. De rij is de basisbalk voor je content.
Een pagina, bijvoorbeeld een homepage, bestaat meestal uit een aantal van deze rijen onder elkaar.
De rij kun je verdelen in een aantal kolommen. Bijvoorbeeld:

2 kolommen =  1/2 + 1/2
3 kolommen =  1/3 + 1/3 + 1/3
4 kolommen =  1/4 + 1/4 + 1/4 + 1/4
6 kolommen =  1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6

Je kan ook veel combinaties maken:
1/3 + 2/3
3/4 + 1/4
2/4 + 1/4 + 1/4
5/6 + 1/6
3/6 + 1/6 + 1/6 + 1/6


voorbeeld van bovenstaande kolommen
praktijkvoorbeeld met visual composer van 1 rij met 3 kolommen.


Vervolgens kun je in de kolommen een nieuw element plaatsen. De belangrijkste noem ik hieronder:

Visual composer element: Tekstblok

Het meest gebruik je in de praktijk het tekstblok. Je kan hier tekst of html in plaatsen. Je kan ook een afbeelding plaatsen met standaard WordPress knop ‘Afbeelding toevoegen’

Visual composer element: Afbeelding

Hiermee kun je een afbeelding plaatsen. Je hebt dan ook veel opties, bijvoorbeeld hoe je afbeelding in beeld verschijnt.

Visual composer element: Knop

Heel handig als je een button wilt toevoegen. Je kan de grootte, kleur, tekst en link makkelijk aanpassen

Visual composer element: Spacing

Soms ook wel ‘Gap’ genoemd. Heel handig om een ‘onzichtbare’ vertikale ruimte toe te voegen zodat je elementen mooi kunt uitlijnen.

Visual composer element: Tabs

Ietsje ingewikkelder om te maken maar heel handig als je veel informatie op een pagina wilt plaatsen.
Je kan kan een aantal tabs maken en in elke tab weer een nieuw element plaatsen.


Elementen toevoegen aan je Visual composer

Tegenwoordig zijn er ook allerlei WordPress plugins die je meer elementen toe kan voegen aan de Visual Composer. Eén van de betere is de Ultimate Addons for Visual Composer


Ga naar plugin website