Page Builder Sandwich není jako váš typický nástroj pro tvorbu stránek – 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ý příspěvek nebo jakýkoli existující na frontendu. PBS funguje 100% na frontendu, takže nemusíte nic nastavovat v administraci.

V horní části stránky (v administrační liště) by mělo být tlačítko „Page Builder Sandwich“. Kliknutím na něj zahájíte úpravy. Měla by se vám shora vysunout oblast formátování textu a z boku panel pro přidávání prvků. Oblast obsahu vaší šablony je nyní vaším editorem!

V PBS můžete upravovat pouze jednotlivé stránky. Nelze upravovat výpis příspěvků na blogu ani chybovou stránku 404, protože ty jsou generovány vaší šablonou. Příspěvky, stránky a vlastní typy příspěvků (CPT) upravovat lze.

Ú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 / Vylepšení vzhledu

Během úprav se oblast v horní části 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ší. Najeďte myší na jednotlivá tlačítka a zjistíte, k čemu daný nástroj slouží.

Přidávání prvků

Najeďte myší na tlačítko Přidat prvky v levém horním rohu obrazovky a zobrazí se Panel pro přidává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ů

Najeďte myší na libovolný prvek, který máte v obsahu, a zobrazí se kolem něj obrysy a panely nástrojů.

Najetím myší na okraje obrysů můžete zvětšovat/zmenšovat mezery mezi prvky.

Můžete také kliknout na tlačítko na panelu nástrojů a provést 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 vašich prvků. Můžete přidat spoustu věcí, jako jsou stíny, animace, změna barev mapy, 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í, můžete přistupovat k vlastnostem obrázku, sloupce, ve kterém je obsažen, i řádku, který sloupec obsahuje.

Inspektor vlastností obsahuje mnoho různých nastavení pro různé prvky, takže si je určitě všechny projděte.

Používání shortcodů

Page Builder Sandwich vám zobrazuje skutečné shortcody přímo na frontendu a můžete je 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 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í jako skutečný obsah. 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 surové podobě. Po dokončení úprav se shortcode aktualizuje, aby odrážel provedené změny.

Přesouvání obsahu

V PBS můžete kliknout na cokoliv, 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 to posunout buď nad, nebo pod jakýkoli jiný obsah.

Uložení práce

Jakmile jste s návrhem spokojeni, stačí kliknout na tlačítko Uložit v levém horním rohu stránky. To je vše!