Page Builder Sandwich není jako běžný page builder, je přímočarý a snadno se používá.
Níže se můžete podívat na video s rychlou ukázkou.
Kde je editor?
Nejprve vytvořte novou stránku, příspěvek nebo CPT. Poté navštivte svůj nový nebo libovolný stávající příspěvek na frontendu. PBS funguje stoprocentně na frontendu, takže nemusíte nic nastavovat v administraci.
V horní části stránky (na liště administrace) by se mělo zobrazit tlačítko „Page Builder Sandwich“. Kliknutím na něj zahájíte úpravy. Shora by se měla vysunout oblast formátování textu a ze strany panel pro přidávání prvků. Oblast obsahu vaší šablony se nyní stala vaším editorem!
Pomocí PBS můžete upravovat pouze jednotlivé stránky. Nelze upravovat výpis blogových příspěvků ani stránku 404, protože ty jsou generovány vaší šablonou. Příspěvky, stránky a vlastní typy obsahu jsou v pořádku.
Úprava obsahu
A teď přichází ta skvělá část… jakmile jste na frontendu a v editoru, klikněte na jakýkoli text v obsahu nebo klikněte do oblasti obsahu a začněte psát! Na rozdíl od jiných nástrojů pro tvorbu stránek vám PBS umožňuje upravovat obsah přímo, aniž byste museli procházet vyskakovací dialogová okna.
Formátování obsahu / Jak dosáhnout skvělého vzhledu
Horní oblast při úpravách se nazývá Panel formátování textu. Tento panel obsahuje všechny formátovací nástroje, které budete používat pro úpravu stylu textu, jako jsou: barvy, tučné písmo, kurzíva, zarovnání, přidávání odkazů, odrážky a další. Přejetím kurzorem myši přes jednotlivá tlačítka zjistíte, k čemu daný nástroj slouží.
Přidávání prvků
Přejeďte myší přes tlačítko Přidat prvky v levé horní části obrazovky, čímž zobrazíte Panel přidání prvků. Můžete také jednoduše posunout myš k levému okraji obrazovky, aby se zobrazil.
Chcete-li vložit libovolný prvek, podržte na něm tlačítko myši a přetáhněte jej do oblasti obsahu. Místo, kam bude prvek umístěn, se zvýrazní. Uvolněním tlačítka myši prvek umístíte.
Stylování a úprava prvků
Přejeďte myší přes jakýkoli prvek v obsahu a zobrazí se kolem něj obrysy a panely nástrojů.
Najetím myší na okraje obrysů můžete zvětšovat nebo zmenšovat mezery mezi prvky.
Kliknutím na tlačítko na panelu nástrojů můžete také provádět rychlé akce s daným prvkem. Kliknutím na ikonu ozubeného kola na panelu nástrojů otevřete Inspektor vlastností, který obsahuje další možnosti.
Inspektor vlastností
Inspektor vlastností vám dává větší kontrolu nad vzhledem prvků. Můžete přidávat mnoho věcí, jako jsou stíny, animace, měnit barvy map, zaoblení rohů a mnoho dalšího.
Můžete také přistupovat k vlastnostem nadřazených prvků. Pokud například umístíte obrázek do sloupce a otevřete inspektor vlastností, získáte přístup k vlastnostem obrázku, sloupce, v němž se nachází, i řádku, který sloupec obsahuje.
Inspektor vlastností obsahuje spoustu různých nastavení pro různé prvky, proto si je určitě všechny projděte.
Používání shortcodů
Page Builder Sandwich zobrazuje skutečné shortcody přímo na frontendu a vy je můžete také snadno upravovat!
Pokud si své shortcody pamatujete zpaměti, můžete je vložit přímým vepsáním do obsahu. Pokud si je ale všechny nepamatujete (kdo by si je také pamatoval?), inspektor nabízí seznam všech shortcodů dostupných na vašem webu. Přetáhněte tlačítko Shortcode z inspektoru do oblasti obsahu, vyhledejte ten, který chcete vložit, a kliknutím jej vložte.
Shortcody se na frontendu vykreslují do skutečného obsahu. Chcete-li je upravit, můžete je vybrat a prohlédnout si jejich atributy v inspektoru. Nebo pro větší kontrolu můžete na shortcode dvakrát kliknout a upravit jej v původní textové podobě. Po dokončení úprav se shortcode aktualizuje tak, aby odrážel provedené změny.
Přeuspořádání obsahu
V PBS můžete kliknout na cokoli, přetáhnout to a přesunout kamkoli. Když něco táhnete, přesuňte to nad jiný prvek na stránce – můžete věci umístit buď nad, nebo pod jakýkoli jiný obsah.
Uložení práce
Jakmile budete se svým návrhem spokojeni, stačí kliknout na tlačítko pro uložení v levém horním rohu stránky. To je vše!