Ten artykuł stanowi krótkie podsumowanie działania Page Builder Sandwich i ma być wprowadzeniem dla tych, którzy chcą dowiedzieć się, jak nasz kreator stron integruje się z różnymi elementami WordPressa. Nie będę się zagłębiać w poszczególne funkcje Page Builder Sandwich – jeśli Cię interesują, przejdź na naszą stronę z filmami, gdzie prezentujemy każdą funkcję z osobna w krótkich screencastach.
Jeśli chcesz dowiedzieć się, czym Page Builder Sandwich różni się od innych kreatorów stron dostępnych na rynku, sprawdź nasz artykuł How Page Builder Sandwich Is Different from the Rest.
Gdzie się znajduje? I co można za jego pomocą edytować?
W przeciwieństwie do wielu innych kreatorów stron, Page Builder Sandwich działa bezpośrednio w warstwie wizualnej (front-end) Twojej witryny. Jeśli jesteś w panelu administracyjnym (back-end), udostępniliśmy przycisk „Frontend” obok przycisków edytora treści, który przeniesie Cię na stronę główną lub do podglądu witryny.
Page Builder Sandwich pozwala na edycję wpisów, stron oraz własnych typów wpisów (custom post types). Nie umożliwia jednak bezpośredniej edycji zbiorczych wpisów blogowych na stronie głównej ani innych obszarów witryny innych niż pojedyncze wpisy czy strony. Pomyśl o tym w ten sposób: jeśli to, co chcesz edytować, ma edytor treści w panelu administracyjnym (jak „Dodaj nowy wpis” i „Dodaj nową stronę”), możesz użyć Page Builder Sandwich. Możesz edytować poszczególne strony i wpisy na blogu, a jeśli na przykład masz wtyczkę wprowadzającą menu restauracji lub elementy portfolio, je również możesz edytować.
Będąc na front-endzie, na Twoim pasku administratora umieściliśmy niebieski przycisk „Edit with Page Builder Sandwich”. Wystarczy go kliknąć, aby rozpocząć edycję strony.
Bezpośrednia edycja treści
Dzięki Page Builder Sandwich sprawiliśmy, że edycja treści jest tak prosta i bezproblemowa, jak to tylko możliwe. Edycja treści jest intuicyjna i nieskomplikowana – po prostu kliknij i pisz. To takie proste.
Przedstawiamy inspektora
Zauważyliśmy, że wiele kreatorów stron korzysta z mnóstwa wyskakujących okienek (pop-upów). Osobiście nie lubię wyskakujących okienek, ponieważ rozpraszają uwagę i w zasadzie mówią: „hej, przerwij to, co robisz, dopóki nie wypełnisz tych pól”. Zaburzają płynność procesu edycji, który w przeciwnym razie byłby bardzo sprawny. Z tego powodu całkowicie zminimalizowaliśmy użycie wyskakujących okienek i zamiast tego stworzyliśmy inspektora.
Inspektor to panel boczny zawierający wszystkie narzędzia do formatowania i układania treści, jakich kiedykolwiek będziesz potrzebować. Inspektor może być zadokowany po lewej lub prawej stronie ekranu, dzięki czemu z łatwością widzisz to, co edytujesz.
Z poziomu inspektora możesz dostosowywać różne właściwości tekstu, takie jak nagłówki, rozmiary czcionek, pogrubienie, kursywa, kolory tekstu i wiele więcej. Poza tym pozwala on na dodawanie obrazów oraz tworzenie wierszy lub układów kolumnowych. Umożliwia również bardziej zaawansowaną edycję, taką jak dopasowywanie wierszy do pełnej szerokości strony, zmiana kolorów tła wierszy i kolumn, pionowe wyrównanie treści, a także marginesy i tła. To potężne narzędzie i przekonasz się, że korzystasz z niego przez większość czasu.
Integracja z motywami WordPressa
Page Builder Sandwich ze swej natury nie zawiera niemal żadnych własnych stylów. Kiedy edytujesz treść, style, które widzisz, opierają się głównie na Twoim motywie.
Integracja ze shortcode’ami
Shortcode’y to ważny element WordPressa i najprawdopodobniej będziesz korzystać z wielu z nich w swojej witrynie. Page Builder Sandwich świetnie sobie z nimi radzi – Twoje shortcode’y są renderowane bezpośrednio na front-endzie. Pozostają one również w pełni edytowalne, a najlepsze jest to, że po ich edycji zostaną ponownie wyrenderowane wraz z wprowadzonymi zmianami.
Dla wygody możesz edytować swoje shortcode’y za pomocą inspektora. Jeśli potrzebujesz większej kontroli, możesz także kliknąć dwukrotnie na shortcode, aby edytować go w postaci surowego kodu. Ponadto wszystkie shortcode’y dostępne w Twojej witrynie są wyświetlane na liście w inspektorze, co ułatwia ich wstawianie do treści.
A co ze zbędnym obciążeniem strony?
Kto lubi wolne strony internetowe? Na pewno nie my i z pewnością nie Ty. Zadbaliśmy o to, aby Page Builder Sandwich miał praktycznie zerowy wpływ na wydajność Twojej witryny. Dla niezalogowanych użytkowników wczytywane są jedynie podstawowe style CSS wierszy i kolumn oraz niezbędne skrypty JS i CSS dla użytych przez Ciebie shortcode’ów.
Dla programistów
Jeśli jesteś programistą i masz shortcode’y w swoich wtyczkach do WordPressa, Page Builder Sandwich udostępnia Shortcode API, dzięki czemu możesz z łatwością zaoferować swoim klientom pola umożliwiające łatwe tworzenie i modyfikowanie shortcode’ów.
Jeśli chcesz jeszcze bardziej rozszerzyć możliwości lub zintegrować się z wybranymi elementami Page Builder Sandwich, oferujemy również zestaw przydatnych akcji i filtrów (hooks), z których możesz skorzystać.