Hoe Page Builder Sandwich te gebruiken

Page Builder Sandwich gebruiken

Page Builder Sandwich is niet zoals uw typische pagebuilder; het is ongecompliceerd en eenvoudig te gebruiken.

U kunt de video hieronder bekijken voor een korte rondleiding.

Waar is de editor?

Maak eerst een nieuwe pagina, bericht of CPT aan. Bezoek vervolgens uw nieuwe bericht of een bestaand bericht in uw frontend. PBS is 100% frontend, u hoeft niet te knutselen in de backend.

Er zou een knop “Page Builder Sandwich” bovenaan uw pagina moeten staan (in uw beheerbalk); klik daarop om te beginnen met bewerken. Het gebied voor tekstopmaak verschijnt aan de bovenkant en het paneel voor het toevoegen van elementen schuift aan de zijkant uit. Het inhoudsgebied van uw thema is nu uw editor!

U kunt met PBS alleen afzonderlijke pagina’s bewerken. U kunt geen overzicht van blogberichten of een 404-pagina bewerken, aangezien deze door uw thema worden gegenereerd. Berichten, pagina’s en aangepaste berichttypen zijn wel mogelijk.

Uw inhoud bewerken

En nu komt het geweldige deel.. zodra u zich in de frontend en in de editor bevindt, klikt u op een tekst in uw inhoud of klikt u in uw inhoudsgebied en begint u met typen! In tegenstelling tot andere pagebuilders stelt PBS u in staat om inhoud rechtstreeks te bewerken zonder via pop-upvensters te hoeven werken.

Uw inhoud opmaken / dingen er mooi uit laten zien

dcb1615380 file 9OtagMFi2c

Tijdens het bewerken wordt het gebied aan de bovenkant de tekstopmaakbalk genoemd. Deze balk bevat alle opmaakgereedschappen die u gebruikt voor het stylen van tekst, zoals: kleuren, vetgedrukt, cursief, uitlijningen, links toevoegen, opsommingstekens en meer. Beweeg de muisaanwijzer over elke knop om te ontdekken wat de functie doet.

Elementen toevoegen

ecfd309bb2 file yDqiNEv73s

Beweeg uw muisaanwijzer over de knop Elementen toevoegen linksboven in het scherm om het paneel voor elementen toevoegen weer te geven. U kunt uw muis ook gewoon naar de linkerkant van het scherm bewegen om het te laten verschijnen.

Om een element in te voegen, houdt u de muisknop erop ingedrukt en sleept u het naar uw inhoudsgebied. Het gebied waar het element geplaatst zal worden, wordt gemarkeerd. Laat uw muisknop los om het element te plaatsen.

Elementen stylen en aanpassen

Beweeg uw muisaanwijzer over een element in uw inhoud; er verschijnen dan kaders en werkbalken overheen.

0046713cb7 file YU6nUCc7jYU kunt met uw muis over de randen van de kaders bewegen om de marges tussen elementen te vergroten of te verkleinen.

U kunt ook op een knop op de werkbalk klikken om snelle acties op het element uit te voeren. Als u op het tandwiel-icoon op de werkbalk klikt, wordt de eigenschappeninspecteur geopend met meer opties.

5c220b4ac9 file Odem5RLPok

De eigenschappeninspecteur

3e7e48b754 file INy1v5z9Oz

De eigenschappeninspecteur geeft u meer controle over het uiterlijk van uw elementen. U kunt veel zaken toevoegen zoals schaduwen, animaties, kaartkleuren wijzigen, hoekafronding en nog veel meer.

U heeft ook toegang tot de eigenschappen van de bovenliggende elementen van een element. Als u bijvoorbeeld een afbeelding in een kolom heeft geplaatst en de eigenschappeninspecteur opent, heeft u toegang tot de eigenschappen van de afbeelding, de kolom waarin deze staat en de rij waarin de kolom staat.

De eigenschappeninspecteur bevat veel verschillende instellingen voor verschillende elementen, dus bekijk ze zeker allemaal.

Shortcodes gebruiken

Page Builder Sandwich toont u daadwerkelijke shortcodes in de frontend, en u kunt ze ook heel eenvoudig bewerken! 

edee730340 file TqfWB9yv3y

Als u uw shortcodes uit het hoofd kent, kunt u shortcodes invoegen door ze rechtstreeks in uw inhoud te typen. Maar als u ze niet allemaal uit uw hoofd kent (wie doet dat wel?), toont de inspecteur alle beschikbare shortcodes op uw site. Sleep een Shortcode-knop vanuit de inspecteur naar uw inhoudsgebied, zoek degene die u wilt invoegen en klik erop om deze in te voegen.

Shortcodes worden in de frontend omgezet in daadwerkelijke inhoud. Om ze te bewerken, kunt u ze selecteren en hun kenmerken in de inspecteur bekijken. Voor meer controle kunt u ook dubbelklikken op de shortcode om deze in ruwe vorm te bewerken. Na het bewerken wordt uw shortcode bijgewerkt om de wijzigingen weer te geven.

Uw inhoud herschikken

Met PBS kunt u alles aanklikken, verslepen en overal naartoe verplaatsen. Wanneer u iets versleept, beweegt u het over een ander element op de pagina; u kunt het zowel boven als onder andere inhoud plaatsen.

Uw werk opslaan

ae0cf6f413 file

Zodra u tevreden bent met uw ontwerp, klikt u gewoon op de knop Opslaan linksboven op uw pagina. Dat is alles!