Page Builder Sandwich nie jest jak typowy kreator stron – jest nieskomplikowany i prosty w użyciu.

Możesz obejrzeć poniższy film, aby odbyć szybki przegląd.

Gdzie jest edytor?

Najpierw utwórz nową stronę, wpis lub CPT. Następnie przejdź do nowego wpisu lub dowolnego istniejącego w witrynie od strony frontendu. PBS działa w 100% na frontendzie, więc nie musisz manipulować w panelu administracyjnym (backendzie).

Na górze strony (na pasku administratora) powinien znajdować się przycisk „Page Builder Sandwich” – kliknij go, aby rozpocząć edycję. Z góry powinien wysunąć się obszar formatowania tekstu, a z boku panel dodawania elementów. Obszar zawartości Twojego motywu jest teraz Twoim edytorem!

Za pomocą PBS można edytować wyłącznie pojedyncze strony. Nie można edytować listy wpisów na blogu ani strony błędu 404, ponieważ są one generowane przez Twój motyw. Wpisy, strony i niestandardowe typy wpisów (CPT) są obsługiwane.

Edytowanie treści

A teraz najlepsza część… gdy jesteś na frontendzie i wewnątrz edytora, kliknij dowolny tekst w swojej treści lub kliknij wewnątrz obszaru zawartości i zacznij pisać! W przeciwieństwie do innych kreatorów stron, PBS pozwala bezpośrednio edytować treść bez konieczności przechodzenia przez wyskakujące okienka dialogowe.

Formatowanie treści / Upiększanie wyglądu

Podczas edycji obszar na samej górze to Pasek formatowania tekstu. Ten pasek zawiera wszystkie narzędzia formatowania, których użyjesz do stylizowania tekstu, takie jak: kolory, pogrubienie, kursywa, wyrównanie, dodawanie linków, punktorów i inne. Najedź kursorem na każdy przycisk, aby dowiedzieć się, do czego służy dane narzędzie.

Dodawanie elementów

Najedź kursorem myszy na przycisk Dodaj elementy w lewym górnym rogu ekranu, aby wyświetlić Panel dodawania elementów. Możesz także po prostu przesunąć kursor myszy do lewej krawędzi ekranu, aby go pokazać.

Aby wstawić dowolny element, przytrzymaj na nim przycisk myszy, a następnie przeciągnij go do obszaru zawartości. Miejsce, w którym zostanie umieszczony element, zostanie podświetlone. Zwolnij przycisk myszy, aby umieścić element.

Stylizowanie i modyfikowanie elementów

Najedź kursorem myszy na dowolny element w swojej treści, a pojawią się nad nim obrysy oraz paski narzędzi.

Możesz najechać kursorem na krawędzie obrysów, aby zwiększyć/zmniejszyć marginesy między elementami.

Możesz także kliknąć przycisk na pasku narzędzi, aby wykonać szybkie akcje na danym elemencie. Kliknięcie ikony koła zębatego na pasku narzędzi otworzy Inspektor właściwości, który zawiera więcej opcji.

Inspektor właściwości

Inspektor właściwości daje większą kontrolę nad wyglądem elementów. Możesz dodać wiele rzeczy, takich jak cienie, animacje, zmieniać kolory mapy, promień obramowania i wiele więcej.

Możesz również uzyskać dostęp do właściwości elementów nadrzędnych danego elementu. Na przykład, jeśli umieścisz obraz wewnątrz kolumny i otworzysz inspektor właściwości, będziesz mieć dostęp do właściwości obrazu, kolumny, w której się znajduje, oraz wiersza, w którym zawarta jest kolumna.

Inspektor właściwości zawiera mnóstwo różnych ustawień dla różnych elementów, więc koniecznie przejrzyj je wszystkie.

Używanie shortcode’ów

Page Builder Sandwich wyświetla rzeczywiste shortcode’y na frontendzie i możesz je również łatwo edytować!

Jeśli znasz swoje shortcode’y na pamięć, możesz je wstawiać, wpisując je bezpośrednio w treści. Jeśli jednak ich nie pamiętasz (kto by pamiętał?), inspektor zawiera listę wszystkich shortcode’ów dostępnych w Twojej witrynie. Przeciągnij przycisk Shortcode z inspektora do obszaru zawartości i znajdź ten, który chcesz wstawić, a następnie kliknij go, aby go dodać.

Shortcode’y są renderowane jako rzeczywista treść na frontendzie – aby je edytować, możesz je zaznaczyć i sprawdzić ich atrybuty w inspektorze. W celu uzyskania większej kontroli możesz kliknąć dwukrotnie na dany shortcode, aby edytować go w postaci surowej. Po wprowadzeniu zmian shortcode zaktualizuje się, aby odzwierciedlić modyfikacje.

Zmienianie kolejności treści

W PBS możesz kliknąć i przeciągnąć cokolwiek i przenieść to w dowolne miejsce. Kiedy coś przeciągasz, przesuń to nad inny element na stronie – możesz umieścić obiekt powyżej lub poniżej dowolnej innej zawartości.

Zapisywanie pracy

Gdy uznasz, że projekt jest gotowy, po prostu kliknij przycisk zapisu w lewym górnym rogu strony. To wszystko!