Hogyan használd a Page Builder Sandwich-et

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

Egy gyors bemutatóért tekintse meg az alábbi videót.

Hol van a szerkesztő?

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

Az oldal tetején (az admin sávban) kell lennie egy „Page Builder Sandwich” gombnak, a szerkesztés megkezdéséhez kattintson rá. Ekkor látnia kell, hogy a szövegformázási terület felülről, az elemek hozzáadása panel pedig oldalról előugrik. A témája tartalomterülete mostantól a szerkesztője!

A PBS segítségével csak egyedi oldalakat szerkeszthet. Nem szerkeszthet blogbejegyzés-listát vagy 404-es oldalt, mivel ezeket a sablonja hozza létre. A bejegyzések, oldalak és egyéni bejegyzéstípusok szerkeszthetők.

A tartalom szerkesztése

És most jön a fantasztikus rész.. amint a frontend felületen van és a szerkesztőben, kattintson a tartalom bármelyik szövegére, vagy kattintson a tartalomterületre, és kezdjen el gépelni! Más oldalépítőkkel ellentétben a PBS lehetővé teszi a tartalom közvetlen szerkesztését anélkül, hogy felugró párbeszédpaneleken kellene átmennie.

A tartalom formázása / a dolgok csinosítása

dcb1615380 file 9OtagMFi2c

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

Elemek hozzáadása

ecfd309bb2 file yDqiNEv73s

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

Bármely elem beszúrásához tartsa lenyomva az egérgombot rajta, majd húzza be a tartalomterületre. Az a terület, ahová az elem elhelyezésre kerül, kiemeltté válik. Az elem elhelyezéséhez engedje fel az egérgombot.

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

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

0046713cb7 file YU6nUCc7jYAz elemek közötti margók növeléséhez/csökkentéséhez vigye az egeret a körvonalak szélei fölé.

Az eszköztár egyik gombjára kattintva gyors műveleteket is végezhet az elemen. Az eszköztáron lévő fogaskerék ikonra kattintva megnyílik a Tulajdonság-ellenőrző, amely további lehetőségeket tartalmaz.

5c220b4ac9 file Odem5RLPok

A Tulajdonság-ellenőrző

3e7e48b754 file INy1v5z9Oz

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

Hozzáférhet az elem szülőelemeinek tulajdonságaihoz is. Ha például egy képet egy hasábba helyezett, és megnyitotta a tulajdonság-ellenőrzőt, akkor hozzáférhet a kép, az azt tartalmazó hasáb és a hasábot tartalmazó sor tulajdonságaihoz.

A tulajdonság-ellenőrző rengeteg különféle beállítást tartalmaz a különböző elemekhez, ezért feltétlenül nézze meg mindet.

Shortcode-ok használata

A Page Builder Sandwich a tényleges shortcode-okat jeleníti meg a frontend oldalon, és ezeket könnyedén szerkesztheti is!

edee730340 file TqfWB9yv3y

Ha megjegyezte a shortcode-jait, közvetlenül a tartalomba gépelve is beszúrhatja őket. De ha nem memorizálta mindet (ki tenne ilyet?), az ellenőrző felsorolja a webhelyén elérhető összes shortcode-ot. Húzzon egy Shortcode gombot az ellenőrzőből a tartalomterületre, keresse meg a beszúrni kívánt elemet, és kattintson rá a beszúráshoz.

A shortcode-ok valós tartalommá alakulnak a frontend oldalon; a szerkesztésükhöz jelölje ki őket, és nézze meg az attribútumaikat az ellenőrzőben. Vagy a nagyobb irányítás érdekében kattintson duplán a shortcode-ra a nyers formában történő szerkesztéshez. A módosítások elvégzése után a shortcode frissülni fog, hogy tükrözze a változtatásokat.

A tartalom átrendezése

A PBS segítségével bármit megfoghat, elhúzhat és bárhová áthelyezhet. Amikor elhúz valamit, vigye egy másik elem fölé az oldalon, és áthelyezheti bármely más tartalom fölé vagy alá.

Munkájának mentése

ae0cf6f413 file

Ha elégedett a dizájnnal, egyszerűen kattintson a mentés gombra az oldal bal felső sarkában. Ennyi az egész!