Istnieją dziesiątki najróżniejszych page builderów, więc zapewne zadajesz sobie pytanie: co takiego wyjątkowego jest w Page Builder Sandwich? Dlaczego w ogóle warto zawracać sobie nim głowę, jeśli masz już jakiś pod ręką?
W tym artykule wymienię kilka kluczowych funkcji Page Builder Sandwich, które czynią go wyjątkowym i absolutnie niezbędnym narzędziem zarówno dla twórców treści, jak i projektantów. Jeśli nie wiesz, czym jest page builder i dlaczego go potrzebujesz, nie martw się, mamy materiały, które mogą Ci pomóc.
1. Nie zobaczysz tylko wizualnej reprezentacji swoich treści – widzisz i edytujesz rzeczywistą zawartość
W innych narzędziach typu page builder widzisz obszary, które jedynie reprezentują Twoje treści. Rozmieszczasz zawartość głównie za pomocą bloków i prostokątnych kształtów, a wynik przypomina raczej szkielet pokazujący, jak Twoje treści będą docelowo wyglądać na stronie. Prowadzi to do ciągłego klikania przycisku podglądu, tylko po to, aby sprawdzić efekt końcowy.
Dzięki Page Builder Sandwich cała edycja odbywa się bezpośrednio na Twojej stronie (frontendzie) i edytujesz zawartość wprost na niej, uzyskując prawdziwe doświadczenie typu „to, co widzisz, jest tym, co otrzymujesz”.
2. Szybka i łatwa bezpośrednia edycja bez tych wszystkich irytujących wyskakujących okienek
Wyskakujące okna (pop-upy) stały się stałym elementem page builderów. W większości z nich, jeśli chcesz cokolwiek edytować w układzie strony – czy to nagłówek, etykietę przycisku, czy krótki tekst podtytułu – musisz najpierw poczekać, aż otworzy się okno dialogowe, i dokonać w nim zmian.
Naszym celem było zminimalizowanie użycia wyskakujących okien w całym Page Builder Sandwich. Dzięki ich usunięciu edycja dowolnych treści stała się łatwiejsza i bardziej płynna niż kiedykolwiek.
Edycja odbywa się w prosty sposób – kliknij tekst, aby umieścić w nim kursor, i po prostu zacznij pisać. Nie musisz już czekać na okno dialogowe z edytorem TinyMCE, aby rozpocząć edycję. Co najlepsze, nadal możesz swobodnie przeciągać i upuszczać swoje elementy.
Kolejną innowacją, która ułatwia bezproblemową edycję, jest zawsze dostępny inspektor. Inspektor służy jako Twój przybornik i edytor właściwości. Narzędzia do formatowania treści: kolory tekstu, nagłówki, dostosowywanie rozmiaru czcionki, marginesy zewnętrzne i wewnętrzne (paddings), obramowania, cytaty blokowe i wiele innych są dostępne na wyciągnięcie ręki za pomocą prostego kliknięcia.
3. Ponowne wykorzystanie funkcjonalności WordPressa
Kolejną rzeczą, którą zauważyliśmy w innych page builderach, jest to, że często wymyślają koło na nowo. Niektóre wdrażają własne próbniki kolorów, narzędzia do przesyłania obrazów, kreatory galerii i różne inne narzędzia. Samo w sobie nie ma w tym nic złego, ale WordPress jest prawdziwą skarbnicą fragmentów kodu, więc dlaczego z nich nie skorzystać?
WordPress to potężna i wspaniała platforma, zawierająca mnóstwo świetnych narzędzi stworzonych przez rzesze znakomitych współtwórców. Page Builder Sandwich w jak największym stopniu wykorzystuje funkcjonalności, które są już wbudowane w WordPressa.
Zamiast tworzyć własny próbnik kolorów, korzystamy z próbnika Iris. Zamiast własnego narzędzia do przesyłania obrazów, używamy menedżera multimediów. Do tego dochodzą backbonejs, underscorejs, wp.hooks i wp.shortcode, by wymienić tylko kilka przydatnych skryptów. Korzystamy z nich wszystkich, co ułatwiło nam pracę i przełożyło się na bardziej stabilną bazę kodu.
Ponowne wykorzystanie funkcji WordPressa przyniosło także kilka wspaniałych niespodzianek. Na przykład, skoro do wstawiania obrazów użyliśmy menedżera multimediów, miłym zaskoczeniem było to, że od razu mogliśmy obsługiwać galerie WordPressa, listy odtwarzania wideo i audio oraz zdalne adresy URL bez dodatkowego wysiłku. Mogliśmy również po prostu użyć menedżera multimediów do edycji obrazów, co wyeliminowało godziny niepotrzebnych problemów programistycznych.
4. Nawigacja klawiaturą i skróty klawiszowe
W innych page builderach Twoim przyjacielem jest mysz. Przeciągasz i upuszczasz nią elementy oraz klikasz dwukrotnie, aby je edytować. Jednak klawiatura jest często pomijana.
Na przykład w niektórych edytorach nie można łatwo edytować tekstu o jeden akapit/sekcję wyżej niż miejsce bieżącej edycji, ponieważ trzeba zamknąć jedno okno dialogowe i kliknąć w kolejne. W Page Builder Sandwich możesz poruszać się za pomocą klawiatury. Użyj klawiszy strzałek, aby przemieszczać się między treściami – działa to nawet wtedy, gdy pozostała treść jest schowana w innym wierszu lub kolumnie.
Kolejną ważną funkcją są skróty klawiszowe cofania i ponawiania. Na początku mogą nie wydawać się niczym wielkim, ale pomyśl o tym: co jeśli przypadkowo przeciągniesz i upuścisz treść w złym miejscu? W niektórych page builderach musisz przeciągnąć ją z powrotem na pierwotną pozycję. W Page Builder Sandwich działają zarówno opcja „cofnij”, jak i „ponów”. Niezależnie od tego, czy chcesz poprawić wpisany tekst, czy przywrócić przeciągniętą zawartość (lub wiele przeciągniętych elementów), po prostu naciśnij cofnij lub ponów. Cofanie i ponawianie działa dla przeciąganych treści, a nawet zmian właściwości, takich jak rozmiary czcionek i marginesy wewnętrzne wierszy. Czyni je to potężnymi narzędziami w Twoim arsenale edycyjnym.
5. Prawdziwy frontendowy page builder – bardziej relaksująca i bezproblemowa edycja
Naszym założeniem podczas prac rozwojowych było to, że edycja na frontendzie nie powinna sprawiać wrażenia, jakby nadal korzystało się z narzędzi backendowych. Użytkownik nie powinien czuć, że kreator powstał początkowo dla panelu administracyjnego, a dopiero później został przeniesiony na frontend.
Podsumowując, dla mnie głównym wyróżnikiem Page Builder Sandwich jest fakt, że stworzyliśmy go z myślą o byciu „prawdziwym” frontendowym kreatorem stron – świeżym spojrzeniem na to, jak powinna wyglądać edycja bezpośrednio na stronie.