De WP Bakery Builder is een page builder voor WordPress.
Regelmatig moet je er aanpassingen aan doen, want je bedrijf en je inzichten veranderen regelmatig.
Of heel praktische informatie, zoals het adres aanpassen.
Dat doe je via Dashboard > WP Bakery Builder > Role Manager.
Met de page builder kan je gemakkelijk pagina’s aanpassen en zelfs nieuw maken, doordat je dankzij de builder gemakkelijk nieuwe elementen en zelfs kolom indelingen kan maken, zonder dat je verstand hoeft te hebben van coderen of HTML codes.
De indelingen bijvoorbeeld zijn allemaal duidelijk.
We leggen stap voor stap uit hoe je wijzigingen aan een pagina kan maken met de WP Bakery page builder.
Basisconcepten en start
Nieuwe pagina in WordPress maken?
In het menu aan de linkerkant klik je op ‘Pagina’s’.
Hier zie je een overzicht van alle bestaande pagina’s.
Bovenaan het scherm zie je een veld met de tekst ‘Titel toevoegen’.
Gebruik de blok-editor van WordPress.
Klik op het plusje (+) om blokken toe te voegen, zoals tekst, afbeeldingen of knoppen.
Ja! Klik op ‘Opslaan als concept’ als je nog niet klaar bent om je pagina te publiceren.
Als je tevreden bent met de inhoud, klik je op de blauwe knop ‘Publiceren’.
Page builder activeren en gebruiken
Heb je inmiddels een favoriet gevonden?
Dan is het tijd voor de volgende stap: je builder activeren en ermee aan de slag gaan.
Als je hebt gekozen voor een page builder plugin die in het plugin directory op WordPress.org staat, dan kun je deze eenvoudig vanaf je WordPress Dashboard installeren.
Dit doe je door in het navigatiemenu aan de linkerkant naar Plugins > Nieuwe plugin te gaan.
Vervolgens kun je in de zoekbalk (Plugins zoeken) de naam van de betreffende page builder plugin intypen.
Heb je de juiste plugin gevonden, dan klik je op Nu installeren.
Staat de page builder plugin niet in het plugin directory op WordPress.org, dan kun je eerst een .zip bestand van de plugin naar je computer downloaden.
Vervolgens ga je op je WordPress Dashboard naar Plugins > Nieuwe plugin en klik je bovenin de pagina op Plugin uploaden.
Nadat je de page builder plugin geïnstalleerd hebt, moet je hem eerst nog even activeren.
Je gaat in het navigatiemenu links op je WordPress Dashboard naar Plugins > Geïnstalleerde plugins.
Vervolgens zoek je in het overzicht van geïnstalleerde plugins naar de page builder plugin die je hebt geïnstalleerd.
Heb je hem gevonden, dan klik je onder de plugin naam op Activeren.
Bouwen met rijen en kolommen
Na het installeren en activeren van de page builder plugin kun je aan de slag.
Ga in het navigatiemenu links op je WordPress Dashboard naar Pagina’s > Nieuwe pagina.
Het zou ook kunnen dat de standaard interface van de Site Editor worden vervangen door de interface van de page builder plugin.
In de meeste gevallen werken die door middel van drag & drop, oftewel slepen en neerzetten.
Je kiest dan een element uit een menu (bijvoorbeeld een kolom of een rij met meerdere kolommen, koptekst, een paragraaf, een afbeelding, enzovoorts) en sleept dat element naar de gewenste plek op de webpagina.
Vervolgens heb je de mogelijkheid om het betreffende element te bewerken.
Het begint met rijen (rows). Een rij kan bestaan uit meerdere kolommen. En elk kolom kan bestaan uit meerdere blokken.
De eerste rij bestaat uit twee kolommen. De tweede rij bestaat ook uit twee kolommen.
De eerste kolom van de eerste rij bestaat uit twee blokken: een header en een stuk tekst.
Hier een voorbeeld van een zogenaamde ‘hero’-sectie.
De eerste kolom heeft een border gekregen (een rand) met een oranje kleur.
De tweede kolom heeft een achtergrondkleur gekregen.
Aanmaken en aanpassen van elementen
Om het Text Block element aan te passen, klik op het penseeltje.
Het element is geopend en je ziet er nu de tekstverwerker die eruit ziet zoals Word er ook uitziet.
Wanneer je de tekst hebt aangepast en je bent er blij mee, druk dan op “Save Changes” aan de onderkant van het blok.
Ga erop staan. Nu is het element geopend en kan je zien welke foto er is toegevoegd.
Zoek nu het bestand op in je mediabeheer of upload een nieuwe foto (door het bestand op je computer op te zoeken en deze in het mediabeheer te slepen).
Selecteer de nieuwe foto door ‘m aan te klikken.
Je gaat nu terug naar het image element en ziet dat de foto aangepast is.
Werken met kolomindelingen en templates
Binnen een pagina kunnen natuurlijk nog veel meer elementen aangepast worden.
Het kan natuurlijk zijn dat je de kolomstructuur van een rij op een pagina wilt aanpassen (omdat je bijvoorbeeld een extra dienst gaat aanbieden).
Dat werkt gelukkig heel erg eenvoudig in de WP Bakery Builder.
Zoek de pagina op waarop de wijzigingen van toepassing zijn en ga naar de rij die aangepast moet worden.
Door op dat kleine tabje te drukken, kan je de kolom indeling aanpassen.
Kies hier je gewenste indeling en het aantal kolommen wordt meteen aangepast.
Handige tips voor interne en externe links
We hebben het op onze blog al gehad over linkbuilding, en alle voordelen ervan.
Denk bijvoorbeeld aan een link naar je contactpagina vanop je productpagina, voor wanneer bezoekers meer informatie wensen.
En dat is ook niet nodig!
Dan ben je beter af om het kort samen te vatten en via een externe link te verwijzen naar de externe link.
Wanneer je aan het werken bent met de nieuwe Gutenberg editor van WordPress 5.0, zie je bovenaan een menu staan met enkele opties.
Daarin staat ook de optie om een WordPress link toe te voegen aan je tekst.
De kleine paperclip die je achteraan ziet staan is de knop om een link toe te voegen.
Selecteer nu de tekst waarachter je een link wil plaatsen en er verschijnt een klein kader waarin je de tekst kan plakken.
Klik vervolgens op enter en je link is toegevoegd.
Om een interne WordPress link te gebruiken, hoef je de URL van de pagina niet te kopiëren.
Als je naar een externe link gaat, raden wij aan om de link te openen in een nieuw tabblad.
Dan zijn je bezoekers niet meteen weg van je pagina, maar blijft die openstaan en kunnen ze er eenvoudig naar terugkeren.
Dat doe je door op de gelinkte tekst te klikken. Dan zie je daaronder de link staan, klik op het potloodje en dan vervolgens op het pijltje om de extra opties uit te klappen.
Daar kan je de optie om te openen in een nieuw tabblad aan of uitzetten.
Voor externe links raden we aan ook aan om een WordPress nofollow te gebruiken.
Knoppen en dupliceren
Met de WordPress blokeditor is het toevoegen van een knop heel gebruiksvriendelijk.
Of je nu bezoekers naar een productpagina wilt sturen of contact wilt laten opnemen, het is een kwestie van de juiste blokken toevoegen en de instellingen aanpassen.
Ga in je WordPress dashboard naar pagina’s of berichten en zoek de pagina waar je de knop wilt plaatsen.
Typ “Knoppen” in de zoekbalk en selecteer het knoppen-blok.
Pas de knop aan in het instellingenpaneel aan de rechterkant.
Gebruik de voorbeeld-knop om te controleren hoe je knop eruitziet.
Tevreden? Test de link: Klik zelf even op de knop om zeker te weten dat de link werkt.
Dat viel best mee toch? Zo’n knop toevoegen is appeltje-eitje.
Wil je snel en efficiënt een bestaande opzet hergebruiken zonder alles te hoeven kopiëren? Dan kan het dupliceren van je WordPress pagina erg handig zijn.
Heb jij een pagina die qua opmaak helemaal je smaak is? En wil je deze stijl ook gebruiken voor andere pagina’s?
Of heb je een oude pagina die je wil bewerken zonder dat je de originele pagina verliest?
Er zijn verschillende redenen om een WordPress pagina te dupliceren.
Het gebruiken van een plugin in WordPress is een van de makkelijkste manieren om je WordPress pagina te kopiëren.
De eenvoudigste manier om een WordPress pagina te dupliceren, is door een plugin te gebruiken.
Een populaire keuze hiervoor is de plugin “Duplicate Post” (nu ook bekend als “Yoast Duplicate Post”).
De plugin is nu geïnstalleerd en ook geactiveerd.
Dit betekent dat je de gewenste WordPress pagina kan dupliceren.
Onder de paginatitel zie je de optie Kopieer of Clone.
De gewenste pagina is nu te vinden in je lijst met pagina’s.
Deze staat er als concept.
Wil je liever geen plugin gebruiken?
Dan is het ook mogelijk om de pagina handmatig te dupliceren.
Houd er wel rekening mee dat dit wel meer werk is dan met een plugin.
Het maakt niet uit of je kiest voor een plugin of je pagina handmatig dupliceert.
Het blijft altijd belangrijk om de gedupliceerde pagina te controleren voordat je deze publiceert.
Controleer zowel de tekst als de afbeeldingen en de links.
Verder lezen en ondersteuning
Plan dan een bakkie in!
Je hebt besloten om met WordPress aan de slag te gaan-mooi!
Maar dan komt de volgende vraag: welke page builder ga je gebruiken?
Elementor, Beaver Builder, Divi… er is genoeg keuze.
Heb je inmiddels een favoriet gevonden?
Dan is het tijd voor de volgende stap: je builder activeren en ermee aan de slag gaan.
Als je hebt gekozen voor een page builder plugin die in het plugin directory op WordPress.org staat, dan kun je deze eenvoudig vanaf je WordPress Dashboard installeren.
Dit doe je door in het navigatiemenu aan de linkerkant naar Plugins > Nieuwe plugin te gaan.
Vervolgens kun je in de zoekbalk de naam van de betreffende page builder plugin intypen.
Heb je de juiste plugin gevonden, dan klik je op Nu installeren.
Staat de page builder plugin niet in het plugin directory op WordPress.org, dan kun je eerst een .zip bestand van de plugin naar je computer downloaden.
Nadat je de page builder plugin geïnstalleerd hebt, moet je hem eerst nog even activeren.
Vervolgens ga je naar Plugins > Geïnstalleerde plugins en activeer je de plugin.
Na activatie kun je starten met bouwen. Ga naar Pagina’s > Nieuwe pagina en kies voor een drag & drop builder interface.
De eerste rij bestaat uit een kolom, de tweede rij uit twee kolommen, en de derde rij uit drie kolommen.
WordPress is het populaire content management systeem ter wereld.
In deze handleiding laten we stap voor stap zien hoe je een homepage bouwt met een pagebuilder.