WP Bakery Builder (voorheen Visual composer) | WordPress Plugin

WP Bakery Builder is een eenvoudig te gebruiken page builder plugin die je de mogelijkheid bied om mooie webpagina’s te bouwen. Handleidingen vind je onderaan deze pagina.

WP Bakery Builder kopen op Envato.com


WP Bakery Builder (tot 2017 Visual Composer genoemd) is tegenwoordig vrijwel onmisbaar voor elke grotere WordPress site. Samen met de WP Beaver Builder is dit mijn favoriete page builder. WP Bakery Builder is alleen een stuk voordeliger. WP Bakery Builder heeft 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 WP Bakery Builder

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 WP Bakery Builder (voorheen visual composer).

De belangrijkste elementen die ik vaak gebruik zijn:

WP Bakery Builder 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 WP Bakery Builder van 1 rij met 3 kolommen.


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

WP Bakery Builder 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’

WP Bakery Builder element: Afbeelding

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

WP Bakery Builder element: Knop

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

WP Bakery Builder element: Spacing

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

WP Bakery Builder 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 WP Bakery Builder

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


Uitgebreidere info over WP Bakery Builder

Meer trucs en tips voor diepgaandere functies vind je op:
WP Bakery Builder | Geavanceerde tips, trucs en instellingen.


Handleidingen WP Bakery Builder

Hieronder een lijst die ik heb samengesteld met de meest gestelde vragen over de Bakery Builder. Mocht er een vraag niet tussen zitten dan kun je dit laten weten via contact. Bekijk de handleidingen:

  1. Hoe de licentie te deactiveren en opnieuw te activeren?
  2. Hoe stel ik kolommen in op dezelfde hoogte?
  3. Hoe regel je de verticale uitlijning van elementen en kolommen?
  4. Hoe de kloof tussen kolommen te veranderen?
  5. Hoe afbeeldingen toevoegen en bewerken?
  6. Hoe voeg ik rijhoogte en achtergrondhoogte toe?
  7. Hoe beeldfilters toe te voegen?
  8. Hoe kun je afbeeldingengalerij toevoegen?
  9. Hoe voeg je een oude stijl berichtraster toe met Grid Builder?
  10. Hoe Parallax effect aan rij achtergrond toe te voegen?
  11. Hoe kan ik tekstblok toevoegen?
  12. Hoe responsiveness te controleren?
  13. Hoe elementen klonen en kopieren?
  14. Hoe elementen op verschillende apparaten te regelen?
  15. Hoe maak je lege ruimte tussen elementen?
  16. Hoe elementen slepen en neerzetten?
  17. Hoe post titel te bewerken?
  18. Hoe voeg je een binnenste rij in?
  19. Hoe rij minimaliseren?
  20. Hoe kan ik een aangepaste Heading gebruiken?
  21. Hoe te werken met tabbladen, rondleidingen en accordeons?
  22. Hoe voeg ik Google Maps in?
  23. Hoe CSS te beheren met WP Bakery Builder?
  24. Hoe de verticale ruimte tussen rijen te verkleinen
  25. Hoe maak je de volle breedte of volledige hoogte rij?
  26. Hoe maak ik een aangepast rasterelement?
  27. Hoe het vooraf gedefinieerde rasterelement te wijzigen?
  28. Hoe voeg ik een bericht- of mediaraster toe?
  29. Hoe te voorkomen dat tabbladen een accordeon worden op mobiele apparaten?
  30. Hoe kan ik een eigen kleur toevoegen aan een dropdown?

Ga naar WP Bakery Builder plugin website


Ook interessant