emscreator PageBuilder Korte uitleg van werkwijze en functies

Maat: px

Weergave met pagina beginnen:

Download "emscreator PageBuilder Korte uitleg van werkwijze en functies"

Albert de Veen
5 jaren geleden
Aantal bezoeken:

Inhoudsopgave: emscreator PageBuilder Korte uitleg van werkwijze en functies Starten van de PageBuilder Overzicht linker PageBuilder menu Overzicht rechter PageBuilder menu Modules, rijen en

1 Inhoudsopgave: emscreator PageBuilder Korte uitleg van werkwijze en functies Starten van de PageBuilder Overzicht linker PageBuilder menu Overzicht rechter PageBuilder menu Modules, rijen en templates toevoegen Werking (schema) PageBuilder Betekenis iconen rijen, kolommen en modules Opslaan van rijen en modules en hergebruiken Starten van de PageBuilder Om de PageBuilder te starten ga je via het WordPress dashboard naar het menu Pagina's Menu Pagina's Alle pagina's Dit is het overzicht van al je gemaakte pagina's, als je met de muis over een pagina heengaat verschijnt de knop emscreator. Ga aan de slag met de PageBuilder door hierop te klikken. Nieuwe pagina Hier maak je een nieuwe pagina voor je website aan. Geef de pagina een titel en eventueel (rechts) een categorie. Scrol naar beneden en bepaal de lay-out voor de pagina. Publiceer door op de blauwe knop rechts te drukken en start de PageBuilder door naast tekstverwerker op de knop emscreator te drukken. De PageBuilder start de eerste keer een korte introductie rondleiding over de werking. Wil je deze introductie opnieuw bekijken? Klik dan op de pijl in het menu linksboven (met de blauwe e), kies Hulp en dan Rondleiding starten. Linker PageBuilder menu

Overzicht linker PageBuilder menu Template opslaan sla je design op om te kunnen hergebruiken voor een andere (nieuwe) pagina Layout dupliceren Kopieer je design Layout voorbeeld Bekijk voorbeeld van

2 Overzicht linker PageBuilder menu Template opslaan sla je design op om te kunnen hergebruiken voor een andere (nieuwe) pagina Layout dupliceren Kopieer je design Layout voorbeeld Bekijk voorbeeld van je design Revisies Overzicht van de wijzigingen die zijn doorgevoerd Layout CSS en Javascript Voeg CSS en Javascript toe Algemene instellingen Wijzig standaardinstellingen van de PageBuilder Helderheid interface aanpassen Wijzig kleuren van de PageBuilder interface WordPress admin Terug naar WordPress pagina bewerken, dashboard, customizer of builder Hulp Rondleiding opnieuw starten, support en handleiding Sneltoetsen overzicht Overzicht rechter PageBuilder menu Klik in de PageBuilder op de + aan de rechterkant Door aan de rechterkant op de + te klikken, open je het PageBuilder menu om modules, rijen en templates toe te voegen aan je pagina's. Bovenin zijn 4 tabbladen te vinden. Via de pijl bij groep kun je naast basis en standaardmodules ook de geavanceerde emscreator Plus modules en WordPress widgets selecteren. Modules Apps en modules zoals, tekst, knoppen, video, sliders, contactformulier, maps, socials etc. Rijen Voeg rijen en kolommen toe en vul deze of kies pre-designed rijen (activeer via emscreator Plus, zie WordPress dashboard handleiding en uitleg hieronder) Templates Voeg pagina templates toe voor home, landing of inhoud pagina's. Voeg extra templates toe door deze via emscreator Plus te activeren (zie WordPress dashboard handleiding en uitleg hieronder) Bewaard Opgeslagen templates, rijen en modules vind je hier terug voor eenvoudig hergebruik De PageBuilder werkt op basis van klikken en slepen. Klik en Sleep wat je wilt naar je pagina en bewerk naar wens Extra informatie. Extra templates en modules activeren en toevoegen uit de bibliotheek: emscreator Plus (Dashboard menu: Weergave > emscreator Plus) Hier vind je de template bibliotheek met extra designs Kies uit meer dan 200+ designs voor homepages, landingspagina's, inhoud pagina's en activeer naar wens complete lay-outs voor rijen.

3 Selecteer het tabblad Page Templates of Row Templates Aan de rechterkant kun je eventueel filteren op onderwerp Klik op de blauwe knop om de gewenste module te activeren Je Page Templates die je activeert vind je terug in de PageBuilder onder Templates/PowerPack layouts Je Row Templates die je activeert vind je terug in de PageBuilder onder Rijen/PowerPack templates Als je klaar bent met het toevoegen en bewerken van geactiveerde emscreator Plus modules, adviseren wij deze weer te deactiveren. Dit heeft geen invloed op de weergave van jouw content. Je website hoeft deze modules echter niet meer te laden en houdt de website dus lekker snel. PageBuilder: modules, rijen en templates toevoegen Modules Sleep je een module naar je website dan plaatst de PageBuilder deze module en opent direct het instellingen venster. Alles wat voor die module in te stellen valt kun je in dit venster doen. Heb je bijvoorbeeld een tekstmodule geplaatst dan kun je lettertypes, groottes, kleuren etc. aanpassen. Plaats je een contactformulier, een slider of knop, dan kun je de specifieke instellingen die nodig zijn voor die module instellen. Als je een module toevoegt kun je de instellingen van die module direct bewerken Ben je klaar dan druk je op Opslaan en als je helemaal klaar bent op Klaar (rechtsboven) en Publiceren. Wil je de instellingen van een module opnieuw bewerken? Start emscreator, klik op het moersleuteltje van de module en het instellingen venster wordt weer voor je geopend. Via het pijltje bij groep kun je switchen tussen Standaard modules, WordPress widgets, emscreator Modules en door jou opgeslagen modules die je kunt hergebruiken op andere pagina's. Rijen Via het tabje Rijen kun je eenvoudig nieuwe rijen en kolommen toevoegen (lege, of gevulde uit de emscreator Plus bibliotheek). Heb je via emscreator Plus pre-designed rijen geactiveerd dan kun je deze via het pijltje bij groep terugvinden, onder het kopje PowerPack Templates. Onder het kopje Bewaard vind je je eigen opgeslagen rijen terug die je kunt hergebruiken op andere pagina's. Templates Via het tabje Templates kun je eenvoudig templates toevoegen. Heb je via emscreator Plus extra templates geactiveerd dan kun je deze via het pijltje bij groep selecteren. Deze verschijnen onder de noemer PowerPack Layouts. Onder het kopje Bewaard vind je je eigen opgeslagen rijen terug die je kunt hergebruiken op andere pagina's.

4 Beschrijving werking PageBuilder Een pagina (template) bestaat uit rijen, die je naar wens kunt verdelen in kolommen. Een kolom wordt gevuld met modules (tekst, knop, kopregel, foto, video etc) Je kunt in een kolom weer nieuwe rijen en kolommen plaatsen Zie het voorbeeld waarin we diverse rijen met verschillende hoeveelheden kolommen hebben toegevoegd. Voorbeeld van lege rijen en kolommen in emscreator Hierboven hebben we: 1 rij met 1 kolom toegevoegd 1 rij met 2 kolommen toegevoegd 1 rij met 2 kolommen toegevoegd in de linkerkolom hebben we vervolgens 2 rijen met 4 kolommen toegevoegd in de rechterkolom hebben we vervolgens 2 rijen met 2 kolommen toegevoegd In het voorbeeld zoals hierboven zouden we nu bijvoorbeeld: De module kopregel in de bovenste rij kunnen plaatsen Een tekstbewerker module in rij 2 (dus twee keer een kolom met tekst) Diverse afbeeldingen in de 3e rij links en in de rij rechts een overzicht van belangrijke diensten en informatie Dat zou er dan zo uit zien:

5 Betekenis iconen, rijen en kolommen RIJ iconen -Eerste icoon links (Verplaats icoon), klikken, ingedrukt houden en verplaatsen -Via de moersleutel wordt het instellingen venster geopend. Pas breedtes, kleuren en achtergronden aan van de RIJ of sla de rij op (opslaan als) -Kopieer RIJ -Rij acties: kolombreedtes in 1 keer terugzetten, rijbreedtes terugzetten -Verwijder rij KOLOM (Module) iconen -Eerste icoon links (Verplaats icoon), klikken, ingedrukt houden en verplaatsen -Via de moersleutel wordt het instellingen venster geopend van de module in de kolom of sla de module op -Kopieer KOLOM (en dus ook de module die je in die kolom hebt geplaatst) -Kolominstellingen: verplaatsen, kolominstellingen (Breedte, kleuren etc. van de kolom) kopiëren, verwijderen, breedte terugzetten -Verwijder kolom Als je met je muis over een kolom beweegt heb je aan de linker en rechterzijde twee bolletjes. Door deze aan te klikken vast te houden en te slepen, pas je eenvoudig de breedte aan van elke kolom (kan ook via instellingen zoals hierboven beschreven). PARENT Instellingen Omdat we in bovenstaand voorbeeld in de derde rij, de twee kolommen weer verder hebben onderverdeeld in 2 rijen met 4 kolommen geeft de PageBuilder een nieuwe optie: de parent (ouders) instellingen. Je opent de parent instellingen via de Kolom (module) instellingen, kolom bewerken, menu optie helemaal onderaan. Met de PARENT instellingen kun je de hele kolom in de 3e rij (met de 2 rijen van 4 kolommen dus) in zijn geheel bewerken, afzonderlijk van de RIJ en KOLOM instellingen. Opslaan van rijen en modules en hergebruiken Met emscreator kun je eigen bewerkte en/of gecreëerde rijen en modules opslaan om makkelijk te hergebruiken op andere of alle pagina's. Open via de moersleutel de instellingen van de rij of module die je wilt opslaan en klik op Opslaan als. Geef de rij of module een naam en je vind deze terug bij het tabje Bewaard. Als je tijdens het opslaan bij de dropdown Algemeen selecteert dan worden alle wijzigingen aan die rij of module zelfs in 1 keer doorgevoerd op alle pagina's waar die rij of module door jou is geplaatst. Je herkent een algemene rij of module aan de oranje kleur. In de filmpjes vind je meer terug over de werking van de PageBuilder. We raden je aan om lekker aan de slag te gaan en zelf uit te proberen. Veel bouwplezier!

Vergelijkbare documenten

WordPress Dashboard Korte uitleg van de menu's en instellingen

Inhoudsopgave: WordPress Dashboard Korte uitleg van de menu's en instellingen Dashboard Naar websitemenu Pagina's websitepagina's aanmaken, wijzigen en beheren Weergave menu's aanmaken, customizer starten,