Page Builder Sandwich to nie jest zwykły kreator stron – jest nieskomplikowany i prosty w użyciu.
Poniżej możesz obejrzeć film z krótką prezentacją.
Gdzie jest edytor?
Najpierw utwórz nową stronę, wpis lub CPT. Następnie odwiedź swój nowy wpis lub dowolny istniejący od strony frontendu. PBS działa w 100% na frontendzie, więc nie musisz manipulować w panelu administracyjnym.
U góry 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ć tylko pojedyncze podstrony. 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 są obsługiwane.
Edycja treści
A teraz najlepsza część… kiedy jesteś już na frontendzie wewnątrz edytora, kliknij dowolny tekst w treści lub kliknij wewnątrz obszaru zawartości i zacznij pisać! W przeciwieństwie do innych kreatorów stron, PBS pozwala na bezpośrednią edycję treści bez konieczności korzystania z wyskakujących okien dialogowych.
Formatowanie treści / Nadawanie estetycznego wyglądu
Podczas edycji obszar u góry nazywany jest Paskiem formatowania tekstu. Pasek ten zawiera wszystkie narzędzia formatowania służące do stylowania tekstu, takie jak: kolory, pogrubienie, kursywa, wyrównanie, dodawanie linków, punktory 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 do lewej krawędzi ekranu, aby się pojawił.
Aby wstawić dowolny element, przytrzymaj na nim przycisk myszy, a następnie przeciągnij go do obszaru treści. Miejsce, w którym element zostanie umieszczony, zostanie podświetlone. Puść przycisk myszy, aby upuścić element.
Stylowanie 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 myszy na krawędzie obrysów, aby zwiększyć lub zmniejszyć marginesy między elementami.
Możesz także kliknąć przycisk na pasku narzędzi, aby wykonać szybkie akcje na 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, zmiana kolorów mapy, zaokrąglenie rogów i wiele innych.
Masz również dostęp do właściwości elementów nadrzędnych. Na przykład, jeśli umieścisz obraz wewnątrz kolumny i otworzysz inspektor właściwości, uzyskasz dostęp do właściwości obrazu, kolumny, w której się znajduje, oraz wiersza zawierającego tę kolumnę.
Inspektor właściwości zawiera mnóstwo różnych ustawień dla poszczególnych elementów, więc koniecznie sprawdź je wszystkie.
Używanie shortcode’ów
Page Builder Sandwich wyświetla rzeczywiste shortcode’y na frontendzie i pozwala na ich łatwą edycję!
Jeśli pamiętasz swoje shortcode’y na pamięć, możesz wstawiać je, wpisując je bezpośrednio w treści. Ale jeśli ich nie pamiętasz (kto by to robił?), inspektor wyświetla listę wszystkich shortcode’ów dostępnych w Twojej witrynie. Przeciągnij przycisk Shortcode z inspektora do obszaru treści, znajdź ten, który chcesz wstawić, i kliknij go, aby go dodać.
Shortcode’y są renderowane do rzeczywistej zawartości 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ę, odzwierciedlając edycję.
Zmienianie kolejności treści
Dzięki PBS możesz kliknąć i przeciągnąć dowolny element w dowolne miejsce. Kiedy coś przeciągasz, przesuń to nad inny element na stronie – możesz przenieść go powyżej lub poniżej dowolnej innej zawartości.
Zapisywanie pracy
Gdy będziesz zadowolony ze swojego projektu, po prostu kliknij przycisk zapisu w lewym górnym rogu strony. To wszystko!