At CollectiveRay, jesteśmy trochę mashupem, jesteśmy byłymi programistami, którzy zostali projektantami stron internetowych, menedżerami produktów i po prostu chcemy, aby nasza strona internetowa robiła to, czego od niej oczekujemy, bez konieczności wbijania wszystkiego na miejsce. Dlatego lubimy eksperymentować z kombinacjami funkcji i cech, aby tworzyć rzeczy po prostu pracuj. Najnowszym połączeniem, które uznaliśmy za rewolucyjne w naszym sposobie pracy, jest Elementor w połączeniu z Advanced Custom Fields — naprawdę, te dwie wtyczki działające razem przeniosły naszą pracę na wyższy poziom.
Zostań z nami, aby w pełni przyjrzeć się możliwościom tych dwóch wtyczek i temu, jak można je połączyć, aby stworzyć zwycięską kombinację. Właśnie wróciliśmy do artykułu w lipiec 2025 i w razie potrzeby aktualizowane o wszelkie istotne nowe szczegóły.
Podsumowanie
 |
 |
|
| Cena | Bezpłatna lub Pro od 59 USD/rok | Bezpłatna lub Pro od 49 USD/rok |
| Free Trial | Elementor Designer Lite | Zaawansowane niestandardowe pola |
| Wydajność | Lekki i szybki – zwłaszcza w porównaniu z innymi kreatorami stron | Nie dotyczy |
| Co nam się podobało | Schludny, uporządkowany UI/UX | Elastyczność, wszechstronność |
| Lekki, stworzony do szybkości | Funkcje przyjazne programistom | |
| Dobry wybór elementów | Zaawansowane zestawy reguł wyświetlania | |
| Wbudowane niestandardowe formularze | Dostosowywanie zaplecza WordPress bez kodowania | |
| Ogólnie | ||
| Strona internetowa | Odwiedź Elementora | Odwiedź ACF |
Recenzja Elementora
Elementor jest najpopularniejszym kreatorem stron WordPress. Dzięki darmowej wersji i niskiej cenie Pro (59 USD) odnotował niesamowity wzrost. Ogromna liczba elementów oznacza, że będziesz potrzebować bardzo niewielu dodatkowych wtyczek innych firm. Posiada również możliwości tworzenia motywów i ogromną bibliotekę szablonów.
Zacznijmy od dogłębnej analizy Elementor. Ponieważ budowniczowie stron są teraz wściekli, potrzeba trochę czasu, aby nas zaimponować, ale Elementor właśnie to zrobił - zaimponował nam.
Pierwsze wrażenia
Ta superdopracowana wtyczka do tworzenia stron i wpisów metodą „przeciągnij i upuść” jest niewątpliwie mocnym kandydatem do wykorzystania przez osoby takie jak my jako podstawowy produkt do projektowania własnych witryn.
Nic dziwnego, że ta wtyczka jest uznawana za najlepszy kreator stron WordPress i jest oceniana jako jeden z najlepszych produktów w porównaniach produktów w swojej kategorii.
Jedną z pierwszych rzeczy, które zauważysz podczas pracy z Elementorem, jest absolutnie czysty design. Bez bałaganu, schludnie zorganizowany, ta wtyczka będzie przyjemnością dla tych, którzy są obsesyjnie zorganizowani, i oczywiście dla każdego, kto po prostu lubi, gdy rzeczy są ładnie zorganizowane.
Możesz zobaczyć, że elementy UI (po lewej) są bardzo łatwe do zrozumienia i obsługi. Faktyczny canvas (po prawej) jest również bardzo czysty, co sprawia, że opcje nie są widoczne, dopóki nie klikniesz konkretnego elementu. Dopiero wtedy opcje są wyświetlane. Dzięki temu wszystko wygląda tak, jak wyglądałoby na rzeczywistym froncie, gdy strona lub post zostaną opublikowane.
Wydajność
Kolejną rzeczą, która jest natychmiast widoczna podczas korzystania z Elementora, jest to, jak lekki jest on podczas używania. Używając kilku bardziej popularnych kreatorów stron, możemy łatwo odczuć prawdziwą, zauważalną różnicę. Podczas gdy wtyczki takie jak Visual Composer i Divi mogą wymagać kilku sekund, aby się załadować i wydawać się toporne w użyciu, co odciąga od faktycznego korzystania z nich. Chociaż ostatecznie musisz się do tego przyzwyczaić, nie jest to coś, co kiedykolwiek ci się spodoba, jest to coś, z czym musisz żyć, ponieważ po prostu nie masz wyboru.
Czytaj więcej:
Divi kontra Beaver Builder: https://www.collectiveray.com/beaver-builder-vs-divi
Elementor kontra Divi: https://www.collectiveray.com/elementor-vs-divi
Recenzja motywu Divi: https://www.collectiveray.com/divi-theme-review
To. To z kolei jest powiewem świeżości. Klikając Edytuj z Elementorem, strona lub wpis, który chcesz edytować, ładuje się niemal natychmiast, śmiemy twierdzić, nie różni się to zbytnio od tego, gdybyś musiał załadować wpis lub stronę BEZ włączonej wtyczki, tj. z natywnym edytorem WordPress.
Nawet pracując z rzeczywistym kreatorem „przeciągnij i upuść”, możesz poczuć, jak dodawanie lub usuwanie elementów jest natychmiastowe. Nie musisz czekać, aż kreator się potknie i mieć tych kilka sekund „czasu oczekiwania”, aż element zostanie załadowany. Wybierasz, przeciągasz, upuszczasz, pracujesz dalej — narzędzie pracuje z Tobą, w Twoim tempie.
Jak go używać
Istnieją dwa sposoby korzystania z Elementora. Sposób, w jaki zdecydujesz się z nim pracować, zależy od tego, czy planujesz zbudować stronę od podstaw, czy chcesz zacząć od jednego z istniejących szablonów dostępnych dla najczęstszych scenariuszy witryn.
Jeśli chcesz zacząć od zera, po prostu utwórz nową stronę lub wpis, kliknij przycisk Edytuj w Elementorze, a wtyczka zostanie załadowana i będziesz mógł rozpocząć edycję.
Następnie pojawi się czysta strona, na której możesz zacząć dodawać potrzebne sekcje (wiersze) lub wczytać je z istniejącego szablonu (omówimy to wkrótce).
Gdy klikniesz, aby dodać sekcję (wiersz), zostaniesz poproszony o wybranie liczby kolumn, które ta sekcja będzie miała. W obrębie każdej kolumny możesz następnie dodać różne dostępne elementy.
Po ustawieniu struktury możesz zacząć przeciągać i upuszczać widżety do różnych sekcji. Oczywiście jest wiele różnych widżetów do wyboru, od prostych elementów, które są dostępne w bezpłatnej wersji wtyczki, po bardziej złożone funkcje i cechy, które są dostępne w wersji PRO.
Dostępne elementy
Wiele oczekiwanych standardowych funkcji witryny jest dostępnych jako widżety, które można dodać do strony. Niektóre z bardziej atrakcyjnych widżetów do użycia to:
- Ikony
- Mapy Google
- Portfolio
- Animowany nagłówek (obracający się lub zakreślony tekst)
- Cennik lub tabela cen
- Wezwania do działania
- Opinie
- Odliczanie
- Komentarze i osadzenia na Facebooku
- Pole autora
- Paski postępu
- Galerie lub karuzele obrazów
- Skróconych
- itd. itd.
Warto dodać, że w jednej wtyczce znajdują się wszystkie elementy, jakich możesz potrzebować na stronie.
Co więcej, Elementor przewyższa większość innych wtyczek.
Dzieje się tak, ponieważ oprócz obsługi własnych elementów natywnych, wtyczka obsługuje również shortcode'y i standardowe widżety WordPress. Oznacza to, że oprócz obsługi wszystkich własnych elementów i WSZYSTKICH widżetów WordPress, możesz również osadzać dowolne funkcje i funkcje stron trzecich, które są włączane za pomocą shortcode'ów. Oznacza to, że masz praktycznie nieograniczone możliwości dodawania do projektowanej strony lub wpisu.
Elementy dynamiczne
Kolejną świetną cechą tego kreatora stron jest jego unikalna zdolność do projektowania stron przy użyciu dynamicznej zawartości zamiast statycznej. To całkiem innowacyjna funkcja i zdecydowanie coś, na co często (lub wcale) natknęliśmy się.
Oczywiście, świetnie jest to, że można przeciągać i upuszczać elementy opisane powyżej, ale jest to raczej oczekiwana funkcja w tego typu narzędziach.
Jednak Elementor poszedł o krok dalej - umożliwiając dynamiczne elementy strony. Najłatwiejszym sposobem wyjaśnienia tego byłoby użycie tytułu lub nagłówka strony.
Załóżmy, że chcesz zaprojektować stronę, która wyświetla bieżące wiadomości, które masz związane z Twoją firmą. Teraz zamiast używać banalnego tytułu „Najnowsze wiadomości” chcemy umieścić nasze bieżące główne wydarzenie.
Zamiast więc tworzyć stronę przy użyciu Elementora wyświetlającego statyczny „tytuł”, używamy elementu motywu Tytuł postu który w rzeczywistości pobiera nazwę bieżącego tytułu z bazy danych i wyświetla ją zamiast ogólnej treści.
Innym doskonałym zastosowaniem w tym samym stylu jest Featured Image. Dzięki dynamicznemu wyróżnionemu obrazowi możesz być pewien, że jest to Twój najnowszy wyróżniony obraz, który jest faktycznie wyświetlany (dostosowany do bieżącego wydarzenia nagłówka), w przeciwieństwie do ogólnego obrazu, który musiałbyś wyświetlić za pomocą elementów statycznych.
Szablony elementów
Powyżej widzieliśmy, jak strona lub post mogą być zbudowane od podstaw, wykorzystując wbudowane elementy dostępne w tym produkcie. Ale jest szybciej, wydajniej sposób tworzenia stron. Albo zamiast tylko stron, możesz łatwo zbudować pełne witryny w ciągu kilku minut! To jest możliwe dzięki wykorzystaniu Elementor Templates.
Jest to funkcja, która staje się całkiem skutecznym sposobem korzystania z kreatora stron. Zasadniczo pomysł jest taki: zamiast tworzyć strony samodzielnie od podstaw, z ryzykiem, że możesz to zepsuć (szczególnie jeśli nie jesteś narażony na projektowanie stron internetowych lub projektowanie w ogóle), używasz wstępnie zdefiniowanego szablonu strony.
Po wybraniu szablonu Twoim jedynym zadaniem jest niewielkie dostosowanie elementów do potrzeb strony lub wpisu, który tworzysz. Niezależnie od tego, czy robisz to dla klienta, czy dla siebie, Twoim zadaniem będzie dostosowanie treści do potrzeb witryny, którą tworzysz.
Oczywiście, znacznie skróci to czas projektowania. Nie tylko to, ale również zapewni, że Twój projekt będzie projektem profesjonalnej firmy projektowej, a nie kogoś, kto może nie być w pełni przyzwyczajony do projektowania.
W Elementorze Pro domyślnie dostępnych jest ponad 100 szablonów, ale to nie wszystko.
Szablony Elementora są teraz niszą samą w sobie. Odkryjesz, że są setki innych darmowych i płatnych wtyczek dostępnych do kupienia i pobrania, aby pokryć niszę, branżę lub potrzebę.
Aby wymienić tylko kilka dostępnych szablonów, można znaleźć
- Projektowanie wnętrz
- Szablon aplikacji
- Kawiarnia, restauracja i usługi gastronomiczne
- Strony produktów
- Fitness
- Firma prawnicza
- Copywriter
- Agencja i kreatywni
- Hotele
- Architekt
- Ślub
- Grafik
- Uruchomienie
- personel
- CV
- Portfolio
- Ebook
- i wiele, wiele innych.
Radzimy odwiedzić biblioteka.elementor.com aby zapoznać się z kompletną listą szablonów stron docelowych WordPress dostępnych domyślnie we wtyczce, gdzie można również zobaczyć rzeczywistą wersję demonstracyjną konkretnej strony, która zostanie utworzona przy użyciu szablonu.
Ceny
Elementor jest dostępny w pięciu wersjach:
- Bezpłatna rozmowa zapoznawcza
- Istotny (za 1 miejsce) - 59$/rok
- Zaawansowany dla (3 witryn) - 99 USD/rok
- Ekspert (dla 25 lokalizacji) - 199 USD/rok
- Agencja (1000 witryn) - 399 USD/rok
Wszystkie plany obejmują 1 rok aktualizacji i wsparcia. Przy śmiesznie niskiej cenie 59 USD, gdy stworzenie zupełnie nowej witryny od podstaw zajmie Ci dosłownie kilka godzin (w oparciu o szablony) — uważamy, że jest to doskonała wartość.
Jeśli jesteś projektantem, istnieje duże prawdopodobieństwo, że w ciągu roku stworzysz więcej niż 4 strony internetowe (nawet biorąc pod uwagę tempo tworzenia stron teraz, gdy masz w swoim arsenale Elementora), dlatego zdecydowanie zalecamy, abyś od razu zdecydował się na plan Unlimited.
Kod rabatowy Elementora
Za każdym razem, gdy będziemy mieli kod rabatowy lub kupon Elementor, opublikujemy go tutaj, dzięki czemu otrzymasz najlepszą cenę.
Poniższy link przeniesie Cię do oficjalnej strony, na której znajdziesz najlepszą cenę Elementora w lipiec 2025.
Kliknij tutaj, aby uzyskać najniższą cenę Elementora
Zobacz, co niektórzy użytkownicy powiedzieli o tej wtyczce:
Zaawansowane niestandardowe pola
W kolejnej części artykułu przyjrzymy się innej wtyczce, którą uwielbiamy: Advanced Custom Fields.
Zacznijmy od krótkiego przeglądu ACF, a następnie skupimy się na tym, jak połączyć Advanced Custom Fields i Elementor, aby osiągnąć niesamowite rezultaty. Nawet rewolucyjne.
Dla niewtajemniczonych: ACF pozwala użytkownikom tworzyć pola niestandardowe, aby edytować ekrany, co usprawnia zarówno proces tworzenia witryny, jak i oczywiście jej przeglądania.
Tylko jako krótkie wprowadzenie
- Kreator pól ACF umożliwia dodawanie pól do ekranów edycji WP w ciągu kilku sekund
- Pola można dodawać do dowolnej treści, postów, użytkowników, terminów taksonomii, mediów, komentarzy lub gdziekolwiek indziej
- Następnie możesz wyświetlić pola w dowolnym miejscu, korzystając z funkcji przyjaznych dla programistów
Jako deweloper/projektant, gdy tylko zobaczysz powyższe, twój umysł może szybko zacząć pędzić w stronę ogromnych dostępnych możliwości. Dzięki powyższemu możesz dosłownie stworzyć „niestandardową kopię” WordPressa, która jest dostosowana dokładnie do potrzeb każdego klienta, którego masz.
Prawdopodobnie wiesz, że większość klientów, mimo że chętnie korzystaliby z WordPressa, nadal będzie miała swoje własne wymagania. Wiesz również, że modyfikowanie kodu rdzenia w celu wdrożenia tych zmian jest zazwyczaj złym pomysłem, ponieważ oznacza to, że nie będziesz w stanie uzyskać aktualizacji rdzenia - co stwarza poważne zagrożenia bezpieczeństwa dla tej instalacji.
Dzięki ACF możesz „dostosować” WordPressa bez konieczności modyfikowania kodu źródłowego, wystarczy zastosować wtyczkę.
Więcej o wtyczkach możesz przeczytać tutaj: https://www.collectiveray.com/wp/plugins/
Oczywiście nie tylko my jesteśmy podekscytowani możliwościami korzystania z Advanced Custom Fields. Jest to jedna z najpopularniejszych, najczęściej instalowanych i wysoko ocenianych wtyczek. Biorąc pod uwagę fakt, że jest ona zorientowana na projektantów/programistów, możesz zobaczyć, że poniższe statystyki instalacji są niczym innym, jak niezwykłymi.
Zanim zagłębimy się jeszcze bardziej, warto zauważyć, że ta wtyczka ma ponad milion aktywnych instalacji i cieszy się oceną 1 gwiazdek w ponad 5 recenzjach. To niezwykłe osiągnięcie, gdybyś musiał mnie zapytać.
Tworzenie pól niestandardowych
Mocną stroną ACF jest oczywiście tworzenie niestandardowych pól, które można następnie w pełni łączyć w złożone formularze. Uważamy, że jest to bardzo przydatne do tworzenia różnych rzeczy:
- Niestandardowe formularze kontaktowe proszą odwiedzającego o szczegółowe i konkretne informacje, które mogą być wykorzystane do lepszego odpowiadania na jego zapytania. Na przykład, jeśli Twój klient jest klientem zorientowanym na usługi lub produkcję, możesz użyć złożonego formularza, który zadaje bardzo konkretne pytania dotyczące potrzeb odwiedzającego. Ostatecznie wszystkie te połączone informacje pozwalają na lepsze przedstawienie klienta lub udzielenie lepszej odpowiedzi na konkretne zapytanie.
To wszystko zaledwie muska powierzchnię tego, co ACF może zrobić w rzeczywistości. Biorąc pod uwagę, jak bardzo jest to ukierunkowane na deweloperów, nic dziwnego, że ta wtyczka jest tak popularna. Po utworzeniu pól niestandardowych można je łatwo osadzić w
- Motywy — jako twórca motywu możesz faktycznie uwzględnić pola i funkcje niestandardowe, które utworzyłeś, aby dostosować swoją pracę w taki sposób, aby Twoi użytkownicy mogli skorzystać z tych dostosowań — pomyśl na przykład o możliwości tworzenia różnych formularzy niestandardowych dla różnych nisz
- Wtyczki – jako twórca wtyczek możesz dostosowywać konkretne formularze, aby tworzyć rozszerzone funkcjonalności dla konkretnych funkcji WordPressa lub własnej wtyczki – możesz używać ACF do projektowania rozszerzonych funkcjonalności formularzy, które mogą być używane do dostosowywania przechwytywania danych przez Twoją wtyczkę
Po raz kolejny, jako programista, a nawet projektant stron internetowych, możesz już dostrzec (i prawdopodobnie poczuć ekscytację) potencjał ACF.
Zacznijmy więc trochę majstrować przy ACF i zobaczmy, co potrafi. Spójrz poniżej na poniższy formularz, który stworzyliśmy w ciągu kilku minut. Chcielibyśmy zwrócić Twoją uwagę na kilka rzeczy, których się nie spodziewaliśmy.
Oprócz standardowych pól formularzy, takich jak tekst, pole wyboru i pole wyboru, selektor dat i standardowe opcje, ACF obsługuje również
- Typy postów relacyjnych - ten typ pola pozwala wyświetlać elementy (takie jak posty i strony), które już istnieją w bieżącej witrynie. Więc jeszcze raz, wyobraźmy sobie na chwilę, że jesteśmy twórcą motywu i chcemy dać użytkownikowi możliwość wyboru kilku postów do wyświetlenia na stronie głównej. Używając zaawansowanych filtrów w tym typie możemy łatwo utworzyć interfejs użytkownika, który pozwala nam to wszystko zrobić. Mamy również dostęp do takich rzeczy jak strony, taksonomie, użytkownicy i role.
- Mapy Google, selektor dat i selektor kolorów - wszystkie te typy pól są oparte na jQuery i są obsługiwane domyślnie (nawet w darmowej wersji ACF)
- Zasady - pola mogą być wyświetlane lub nie na podstawie logiki warunkowej, którą można zdefiniować za pomocą interfejsu użytkownika ACF. Oznacza to, że formularz można dostosować do danych wprowadzanych przez użytkownika, wyświetlając dodatkowe pola lub ukrywając inne w zależności od tego, co użytkownik faktycznie wprowadza
- Opcje - finał i wisienka na torcie, pozwalają Ci zdecydować o dokładnych opcjach, jak i gdzie chcesz wyświetlić swój formularz. Czy chcesz wyświetlić formularz na górze strony (w zapleczu), używając Metaboxa czy nie i inne opcje.
Oto pełna lista wszystkich dostępnych typów pól:
- Tekst — pole tekstowe jednowierszowe z opcjonalną obsługą HTML i limitami znaków
- Obszar tekstowy — taki sam jak tekst, ale może mieć wiele wierszy
- Liczba — pole liczbowe, które może mieć opcjonalne wartości min./maks. dla limitów i walidacji
- E-mail — pole niestandardowe do wprowadzania adresu e-mail, w tym walidacji
- Hasło — Wprowadzanie hasła z maskowaniem tekstu
- Edytor WYSIWYG — wejście do edytora WordPress z opcjami wstawiania multimediów i przyciskami edytora
- Obraz — Prześlij obraz lub wybierz jeden z biblioteki multimediów. Zwraca obiekt, adres URL lub identyfikator.
- Plik — To samo co obraz, ale dotyczy plików w ogólności
- Wybierz — menu rozwijane z obsługą wielu wyborów
- Pole wyboru — pole wyboru dla jednego lub wielu elementów
- Przycisk radiowy — wybierz pojedynczy element za pomocą przycisku radiowego
- Prawda/Fałsz — podstawowy selektor prawda/fałsz
- Link do strony — Zwraca adres URL dowolnego wpisu lub strony. Może być ograniczony do określonych typów wpisów.
- Obiekt Post — zwraca obiekt WordPress dowolnego posta lub strony, typu posta lub taksonomii
- Relacja — taka sama jak obiekt postu, ale z zaawansowanym interfejsem i możliwością zmiany kolejności za pomocą przeciągania i upuszczania
- Taksonomia — Zwraca obiekt lub ID dla jednej lub więcej taksonomii. Może być ograniczony do tagów, kategorii lub niestandardowych terminów taksonomii.
- Użytkownik — wybierz jednego lub więcej użytkowników. Możliwość ograniczenia wyboru według roli użytkownika.
- Mapa Google — ustaw środek, poziom powiększenia i szerokość
- Wybór daty — wybierz datę w kalendarzu i zwróć sformatowany ciąg daty
- Selektor kolorów — wybierz kolor szesnastkowy
- Wiadomość — Zostaw wiadomość
- Karta — łączenie pól w interfejsie z kartami
Trudno pomyśleć o jakimkolwiek scenariuszu, którego nie obejmują powyższe funkcje. Nic dziwnego, że wtyczka nazywa się Advanced Custom Forms, ponieważ zapewniana funkcjonalność jest bardzo potężna w rękach kogoś, kto wie, jak wykorzystać te funkcje. Jest niezwykle elastyczna i może umożliwić rozszerzenie standardowych funkcji WordPress, ograniczonych jedynie wyobraźnią.
Największą zaletą jest to, że wszystkie te zmiany są wykonywane bez zmieniania ani jednej linijki kodu i co ważniejsze, bez modyfikowania plików podstawowych, co gwarantuje, że nie stwarzasz żadnych problemów z bezpieczeństwem dostosowywanych witryn.
To bez wątpienia zmienia zasady gry.
Frontend kontra Backend
Z powyższych przykładów i opcji widać, że ACF można używać zarówno w front-endzie, jak i w back-endzie. Teraz, naprawdę i szczerze, wiemy, że istnieje milion i jedna wtyczka formularzy, która umożliwia tworzenie niestandardowych formularzy dla back-endu.
Prawdziwą zaletą jest możliwość modyfikowania stron administracyjnych WordPressa – w zasadzie czyni to ten produkt produktem stworzonym przez programistów dla programistów i projektantów. Jako programiści znają i rozumieją ograniczenia działania wyłącznie w ramach ograniczeń WordPressa.
Jest to więc produkt, który pozwala deweloperom i projektantom poszerzać granice WordPressa, nie tylko od strony front-endu, ale szczególnie pod względem możliwości oferowanych administratorom WordPressa i webmasterom.
Teraz, gdy poznaliśmy możliwości ACF i Elementora, przyjrzyjmy się kilku przykładom ich współpracy.
Niestandardowe formularze kontaktowe
Omówiliśmy już powyżej, w jaki sposób niestandardowy formularz kontaktowy specjalnie dla Twojej usługi, branży lub produktu w dużym stopniu przyczyni się do zamknięcia nowych transakcji. Przyjrzyjmy się zatem temu, co możemy zrobić, używając Elementora i zaawansowanych pól niestandardowych.
Stworzyliśmy już formularz niestandardowy dla konkretnej branży (ma on nadal dość ogólny charakter, ale wyobrażasz sobie, o co chodzi; możesz go dostosować i dodać pola zgodnie ze swoim konkretnym przypadkiem).
Więc teraz chcemy dodać ten formularz do strony Contact Us stworzonej przez Elementor. Tworzymy stronę Contact Us i zamiast projektować ją od podstaw, wybierzemy szablon z gotowych.
Teraz, gdy mamy już podstawę, od której możemy zacząć, dodajmy własny, dostosowany formularz:
Usunęliśmy istniejące formularza kontaktowego i usunęliśmy widżet formularza i dostosowaliśmy formularz kontaktowy, aby utworzyć własny formularz wyceny — dosłownie w kilka minut było gotowe.
I to jest piękno korzystania z tych dwóch wtyczek. Niezależnie od tego, czy chcesz tworzyć niestandardowe formularze w zapleczu dla własnych motywów i wtyczek, czy też chcesz używać niestandardowych formularzy w front-endzie, możliwości są nieograniczone.
Jedną z rzeczy, nad którą chcielibyśmy pracować (i jesteśmy pewni, że zespół Elementora ostatecznie zintegruje ją ze swoimi produktami), jest możliwość tworzenia formularzy za pomocą ACF i dodawania ich bezpośrednio do kreatora stron.
AKTUALIZACJA wrzesień 2018 - nowe wersje tych dwóch wtyczek mogą być teraz bezpośrednio zintegrowane. Niestandardowe formularze utworzone w ACF mogą być teraz bezpośrednio zintegrowane z Elementorem przy użyciu niestandardowych typów postów.
Łączenie ACF i Elementora
Więc to było coś, czego dwie wtyczki nie zauważyły do kilku miesięcy temu, kiedy recenzowaliśmy te dwa produkty. Nasi czytelnicy odkryli również, że niemożność zrobienia tego jest nieco myląca i rozczarowująca.
Jak przystało na dobrego recenzenta, skontaktowaliśmy się z zespołem deweloperskim i zasugerowaliśmy, że powinniśmy włączyć tę funkcję do tych dwóch produktów, aby stworzyć piękne rozwiązanie umożliwiające ich integrację.
Jako dobry zespół, który dba o swoich klientów, szybko zajęliśmy się tym tematem i zaledwie kilka miesięcy później mamy nowe wersje obu produktów, które teraz umożliwiają bezpośrednią integrację.
Można to zrobić, używając niestandardowych typów postów w WordPressie. Dla tych, którzy nie są zaznajomieni, najpopularniejszymi niestandardowymi typami postów są posty, strony i załączniki, ale jest ich więcej. Inne popularne typy postów, które mogłeś zobaczyć, to produkty WooCommerce, referencje, wydarzenia, recenzje, portfolio... i wiele innych.
Innymi słowy, niestandardowe typy wpisów to określony typ „treści” przyjmujący określony format.
Należy pamiętać, że całkowicie możliwe jest także zdefiniowanie nowych, niestandardowych typów wpisów, jeśli masz określoną treść, która wymaga „ustrukturyzowania”.
Zasadniczo, aby utworzyć niestandardowy typ wpisu, musisz albo użyć wtyczki Custom Post do zdefiniowania nowych pól, których będziesz potrzebować, albo zrobić to za pomocą kodu.
Pracownicy Elementora stworzyli bardzo szczegółowy, obszerny artykuł na temat jak wykonać tę integrację.
Najłatwiejszym sposobem wykonania tego zadania jest użycie wtyczki CPT UI, którą można znaleźć tutaj. Nie będziemy wchodzić w szczegóły tworzenia niestandardowego typu posta, jest mnóstwo artykułów na ten temat, chociaż zdecydowanie polecamy odwiedzenie tego miejsca.
Po utworzeniu niestandardowego typu wpisu musisz utworzyć pola niestandardowe za pomocą ACF i wyświetlać tylko określone pola na podstawie tego, czy typ wpisu jest właśnie zdefiniowany.
Aby móc wyświetlać te niestandardowe typy wpisów na stronach bloga, należy zrozumieć, jak te niestandardowe typy wpisów działają w różnych obszarach witryny.
Jeśli wyobrażasz sobie niestandardowy typ posta ze świadectwem, możesz dodać go na dowolnej stronie lub poście, którego używasz. Możesz również utworzyć pełny „post” przy użyciu niestandardowego typu posta.
Aby użyć ich z Elementorem, skorzystamy z szablonów. Oto kroki, które należy wykonać:
- Utwórz nowy pojedynczy szablon, możesz nadać mu nazwę nowego typu i dodać nowy widżet tekstowy. Na przykład użyjemy widżetu nagłówka.
- Kliknij ikonę dynamiczną i wybierz ACF Field. Kliknij ją ponownie i pod 'key' wybierz niestandardowy typ posta, który utworzyłeś. Treść, którą dodałeś wcześniej, teraz się pojawi.
- Teraz pozostało już tylko opublikować i móc używać tego szablonu w swoich treściach.
Jeśli chcesz móc ponownie wykorzystać te typy treści i pola, możesz użyć ich w szablonach Elementor. Używając funkcjonalności Theme Builder, możesz tworzyć szablony przy użyciu tych niestandardowych typów, wybierając pola z Dynamic Content.
Odwiedź Elementor, aby uzyskać dłuższe wyjaśnienie niestandardowych typów wpisów
Dodatki Elementora
Teraz, gdy omówiliśmy szczegółowo te dwa świetne produkty, chcielibyśmy nieco się rozszerzyć. Kiedy wtyczki takie jak te dwie zyskują taką popularność, nieuchronnie stają się niszą i branżą samą w sobie i zaczynają przyciągać dostawców oprogramowania, którzy faktycznie tworzą inne rozszerzenia, aby rozszerzyć funkcjonalność tych wtyczek.
Przyjrzymy się zatem kilku dodatkom do Elementora, które warto rozważyć, aby jeszcze bardziej zwiększyć jego funkcjonalność.
Ostateczne dodatki dla Elementora
To zestaw widżetów, których celem jest dodanie większej funkcjonalności i elastyczności do kreatora stron. Biorąc pod uwagę, że te widżety pochodzą od Brainstorm Force, firmy stojącej za WP Astra, można zrozumieć, że jakość tych funkcji jest na bardzo wysokim poziomie.
W chwili pisania tego tekstu dostępnych jest ponad 24 widżetów, w tym między innymi:
- Oś czasu - to świetny sposób na pokazanie wykresów osi czasu, map drogowych i innych elementów opartych na czasie
- Przełącznik treści - umożliwia to użytkownikowi końcowemu przełączanie się między określonymi elementami treści, na przykład chcesz wyświetlić ceny miesięczne i roczne lub inne podobne opcje przełączania cen
- Okno podręczne - prosty i czysty sposób tworzenia wyskakujących okienek, np. do subskrybowania newsletterów lub innych treści, które chcesz wyróżnić.
- Godziny pracy - służy do uatrakcyjnienia i uatrakcyjnienia godzin pracy Twojej firmy
- Google Map - podstawowa funkcja każdej witryny lokalnego biznesu, która pozwala klientom wiedzieć, gdzie się znajdujesz
- Cennik i cennik - ustalanie cen jest oczywiście kolejną istotną funkcją, jeśli prowadzisz działalność polegającą na sprzedaży usług lub pakietów
Piękno tego pakietu widżetów tkwi w zróżnicowanych strukturach cenowych. Jeśli zdecydujesz się na pakiet agencyjny, otrzymasz nawet bezpłatną kopię Astra Pro i wtyczki WP Portfolio, a także szereg gotowych witryn startowych, które pomogą Ci rozpocząć pracę nad projektowaniem stron internetowych.
Crocoblock
Jest to firma, która jest wielkim fanem Elementora i stworzyła wiele wtyczek premium, takich jak:
- Elementy JETE - szereg pięknych widżetów, które pozwolą Ci nadać stronom piękny wygląd, np. tabele cen, inline SVG, osie czasu, paski postępu, układy murarskie i wiele innych. Do wyboru jest ponad 40 widżetów
- Menu JETMenu - łatwy sposób na stworzenie łatwego w użyciu i konfigurowalnego Mega Menu
- JETabs - świetny sposób na uporządkowanie zatłoczonych stron, które wymagają dużej ilości istotnych informacji, np. stron produktów
- JETFoobuilder - to kolejny świetny produkt, który jest w zasadzie świetnym sposobem na tworzenie stron WooCommerce, które sprzedają
- Silnik JETE - to wtyczka, która doskonale nadaje się do tworzenia dynamicznej zawartości na stronach, np. pól dynamicznych, metadanych, linków, a nawet obrazów i układów.
W sumie z Crocoblock, masz jednego dostawcę, który może zaspokoić wszystkie Twoje potrzeby WordPress. Zarówno ich motyw Kava, liczne widżety Elementor, różne wtyczki i wiele więcej, wszystko dostępne w ogromnej cenie za pośrednictwem pakietu Lifetime, to jest jedna doskonała oferta.
Elementor kontra Beaver Builder
Zalecana literatura: Beaver Builder vs Elementor - Kompletny przewodnik i porównanie (2019)
Istnieje wiele różnych produktów do tworzenia witryn WordPress. Bez wahania możemy powiedzieć, że ten produkt jest z pewnością jednym z najpopularniejszych i najbardziej udanych produktów na rynku, osiągając 5 milionów aktywnych instalacji we wrześniu 2020 r.
Ale z pewnością nie jest to jedyny, którego możesz użyć. Na przykład, podczas gdy projektanci stron internetowych i administratorzy stron internetowych preferują kreator stron typu „przeciągnij i upuść”, programiści stron internetowych zazwyczaj preferują takie frameworki jak Beaver Builder co daje im większą elastyczność zamiast oferować im wyłącznie opcję obsługiwaną przez wtyczkę.
Istnieje wiele innych kwestii do omówienia, jeśli chodzi o porównanie Elementora z Beaver Builder. W rzeczywistości właśnie to zrobiliśmy, przejrzeliśmy oba te elementy i stworzyliśmy pełne porównanie i ostateczny przewodnik, który możesz zobaczyć pod powyższym linkiem.
Uwagi końcowe
Wierzymy, że Elementor podnosi poprzeczkę w kwestii kreatorów stron — i podnosi ją naprawdę wysoko.
Jest to zdecydowanie jeden z najlepszych kreatorów stron dostępnych na rynku, a inni dostawcy zrobiliby sobie przysługę, gdyby przyjrzeli się temu produktowi i upewnili się, że przynajmniej oferuje ten sam poziom funkcji, co Elementor.
Co więcej, jako projektant i deweloper, korzystając z połączenia Elementora i ACF do tworzenia własnych, niestandardowych motywów, masz możliwość tworzenia bardzo specjalistycznych motywów, które odpowiadają potrzebom bardzo specyficznych branż, w sposób, który wcześniej był niemal niemożliwy.
Wierzymy, że obie te wtyczki same w sobie są przełomowe, ale razem stanowią prawdziwie zwycięską kombinację.