Werken met de Beaver Builder

WordPress had altijd al een visual WYSIWYG editorwhat you see is what you get. De oorspronkelijke WordPress editor leek een beetje op Microsoft Office Word. Ook de opmaak van de tekst was soortgelijk. Wat natuurlijk prettig werken was. Daar veel mensen vertrouwd zijn met Microsoft Office Word. Of een soortgelijke tekstverwerker.

Naast de klassieke eigen WordPress editor waren er vroeger ook al alternatieve editors. Deze waren veel meer grafisch ingesteld. Daar WordPress van oorsprong een Blog programma is was de WordPress editor toch veel meer tekstueel ingesteld.

Omdat het surfgedrag van mensen meer en meer mobiel wordt, heeft WordPress een nieuwe editor geïntroduceerd. Zijnde de Gutenberg editor. Dit is ook een meer visuele editor. Waarbij je veelal in blokken werkt.

Op het moment dat de Gutenberg werd geïntroduceerd heeft WebBuildingFirm.com besloten om over te stappen naar een echt grafische editor. Dit is de WordPress Beaver Builder geworden. Met de WordPress Beaver Builder wordt het aanpassen van je website nog veel eenvoudiger. Mooi is dat je, integenstelling tot de WordPress Gutenberg editor, met de Beaver Builder frontpage werkt. Je kan je aanpassingen dus gelijk zien zoals de bezoekers van je website deze ook gaan zien.

Hieronder leggen we het gebruik van de WordPress Beaver Builder uit.

Bestaande pagina bewerken met de WordPress Beaver Builder

Om met de WordPress Beaver Builder te kunnen werken moet je eerst ingelogd zijn in WordPress.

Surf naar de pagina die je wilt bewerken.

Bovenaan de pagina zie je de WordPress Topbar. Hier kan je onder andere mee terug naar het WordPress Dashboard.

Maar je kunt ook op "Beaver Builder" klikken. Zo open je de WordPress Beaver Builder.

Eens de Beaver Builder editor is geopend, zal je zien dat de hele pagina is verdeeld in blokken of rijen.

Beweeg met je cursor over het blok (rij) of stuk tekst wat je wilt aanpassen.
Een blauwe rand verschijnt om de tekst. Hierin zie je onder andere een moersleutel.
Klik op deze moersleutel en je kunt de tekst (of foto, film) aanpassen.
Klik na aanpassen op opslaan.

Rijen en modules

In de rechter bovenhoek zie je naast "Klaar" een Blauwe +

Als je op de + klikt verschijnt de toolsbox van de Beaver Builder.
Van hieruit kun je rijen toevoegen. Iedere rij maakt een nieuwe laag op je pagina.

De rijen kun je vullen met Modules. Voorbeelden van modules zijn:
Koptekst, Knop, Tekstbewerker, Afbeelding, Video.....

Een module kun je in een rij invoegen en dan beginnen editten (foto of gallerij toevoegen, tekst typen, video toevoegen...).

Bekijk hieronder de video over het gebruik van de Beaver Builder.
Wil je meer filmpjes bekijken van WebBuildingFirm.com? Ga dan naar ons YouTube kanaal.

WordPress Beaver Builder video