Przez ostatnie lata bardzo popularną metodą tworzenia stron na WordPressie stało się przygotowywanie szablonów do edycji we wtyczce Elementor, która pozwala na wizualną modyfikację treści, grafik, stylów czy animacji poprzez drag-and-drop. Rozwiązanie to zyskało dużą popularność ze względu na wygodę oraz brak konieczności znajomości HTML, CSS czy JavaScript.
W naszych projektach WordPress stawiamy jednak na indywidualne, w pełni zaprojektowane szablony z możliwością edycji kluczowych treści – teksty, menu, zdjęcia, podstrony, produkty, itp. – przy pomocy wtyczki Advanced Custom Fields. W naszym doświadczeniu zalety tego rozwiązania znacznie przewyższają korzystanie z Elementora przede wszystkim ze względu na bezpieczeństwo i wydajność serwisu oraz zachowanie spójności graficznej.
Ze względu na to, że Elementor pozwala na wiele zewnętrznych integracji oraz edycję kodu bezpośrednio w przeglądarce, w tym również wklejanie JavaScript, języka najczęściej stosowanego do tworzenia złośliwego kodu, sprawia, że strony są podatne na ataki hakerów. W starszych wersjach, powiązanych wtyczkach czy kompatybilnych motywach znaleziono podatności na ataki XSS, które pozwalają na umieszczanie bezpośrednio w witrynie skryptów, przekierowań czy reklam, które będą aktywowane przy każdym otwarciu strony przez użytkowników. Nowe luki bezpieczeństwa wykrywane są nawet kilkanaście razy rocznie, a jeśli strona nie jest na bieżąco aktualizowana, stanowi łatwy cel hakerów. W porównaniu, w Advanced Custom Fields odnotowano znacznie mniejszą ilość podatności w rdzeniu wtyczki, w związku z większą prostotą oraz hermetycznością kodu. Tworzone przez nas strony mają zawsze włączone automatyczne aktualizacje, co daje dodatkowe zabezpieczenie w wypadku wykrycia jakichkolwiek problemów w przyszłości.
Elementor wpływa też niekorzystnie na wydajność strony, ponieważ generuje dużo ciężkiego niepotrzebnego kodu. Zamiast tworzenia jednego uniwersalnego kodu dla powtarzalnych elementów, jak w przypadku indywidualnego szablonu, duplikuje style czy skrypty dla każdego pojedynczego elementu. Przez to strona ładuje się wolno i mocno obciąża serwer. Chcąc zachować bezpieczeństwo i aktualizując regularnie wszystkie elementy WordPressa, często napotkać można konflikty z innymi wtyczkami czy motywami, które psują funkcjonowanie strony lub kompletnie uniemożliwiają jej wyświetlanie. Tak samo stosowanie rozwiązań optymalizacyjnych, jak cache czy minifikacja zasobów, które potrzebne są z wyżej wymienionych powodów, zwłaszcza przy większych stronach, może skutkować występowaniem błędów krytycznych. W takich wypadkach często trzeba metodą prób i błędów odnajdywać źródło konfliktu, cofać wersje niektórych wtyczek lub wyłączać je, co powoduje zarówno problem z bezpieczeństwem, jaki i funkcjonalnością strony. Problemy te nie występują w ogóle w przypadku rozwiązania do edycji jedynie poszczególnych elementów motywu za pomocą dedykowanych pól.
Równie ważnym aspektem dotyczącym problematyczności Elementora są kwestie dotyczące spójności graficznej witryny. Z jednej strony umożliwiając klientowi modyfikacje w wizualnym edytorze dajemy mu większą swobodę w razie konieczności wprowadzania zmian, jednak tym samym stwarzamy bardzo wysokie szanse na jej popsucie. W celu uzyskania konkretnego efektu stylistycznego konieczna jest konfiguracja wielu pól i opcji. W wypadku nieostrożnej edycji elementy na stronie mogą przestać układać się prawidłowo, wyświetlać niepoprawnie na niektórych rozdzielczościach lub po prostu wyglądać niespójnie z resztą nagłówków, przycisków czy innych powtarzalnych elementów. Wynika to z konieczności ręcznego ustawiania stylów i animacji dla każdego pojedynczego komponentu. Nasze strony internetowe są bardzo dobrze zabezpieczone przed takimi problemami. Tworzymy globalne style dla sekcji oraz elementów, które mogą być osadzane w treści podstron. Edycja, dodawanie i usuwanie zawartości opiera się głównie na wprowadzaniu tekstów czy wgrywaniu obrazków. Aby uzyskać poprawnie ostylowane sekcje, użytkownik nie musi w ogóle myśleć o rzeczach, takich jak kolory, czcionki, wymiary, animacje, a także sprawdzać jak będą one wyglądać na różnych urządzeniach. Wszystko to znajduje się w przygotowanej przez nas bazie stylów dostosowanej responsywnie.
Podsumowując, pozorne ułatwienia, jakie oferuje wtyczka Elementor do WordPressa, często realnie okazują się utrudnieniami. Rozpoczynając od najważniejszych kwestii, takich jak zabezpieczenie przed złośliwym kodem, poprzez zapewnienie wydajności i łatwej obsługi witryny, aż po zachowanie spójności graficznej marki. Zaniedbania w tych kwestiach mogą prowadzić do zepsucia reputacji strony, kradzieży danych i pieniędzy użytkowników, spadku pozycji w wynikach wyszukiwania lub nawet całkowitej blokady serwisu przez przeglądarki internetowe. W związku z tym, we wszystkich wdrożeniach stosujemy rozwiązania ograniczające możliwości edycji do konkretnych typów treści określonych w ramach poszczególnych elastycznych sekcji czy podstron, które zostały zaprojektowanie zgodnie z potrzebami klienta.
