A Page Builder Sandwich nem olyan, mint a megszokott weboldalépítők, egyszerű és könnyen használható.

Az alábbi videóban egy gyors áttekintést láthat.

Hol található a szerkesztő?

Először hozzon létre egy új oldalt, bejegyzést vagy egyedi bejegyzéstípust (CPT). Ezután nyissa meg az új bejegyzést vagy bármely meglévőt a weboldalon (frontend). A PBS 100%-ban frontend alapú, így nem kell a vezérlőpultban (backend) babrálnia.

Az oldal tetején (az adminsávban) látnia kell egy „Page Builder Sandwich” gombot, kattintson rá a szerkesztés megkezdéséhez. Látni fogja, ahogy a szövegformázási terület felülről, az elemek hozzáadása panel pedig oldalról ugrik elő. A sablon tartalmi területe mostantól a szerkesztője!

A PBS segítségével csak egyedi oldalakat szerkeszthet. Nem szerkeszthet blogbejegyzés-listákat vagy 404-es oldalt, mivel ezeket a sablon hozza létre. A bejegyzések, oldalak és egyedi bejegyzéstípusok megfelelnek.

Tartalom szerkesztése

És most jön a szuper rész… amint a frontend felületén és a szerkesztőben van, kattintson a tartalom bármelyik szövegére vagy a tartalmi területre, és kezdjen el gépelni! Más weboldalépítőkkel ellentétben a PBS lehetővé teszi a tartalom közvetlen szerkesztését anélkül, hogy felugró ablakokkal kellene bajlódnia.

Tartalom formázása / a dolgok csinosítása

Szerkesztés közben a felül található terület neve: Szövegformázó sáv. Ez a sáv tartalmazza az összes formázási eszközt, amelyet a szöveg stílusozásához fog használni, mint például: színek, félkövér, dőlt, igazítások, hivatkozások hozzáadása, felsorolásjelek és még sok más. Vigye az egeret az egyes gombok fölé, hogy megtudja, mire való az adott eszköz.

Elemek hozzáadása

Vigye az egeret a képernyő bal felső részén található Elemek hozzáadása gombra az Elem hozzáadása panel megjelenítéséhez. Egyszerűen a képernyő bal szélére is mozgathatja az egeret a megjelenítéshez.

Bármely elem beszúrásához tartsa lenyomva az egérgombot az elemen, majd húzza át a tartalmi területre. Az a terület, ahová az elem kerülne, kiemelésre kerül. Engedje fel az egérgombot az elem elhelyezéséhez.

Elemek stílusozása és módosítása

Vigye az egeret a tartalomban található bármely elem fölé, és körvonalak, valamint eszköztárak fognak megjelenni rajtuk.

Az egeret a körvonalak szélei fölé vive növelheti/csökkentheti az elemek közötti margókat.

Az eszköztár egy-egy gombjára kattintva gyorsműveleteket is végezhet az elemen. Az eszköztáron található fogaskerék ikonra kattintva megnyithatja a Tulajdonság-ellenőrzőt, amely további beállításokat tartalmaz.

A Tulajdonság-ellenőrző

A tulajdonság-ellenőrző nagyobb kontrollt biztosít az elemek megjelenése felett. Számos dolgot hozzáadhat, például árnyékokat, animációkat, módosíthatja a térképek színeit, a lekerekítéseket és még sok minden mást.

Hozzáférhet az elem szülőelemeinek tulajdonságaihoz is. Ha például elhelyezett egy képet egy hasábban, és megnyitotta a tulajdonság-ellenőrzőt, elérheti a kép, a képet tartalmazó hasáb, valamint a hasábot tartalmazó sor tulajdonságait is.

A tulajdonság-ellenőrző rengeteg különféle beállítást tartalmaz a különféle elemekhez, így mindenképpen érdemes mindet átnézni.

Shortcode-ok használata

A Page Builder Sandwich a tényleges shortcode-okat jeleníti meg a frontend oldalon, és egyszerűen szerkesztheti is őket! 

Ha fejből tudja a shortcode-okat, beillesztheti őket úgy is, hogy közvetlenül a tartalomba gépeli be azokat. De ha nem tudja mindet fejből (ugyan ki tudja?), az ellenőrző felsorolja az összes, a webhelyén elérhető shortcode-ot. Húzzon egy Shortcode gombot az ellenőrzőből a tartalmi területre, keresse meg a beilleszteni kívántat, és kattintson rá a beszúráshoz.

A shortcode-ok valós tartalomként jelennek meg a frontend felületen; a szerkesztésükhöz kijelölheti őket, és megnézheti az attribútumaikat az ellenőrzőben. Vagy ha még nagyobb kontrollt szeretne, kattintson duplán a shortcode-ra a nyers formában való szerkesztéshez. A módosítások elvégzése után a shortcode frissül a változtatásoknak megfelelően.

Tartalom átrendezése

A PBS segítségével bármit megfoghat, áthúzhat és bárhová áthelyezhet. Amikor áthúz valamit, mozgassa egy másik elem fölé az oldalon – bármely más tartalom fölé vagy alá is helyezheti őket.

A munka mentése

Ha elégedett a megjelenéssel, egyszerűen kattintson a mentés gombra az oldal bal felső részén. Ennyi az egész!