Page builder

Je kunt op twee manieren de pagebuilder in gebruik nemen. Voorbeeld 1 :

Log in op je dashboard. In ons geval gaan we dus naar video-tutorial.nl/wp-admin. Hier loggen we in. Standaard hebben wij een homepagina gemaakt. Ga naar pagina’s en gebruik de homepagina. Je zie nu het volgende:

page builder pagina

Je moet dus kiezen tussen de Tekstbewerker en de Page Builder. In dit geval hebben we dus de Page Builder aangezet. Als je op de blauwe knop met “Page Builder starten” klikt ga je naar je Homepagina en kun je beginnen.

Voorbeeld 2 is eigenlijk nog simpeler: Nadat je bent ingelogd op (in ons geval) video-tutorial.nl/wp-admin kun je in je browser een nieuw tabblad openen. Als ik dan in mijn geval naar video-tutorial.nl zou gaan zie ik het volgende:

zwarte balk

Boven aan je website is een zwarte balk verschenen. Deze kunnen alleen ingelogde gebruikers zien. Bezoekers op je website zien dit dus niet. In deze zwarte balk zie je ook weer “Page Builder” staan. Als je hier op klikt opent de Page Builder. Door beide manieren krijg je het volgende te zien:

Page Builder

 

Als je met je muis over de website heen gaat zie je elk blok blauw worden. Ook zie je hier direct een paar opties verschijnen.

page Builder

 

pb-slepenJe kunt hier het blok naar een andere locatie op je pagina slepen. pb-instellingenOok kun je de opties bekijken. Er opent dan een nieuw scherm. Afhankelijk van wat je aanpast kun je zoals in het voorbeeld je tekst aanpassen. Je zou ook afbeeldingen in of uit een slideshow kunnen halen bijvoorbeeld.

pb-kolomDaarnaast is er nog de mogelijkheid om het blok te kopiëren. pb-kopieHet type kolom te bewerken of kolommen bij te voegen. Elk blok die, zoals ook in dit voorbeeld te zien is, blauw wordt is een kolom en kan voorzien worden van bijvoorbeeld tekst, afbeeldingen en nog veel meer. Je kunt bijvoorbeeld ook de breedte en hoogte via de instellingen aanpassen. pv-verwijderenAls laatste kun je natuurlijk ook een kolom verwijderen door op het kruisje te klikken.

 

 

 

 

Zodra je de Page Builder startte veranderde er ook direct iets aan bovenkant van je scherm. Hier is een ander menu verschenen: PB menu

 

Inhoud toevoegenpb-menu-rechts

Als je hier op klikt opent zicht aan de rechter kant een menu:

Vanuit hier kun je aanpassingen in je lay-out doen en modules en widgets toevoegen. Je hebt keuze uit de volgende mogelijkheden:

Rij Lay-outs

1 Kolom
2 Kolommen
4 Kolommen
5 Kolommen
6 Kolommen
Linker sidebar
Rechter sidebar
Linker & rechter sidebar

Je kunt hier dus kiezen hoeveel kolommen breed je wilt invoeren. Ook kun je kiezen om een extra sidebar in te voeren. Wellicht wordt dit iets duidelijker in één van onze filmpjes, of door het gewoon zelf te ervaren.

 

Basis modules

Afbeelding
Audio
HTML
Knop
Kopregel
Scheidingslijn
Tekstbewerker
Video

Dit zijn een beetje de basis simpele huis, tuin en keuken modules.

 

Geavanceerde modules

Aanmeldformulier
Accordion
Berichten
Berichtencarousel
Berichtenslider
Call-to-Action
Callout
Contactformulier
Content slider
Countdown
Diavoorstelling
Galerij
Getuigenissen
Icoon
Icoongroep
Kaart
Menu
Nummerteller
Prijstabel
Social knoppen
Tabs
Zijbalk

Dit zijn zoals je zie allemaal leuke extra mogelijkheden. Je kunt ze stuk voor stuk helemaal inrichten naar eigen smaak.

 

WordPress widgets

Aangepast menu
Archief
Categorieën
Kalender
Meest recente berichten
Meta
Pagina’s
RSS
Recente reacties
Tagwolk
Tekst
Zoeken

Dit zijn de elementen die standaard in WordPress zitten en die bij veel gebruikers waarschijnlijk inmiddels vertrouwd zijn. Uiteraard kun je deze ook op je pagina’s en kolommen zetten.

 

Opgeslagen Rijen

Momenteel nog leeg

 

Opgeslagen Modules

Momenteel nog leeg

 

Templates

lay-outsjablonen

Kies hier per pagina een uiterlijk. Je kunt kiezen uit Landingspagina’s of inhoud pagina’s (Rechtsboven, in de hoek) In “Jouw templates” kun je een thema opslaan. Dat is in het volgende kopje te zien.

 

 

 

 

 

 

 

 

 

Gereedschappen

gereedschappen

 

Template Opslaan

Je kunt via deze weg makkelijk je gemaakte theme opslaan. Deze komt zoals in het vorige punt genoemd te staan tussen “Jouw templates”

 

Lay-out dupliceren

Maak een directe kopie van je thema. Deze wordt direct opgeslagen tussen je pagina’s. Als je op de pagina “Home” klikt op “Lay-out dupliceren” zal je tussen de pagina’s het volgende zien “Kopie van Home”. Uiteraard kun je deze naam aanpassen.

Layout trapsgewijs opmaakmodel / javascript

ZwaailampPas op: Nerd alarm. ZwaailampJe kan hier namelijk zelf een Javascript of CSS code invoeren. Je kunt dan vanuit diverse modules hiernaar verwijzen. Zo kun je net een stapje verder gaan. Geen idee wat dit betekent? Misschien wil je dat liever zo laten. Het kan zijn dat we in bepaalde video tutorials hier iets mee gaan doen. Dit wordt dan wel rustig uitgelegd, maar valt vaak wel onder de masterclass tutorials.

 

Algemene instellingen

Hier kun je nog een aantal kleine instellingen aanpassen zoals de breedte van je site, of deze geschikt is voor mobiel en tablet (standaard: ja) en nog wat kleine zaken.

 

Annuleren

Hiermee verdwijnen de opties en keer je weer terug naar de standaard Page Builder lay-out.

Klaar

 

klaar

Zodra je klaar bent kun je de Page Builder afsluiten. Je klikt op klaar en krijgt de volgende opties.

Wijzigingen publiceren
Sla alles op en ga verder in de Page Builder

Wijzigingen opslaan en afsluiten
Sla alles op en sluit de Page Builder.

Wijzigingen negeren en afsluiten
Sla de wijzingen niet op en sluit de Page Builder af

Annuleren
Sla niks op, ga verder waar je gebleven was.