Czy można stworzyć stronę lub sklep z użyciem platformy WordPress nie pisząc ani jednej (lub niewiele) linijki kodu? Można! W tym poście postaram się krok po kroku jakie obecnie na rynku istnieją możliwości w tym zakresie.
Zanim jednak to zrobię chciałem od razu na samym początku zaznaczyć że nie będę tutaj próbował na siłę udowadniać że ta metoda jest lepsza czy dobra dla każdego. Zdanie mam jedno – najlepiej robić wszystko od zera czyli po prostu zaprogramować dobry szablon i zrobić to jak należy. Tylko czy zawsze warto? Myślę że nie. W szczególności gdy klient nie dysponuje dużym budżetem lub gdy strona którą planuję zrobić nie będzie miała kosmicznych wymagań.
Także wróćmy teraz do głównego tematu bo ostatnio dzieje się tu wiele.
Obecnie na rynku mamy przynajmniej kilka builderów są to: Divi, Beaver Builder, WP Bakery, Elementor, Oxygen oraz Bricks.io – pewnie jest też sporo innych o których jeszcze nie słyszałem lub są tak złe że nie warto nawet o nich wspominać. W zasadzie na liście powyżej też kolorowo nie jest i niestety niektórym z wymienionych builderów daleko to dobrej jakości.
Co mają w sobie kreatory stron dla WordPress
Każdy dostępny kreator stron na rynku ma coś co jest najbardziej pożądane czyli możliwość wizualnej edycji strony czy posta. Wizualnej czyli takiej która pozwoli wam edytować stronę na widoku który widzi końcowy użytkownik. Klikamy edytuj i możemy z łatwością zmienić położenie dowolnego elementu, kolor, rozmiar fonta czy na co tylko będziemy mieli ochotę.
Oprócz edycji stron niektóre z builderów oferują także możliwość dodawania header lub footer dla szablonu oraz konfiguracji wielu widgetów w dowolnym miejscu.
Dzięki wszystkim wymienionym funkcjom stworzenie nawet skomplikowanej strony można skrócić o 60% – 70% co jest niezwykle efektywne kosztowo. Co niestety jest często spotykane nieświadomi klienci płacą za strony robione na najgorszej jakości builderach jak za customowe tematy nie będąc świadomymi że taka sytuacja ma miejsce. Dlatego pamiętajcie żeby zadbać o specyfikację techniczną projektu przy podpisywaniu umowy.
Plusy używania kreatorów stron dla WordPress
Jeśli wybierzecie dobry builder plusów jest więcej niż minusów. Na Pewno znajdzie się wiele osób które powiedzą że nie warto, że to amatorszczyzna ale to tak samo jak z samym systemem WordPress. Nadal wiele osób myśli że to kiepskie narzędzie które jest pełne dziur co absolutnie nie jest prawdą. Wystarczy sprawdzić że wielkie i szanujące się globalne marki bardzo chętnie używają WordPress’a jako systemu do budowy swoich stron internetowych. Stać ich w zasadzie na dowolne podejście a mimo wszystko wybierają WordPressa a często także buildery.
- Szybkość tworzenia strony: “przeklikanie” nawet rozbudowanej strony zajmie o wiele mniej czasu ponieważ nie będzie wymagało napisania jakiegokolwiek kodu.
- Prostota – zazwyczaj buildery są proste w obsłudze i nie wymagają posiadania technicznej wiedzy z zakresu programowania.
- Cena – cena strony zrobionej na builderze jest atrakcyjna dla użytkownika
- Wiele funkcji i gotowych modułów – buildery mają zazwyczaj wbudowane moduły takie jak accordion, karuzela czy zestaw modułów dla woocommerce.
Minusy używania kreatorów stron
No i tu dochodzimy do miejsca w którym krok po kroku napiszę dlaczego niestety nadal jest ich tak dużo i dlaczego my jako less code wybraliśmy jeden który nie ma ich w zasadzie wcale 🙂 (tak to możliwe).
Olbrzymia większość kreatorów używa jQuery co niestety nie jest w obecnych czasach najlepszym rozwiązaniem. Po pierwsze dlatego że ta biblioteka waży bardzo dużo oraz niestety nie jest najszybsza. Bardzo często oprócz samego jQuery kreatory używają dziesiątki innych bibliotek do obsługi poszczególnych komponentów i wszystkie zależą od jQuery.
Aby podać wam jakiś bardzo prosty przykład możemy posłużyć się prostą funkcją która sprawi że po kliknięciu w dany element dodamy do niego klasę css.
Poniżej przykład z wykorzystaniem Vanilla JS:
document.getElementById("yourButtonId").addEventListener("click", function() { this.classList.add("yourClassName"); });
Tutaj to samo tylko z wykorzystaniem jQuery
$("#yourButtonId").click(function() { $(this).addClass("yourClassName"); });
Niby podobnie, prawda? Tylko że w przypadku jQuery musicie na stronę załadować olbrzymią bibliotekę tylko po to żeby odpalić tak prostą funkcję. To po prostu typowy “overkill” i nie ma żadnego racjonalnego wytłumaczenia dlaczego mielibyśmy używać jQuery. To prawda jest często prostsze i można łatwiej wykonać wiele rzeczy ale łatwiej nie znaczy lepiej.
Kolejną sprawą jest sama jakość kodu, niestety wiele builderów powstała dość dawno temu i robiona była w taki sposób że obecnie nawet przy wielkich chęciach refactor często nie jest możliwy albo spowodowałby tyle problemów że deweloperzy tkwią w tym przestarzałym środowisku i starają się ratować sytuację.
Jeśli zamierzacie stworzyć prosta wizytówke bez żadnych funkcjonalności możecie wybrać dowolny builder. Każdy spełni wasze oczekiwania i powinien działać bez dużych problemów.
Jeśli jednak chcecie zbudować kompleksową stronę którą będzie się dobrze zarządzać to musicie wybrać mądrze.
Ostatnią rzeczą która może być dla niektórych problemem to fakt że jeśli nie będziecie na bieżąco aktualizować buildera możecie mieć sporo problemów, szczególnie z takimi które nie są w czołówce jeśli chodzi o jakość wykonania. Pamiętajcie to nie jest tak że raz zainstalowany builder będzie działać zawsze, jest wręcz przeciwnie. Aktualizację są niezwykle ważne także z powodu bezpieczeństwa.
Jaki kreator stron dla WordPress wybrać
Naszym zdaniem jedynym dobrym rozwiązaniem jeśli myślicie o tym aby tworzyć wysokiej jakości strony z wykorzystaniem buildera to bricks.io. I nie ten post nie jest żadna reklamą. Po prostu po 10 latach pracy z każdym dostepnym na rynku builderem to bricks.io jest produktem który po prostu działa dobrze.
Po pierwsze jest niezwykle szybki, stworzony bez użycia jQuery. Bez najmniejszych problemów jesteśmy w stanie uzyskiwać więcej niż 95 punktów w google page speed dla urządzeń mobilnych. Nawet na bardzo rozbudowanych stronach.
Możliwości edycyjne są ogromne, jest css grid i w zasadzie wszystko co możliwe jeśli chodzi o css, nawet najbardziej zaawansowane techniki o których co poniektórzy nawet nie słyszeli :).
Bricks.io świetnie współpracuje z wtyczką ACF, każdy element ma opcję dodania dynamicznych danych, posiada także zaawansowany “query builder” z którym można zbudować nawet najbardziej szalone loopy które zajęły by początkującemu programiście wiele godzin.
Jeśli chcecie zbudować sklep na WooCommerce bricks.io ma w swoim zestawie wszystkie możliwe moduły aby zbudować sklep z prawdziwego zdarzenia z zaawansowanymi filtrami.
To samo dotyczy formularzy, tworzenia użytkowników i innych.
Świetną rzeczą jest także możliwość dodawania kodu w dowolnym miejscu za pomocą dedykowanego modułu. Bez problemu można wywołać funkcję napisaną w PHP lub Javascript. Można także używać hooków oraz filtrów dostępnych w WordPress oraz tworzyć nowe i wykorzystywać je w swoich szablonach.
Warto także wspomnieć o interakcjach które pozwolą wam zbudować animacje oraz stworzą nieograniczone możliwości na waszej stronie.
Rzeczą która miażdży konkurencję jest to jak wygląda kod html wygenerowany przez builder bricks.io. W przeciwieństwie do innych builderów tutaj wszystko jest niezwykle czyste, nie ma dziesiątek zagnieżdżonych elementów przez co DOM jest mniejszy co pozwala na o wiele szybsze wyświetlanie strony. Działa to tak dobrze dlatego że bricks.io (niech ktoś mnie poprawi jeśli się mylę) większość kodu css generuje dla konkretnego szablonu przez co zamiast tworzyć dziesiątki zagnieżdżonych elementów tworzy dobrze przygotowany html i generuje odpowiednie style.
Podsumowanie
Na rynku jest wiele kreatorów stron dla WordPress ale tylko niektóre z nich spełniają wysokie standardy i są świetnie napisane. My poleciliśmy bricks.io ponieważ jeszcze nigdy nas nie zawiódł. Czy są jakieś inne równie dobre? Pewnie tak ale to już musicie ocenić sami.