Elementor Pro + Advanced Custom Fields = Rewolucyjne (2021)

Elementer Pro + Zaawansowane pola niestandardowe

At CollectiveRay, jesteśmy trochę mashupem, jesteśmy byłymi programistami, projektantami stron internetowych, menedżerami produktu i chcemy po prostu, aby nasza strona internetowa robiła to, czego potrzebujemy, bez konieczności wbijania rzeczy na miejsce. Dlatego lubimy eksperymentować z kombinacjami cech i funkcji, aby tworzyć rzeczy po prostu pracuj. Najnowszą kombinacją, którą uznaliśmy za rewolucyjną w sposobie, w jaki pracujemy, jest Elementor połączony z zaawansowanymi polami niestandardowymi – naprawdę, te dwie wtyczki działające w tandemie 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 sposobom ich łączenia, aby stworzyć zwycięską kombinację. Właśnie wróciliśmy do artykułu w październik 2021 i w razie potrzeby aktualizowane o wszelkie istotne nowe szczegóły.

Podsumowanie

   Elementor  Zaawansowane niestandardowe pola
Cena Bezpłatnie lub Pro od 49 $ $ Bezpłatnie lub Pro od 25 $ $
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  Zgrabny, zorganizowany interfejs użytkownika / UX  Elastyczność, wszechstronność
   Lekki, zbudowany z myślą o szybkości  Funkcje przyjazne programistom
   Dobry wybór elementów  Zaawansowane zestawy reguł wyświetlania
   Wbudowane niestandardowe formularze  Personalizacja backendu WordPress bez kodowania
Ogólnie
Strona internetowa Odwiedź Elementora Odwiedź ACF

Recenzja Elementora

Elementor to najpopularniejszy kreator stron WordPress. Dzięki bezpłatnej wersji i taniej cenie Pro (49 USD) odnotował gwiezdny wzrost. Sama liczba elementów, które zawiera, oznacza, że ​​będziesz potrzebować bardzo niewielu dodatkowych wtyczek innych firm. Posiada również możliwości budowania motywów i obszerną bibliotekę szablonów.

Zacznijmy od głębokiego zanurzenia w Elementor. Biorąc pod uwagę, że twórcy stron są w dzisiejszych czasach wściekli, zaimponowanie nam zajmuje trochę czasu, ale Elementor właśnie to zrobił – zaimponował nam.

Pierwsze wrażenia 

Ta super dopracowana wtyczka do tworzenia stron i postów z funkcją przeciągania i upuszczania jest zdecydowanie silnym pretendentem dla osób takich jak my, aby wykorzystać go jako produkt goto do projektowania własnych witryn.

Nic dziwnego, że ta wtyczka jest znana jako najlepszy program do tworzenia stron WordPress i znajdziesz ją jako jeden z najlepszych produktów w każdym porównaniu produktów w swojej kategorii.

Jedną z pierwszych rzeczy, które zauważysz podczas pracy z Elementorem, jest absolutnie czysty projekt. Bez bałaganu, zgrabnie zorganizowana, ta wtyczka będzie przyjemnością dla tych, którzy są obsesyjnie zorganizowani i oczywiście dla każdego, kto po prostu lubi ładnie zorganizowane rzeczy.

Widać, że interfejs użytkownika elementów (po lewej) jest bardzo łatwy do zrozumienia i pracy z nim. Aktualny canvas (po prawej) jest również bardzo czysty, dzięki czemu opcje nie przeszkadzają, dopóki nie klikniesz określonego elementu. Dopiero wtedy wyświetlane są opcje. Dzięki temu wszystko wygląda tak, jak w prawdziwym interfejsie użytkownika, po opublikowaniu strony lub posta.

Pierwsze użycie Elementora

Wydajność

Kolejną rzeczą, która jest od razu widoczna podczas korzystania z Elementora, jest to, jak lekki jest podczas używania. Korzystając z kilku bardziej popularnych programów do tworzenia stron, możemy łatwo odczuć realną dostrzegalną różnicę. Podczas gdy takie wtyczki, jak Visual Composer i Divi, mogą zająć kilka sekund, aby się załadować i są niezgrabne w użyciu, co umniejsza ich faktyczne używanie. Chociaż w końcu musisz się do tego przyzwyczaić, nie jest to coś, z czego możesz czerpać przyjemność, to po prostu coś, z czym musisz żyć, ponieważ po prostu nie masz opcji.

Czytaj więcej: 

Divi vs 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. Ta z drugiej strony to powiew świeżego powietrza. Klikając Edytuj za pomocą Elementora, strona lub post, który chcesz edytować, ładuje się prawie natychmiast, odważylibyśmy się powiedzieć, że niewiele różni się od tego, gdybyś musiał załadować post lub stronę BEZ włączonej wtyczki, tj. Z natywnym edytorem WordPress. 

Nawet pracując z rzeczywistym kreatorem przeciągania i upuszczania, możesz poczuć, jak dodawanie lub usuwanie elementów jest natychmiastowe. Nie musisz czekać, aż konstruktor się pogrzebie i mieć te kilka sekund „czasu oczekiwania”, aż element zostanie załadowany. Ty 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 internetowych.

Jeśli chcesz zacząć od zera, po prostu utwórz nową stronę lub post, a następnie kliknij przycisk Edytuj za pomocą Elementora, a wtyczka zostanie załadowana, gotowa do rozpoczęcia edycji.

Edycja z Elementor

Spowoduje to wyświetlenie czystej strony, gotowej do rozpoczęcia dodawania potrzebnych sekcji (wierszy) lub załadowania z istniejącego szablonu (omówimy to wkrótce).

Pusta strona lub post gotowy do dodania szablonów widżetów sekcji

 

Kiedy klikniesz, aby dodać sekcję (wiersz), zostaniesz poproszony o wybranie liczby kolumn, które faktycznie będzie mieć ta sekcja. W każdej kolumnie możesz następnie dodać różne dostępne elementy. 

Ustaw strukturę sekcji (kolumny)

Po ustawieniu struktury możesz teraz rozpocząć przeciąganie i upuszczanie widżetów do różnych sekcji. Do wyboru jest oczywiście wiele różnych widżetów, od prostych elementów, które są dostarczane z darmową wersją wtyczki, po bardziej złożone funkcje i funkcje dostępne w wersji PRO.

Elementy dostępne do dodania

Dostępne elementy

Wiele oczekiwanych standardowych funkcji strony internetowej 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 (tekst obrócony lub zakreślony)
  • Cennik lub tabela cen
  • Wezwania do działania
  • Opinie
  • Odliczanie
  • Komentarze i embedy na Facebooku
  • Pole autora
  • Paski postępu
  • Galerie obrazów lub karuzele
  • Skróconych
  • itd itd

Wystarczy powiedzieć, że w jednej wtyczce znajdują się wszystkie elementy, których możesz potrzebować na stronie.

Nie tylko to, ale Elementor wykracza poza większość innych wtyczek. 

Dzieje się tak dlatego, że oprócz obsługi własnych elementów natywnych wtyczka obsługuje również skróty 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ż osadzić dowolne funkcje i funkcje innych firm, które są włączane za pomocą skrótów. To prawie oznacza, że ​​jesteś praktycznie nieograniczony w tym, co możesz dodać do projektowanej strony lub posta.

Wypróbuj Elementora teraz

Elementy dynamiczne

Kolejną wspaniałą cechą tego narzędzia do tworzenia stron jest jego unikalna zdolność do projektowania stron przy użyciu zawartości dynamicznej, a nie statycznej. To dość innowacyjna funkcja i zdecydowanie coś, z czym często się spotykamy (lub w ogóle).

Oczywiście fajnie, że możesz przeciągać i upuszczać elementy opisane powyżej, ale stało się to oczekiwaną funkcją tego rodzaju narzędzia.

Jednak Elementor wyszedł poza to – pozwalając na dynamiczne elementy strony. Najprostszym sposobem wyjaśnienia tego byłoby użycie tytułu lub nagłówka strony.

Załóżmy, że chcesz zaprojektować stronę wyświetlającą aktualne wiadomości związane z Twoją firmą. Teraz, zamiast używać przyziemnego tytułu „Najnowsze wiadomości”, chcemy przedstawić nasze aktualne wydarzenie. 

Więc zamiast mieć stronę zbudowaną przy użyciu Elementora wyświetlającego statyczny „tytuł” ​​- używamy elementu motywu Tytuł postu który faktycznie pyta o nazwę bieżącego tytułu z bazy danych i wyświetla go zamiast ogólnej treści.

Kolejne doskonałe zastosowanie w tym samym kierunku, co polecany obraz. Dysponując dynamicznym polecanym obrazem, możesz mieć pewność, że jest to Twój najnowszy polecany obraz, który jest rzeczywiście wyświetlany (dostosowany do bieżącego zdarzenia w nagłówku), w przeciwieństwie do ogólnego obrazu, który musiałbyś wyświetlić za pomocą elementów statycznych.

Obejrzyj poniższy 2-minutowy film instruktażowy na temat dynamicznych elementów Elementora.

ruMtMAVVF_Y

Szablony elementów

Powyżej widzieliśmy, jak można zbudować stronę lub post od podstaw, korzystając z wbudowanych elementów dostępnych w tym produkcie. Ale jest szybciej, wydajniej sposób tworzenia stron. Lub zamiast tylko stron, możesz łatwo zbudować pełne strony internetowe w kilka minut! Dzieje się tak dzięki użyciu szablonów Elementor.

Jest to funkcja, która staje się dość skutecznym sposobem korzystania z kreatora stron. Zasadniczo chodzi o to, że zamiast tworzyć strony samodzielnie od podstaw, ryzykując, że możesz to zepsuć (szczególnie, jeśli nie masz zwykle kontaktu z projektowaniem lub projektowaniem stron internetowych), używasz predefiniowanego szablonu strony .

Po wybraniu szablonu jedynym zadaniem jest nieznaczne dostosowanie elementów do potrzeb tworzonej strony lub posta. Niezależnie od tego, czy jest to dla klienta, czy dla siebie, Twoja praca polegałaby na dostosowaniu treści do potrzeb tworzonej witryny.

To oczywiście znacznie skróci czas projektowania. Nie tylko to, ale również sprawi, ż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 Elementor Pro domyślnie dostępnych jest ponad 100 szablonów, ale to nie wszystko.

Szablony Elementor są teraz branżą niszową samą w sobie. Przekonasz się, że istnieją setki innych darmowych i płatnych wtyczek dostępnych do zakupu i pobrania, które obejmują i obejmują niszę, branżę lub potrzeby.

Szablony elementów

Aby wymienić tylko kilka dostępnych szablonów, można je znaleźć

  •  Architektura wnętrz
  • Szablon aplikacji
  • Usługi kawiarni, restauracji i posiłków
  • Strony produktów
  • Zdatność
  • Firma prawnicza
  • Copywriter
  • Agencja i kreacje
  • Hotele
  • Architekt
  • Ślub
  • Grafik
  • Uruchomienie
  • personel
  • CV
  • Portfolio
  • Ebook
  • i wiele innych.

Elementor - strona docelowa fotografii

Radzimy odwiedzić biblioteka.elementor.com aby zapoznać się z pełną listą szablonów stron docelowych WordPress dostępnych domyślnie z wtyczką, gdzie można również zobaczyć rzeczywiste demo strony, która zostałaby utworzona przez szablon.

cennik

Elementor jest dostępny w sześciu smakach:

cennik elementarny

  • Darmowe
  • Istotny (za 1 witrynę) - 49 $
  • Zaawansowane (dla 3 witryn) - 99 USD
  • Ekspert za (25 witryn) - 199 . USD
  • Studio (dla 100 witryn) - 499 USD
  • Nieograniczony (nieograniczona liczba witryn) - 999 $ USD

Wszystkie plany zawierają 1 rok aktualizacji i wsparcia. Przy śmiesznie niskiej cenie 49 USD, kiedy stworzenie nowej witryny od podstaw zajmie dosłownie kilka godzin (w oparciu o szablony), uważamy, że jest to doskonała wartość. 

Jeśli jesteś projektantem, prawdopodobnie będziesz tworzyć więcej niż 4 witryny w ciągu roku (nawet biorąc pod uwagę szybkość tworzenia witryn teraz, gdy masz w swoim arsenale Elementora), więc zdecydowanie zalecamy wybranie bezpośrednio Nieograniczony plan natychmiast. 

Kod rabatowy Elementora

Za każdym razem, gdy mamy kod rabatowy Elementor lub kod kuponu, opublikujemy go tutaj, aby uzyskać najlepszą cenę.

Poniższy link przeniesie Cię na oficjalną stronę, na której uzyskasz najlepszą cenę na Elementor w październik 2021.

Kliknij tutaj, aby uzyskać najniższą cenę na Elementor

 

Zobacz, co niektórzy powiedzieli o wtyczce:

referencje

 

Zaawansowane niestandardowe pola

W kolejnej części naszego artykułu zwracamy uwagę na kolejną uwielbianą przez nas wtyczkę, Advanced Custom Fields.

Zaczniemy od krótkiego przeglądu ACF, potem skupimy się na łączeniu zaawansowanych pól niestandardowych i Elementora, aby osiągnąć niesamowite wyniki. Nawet rewolucyjny.

Dla niewtajemniczonych ACF pozwala użytkownikowi tworzyć niestandardowe pola do edycji ekranów, aby poprawić zarówno wrażenia użytkownika tworzącego witrynę, jak i oczywiście ostatecznie użytkownika odwiedzającego witrynę.

Tak jak krótkie wprowadzenie in

  • Konstruktor pól ACF umożliwia dodawanie pól do ekranów edycji WP w kilka sekund
  • Pola można dodawać do dowolnych treści, postów, użytkowników, terminów taksonomii, mediów, komentarzy lub gdziekolwiek indziej
  • Następnie możesz wyświetlać pola w dowolnym miejscu, z funkcjami przyjaznymi dla programistów

Jako programista/projektant, gdy tylko zobaczysz powyższe, twój umysł może szybko zacząć ścigać się z ogromnymi dostępnymi możliwościami. Dzięki powyższemu możesz dosłownie stworzyć „niestandardową kopię” WordPressa, która jest dokładnie dopasowana do potrzeb każdego klienta, którego masz. 

Zapewne wiesz, że większość klientów, chociaż chętnie korzystałaby z WordPressa, nadal będzie mieć swoje własne, szczególne wymagania. Wiesz również, że poprawianie podstawowego kodu w celu zaimplementowania tych zmian jest zazwyczaj złym pomysłem, ponieważ oznacza to, że nie będziesz w stanie uzyskać podstawowych aktualizacji, co stwarza poważne zagrożenie bezpieczeństwa dla tej instalacji.

ACF pozwala „dostosować” WordPressa, bez dotykania żadnego podstawowego kodu, po prostu za pomocą wtyczki.

Więcej o wtyczkach możesz przeczytać tutaj: https://www.collectiveray.com/wp/wtyczki/

Oczywiście nie tylko my jesteśmy podekscytowani możliwościami korzystania z zaawansowanych pól niestandardowych. Jest to jedna z najpopularniejszych, zainstalowanych i wysoko ocenianych wtyczek. Biorąc pod uwagę fakt, że jest to zorientowane na projektanta/programistę, widać, że poniższe statystyki instalacji są niczym nadzwyczajnym.

Zanim więc zagłębimy się jeszcze dalej, warto zauważyć, że ta wtyczka ma ponad 1 milion aktywnych instalacji i cieszy się 5-gwiazdkową oceną z ponad 1000 recenzji. To niezwykłe osiągnięcie, jeśli musiałbyś mnie zapytać.

Zaawansowane pola niestandardowe, aktywne instalacje i aktualne recenzje 

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ących o szczegółowe i konkretne informacje, które można wykorzystać do lepszego udzielenia odpowiedzi na ich pytania. Na przykład, jeśli twój klient jest klientem zorientowanym na usługi lub produkcję, możesz zamówić złożony formularz, który zadaje bardzo konkretne pytania dotyczące potrzeb odwiedzającego. Ostatecznie wszystkie te informacje łączyły się w celu wystawienia lepszego klienta lub udzielenia lepszej odpowiedzi na konkretne zapytanie.

To wszystko tylko zarysowuje powierzchnię tego, co ACF może zrobić w rzeczywistości. Biorąc pod uwagę, jak bardzo jest to ukierunkowane na programistó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ć niestandardowe pola i funkcje, które utworzyłeś, aby dostosować swoją pracę, tak aby użytkownicy mogli czerpać korzyści z tych dostosowań — pomyśl na przykład o możliwości tworzenia różnych niestandardowych formularzy dla różnych nisz
  • Wtyczki - po raz kolejny jako programista wtyczek możesz dostosować określone formularze, aby utworzyć rozszerzoną funkcjonalność dla określonych funkcji WordPressa lub własnej wtyczki - możesz faktycznie użyć ACF do zaprojektowania rozszerzonej funkcjonalności formularza, która może być wykorzystana do dostosowania przechwytywania danych podłącz

Po raz kolejny, jako programista, a nawet jako projektant stron internetowych, możesz już zacząć dostrzegać (i prawdopodobnie ekscytować się) potencjałem ACF.

Więc zacznijmy trochę bawić się ACF i zobaczmy, do czego jest zdolny. Spójrz poniżej na poniższy formularz, który stworzyliśmy w kilka minut. Chcielibyśmy zwrócić Państwa uwagę na kilka rzeczy, których się nie spodziewaliśmy.

Tworzenie niestandardowego formularza

Oprócz standardowych pól formularzy, takich jak tekst, pole wyboru i wybór, selektor daty i standardowe opcje przebiegu frezarki, ACF obsługuje również

  • Relacyjne typy postów - ten typ pola umożliwia wyświetlanie elementów (takich jak posty i strony), które już istnieją w bieżącej witrynie. Więc jeszcze raz wyobraźmy sobie przez chwilę, że jesteśmy twórcą motywów i chcemy dać użytkownikowi możliwość wybrania kilku postów do wyświetlenia na stronie głównej. Korzystając z filtrów zaawansowanych tego typu możemy łatwo stworzyć 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 ColorPicker - wszystkie te typy pól są obsługiwane przez jQuery i wszystkie są obsługiwane od razu po zainstalowaniu (nawet w bezpłatnej wersji ACF)
  • Zasady - pola mogą być wyświetlane lub nie w oparciu o logikę warunkową, którą można zdefiniować za pomocą interfejsu użytkownika ACF. Oznacza to, że formularz można dostosować do danych wprowadzonych przez użytkownika, pokazując dodatkowe pola lub ukrywając inne w razie potrzeby w zależności od tego, co użytkownik faktycznie wprowadza
  • Opcje - finał i wisienka na torcie, pozwalają decydować o dokładnych opcjach, jak i gdzie chcesz wyeksponować swoją formę. Niezależnie od tego, czy chcesz wyświetlić formularz u góry strony (w zapleczu), przy użyciu Metabox lub nie i innych opcji.

Oto pełna lista wszystkich dostępnych typów pól:

  • Tekst — jednowierszowe pole tekstowe z opcjonalną obsługą HTML i limitami znaków
  • Obszar tekstowy — taki sam jak tekst, ale może zawierać wiele wierszy
  • Liczba — pole liczbowe, które może zawierać opcjonalne wartości min/maks dla limitów i walidacji
  • E-mail — Niestandardowe pole do wprowadzania wiadomości e-mail, w tym weryfikacji
  • Hasło — Wprowadzanie hasła z maskowaniem tekstu
  • WYSIWYG Editor — wejście edytora WordPress z opcjami wstawiania multimediów i przyciskami edytora
  • Obraz — Prześlij obraz lub wybierz go z biblioteki multimediów. Zwraca obiekt, adres URL lub identyfikator.
  • Plik — taki sam jak obraz, ale ogólnie dla plików
  • Wybierz — Rozwijane menu 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 lub fałsz
  • Link do strony — zwraca adres URL dowolnego posta lub strony. Można ograniczyć do określonych typów postów.
  • Post Object — zwraca obiekt WordPress dowolnego postu lub strony, typu posta lub taksonomii
  • Związek — taki sam jak obiekt postu, ale z zaawansowanym interfejsem i zmianą kolejności za pomocą przeciągania i upuszczania
  • Taksonomia — zwraca obiekt lub identyfikator dla co najmniej jednej 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ść
  • Selektor dat — Wybierz datę kalendarzową i zwróć sformatowany ciąg daty
  • Próbnik kolorów — Wybierz kolor szesnastkowy
  • Wiadomość — Zostaw wiadomość
  • Tab — Połącz pola w interfejs z zakładkami 

 

Ciężko wymyślić scenariusze, których nie obejmują powyższe funkcje. Nic dziwnego, że wtyczka nazywa się Advanced Custom Forms, ponieważ udostępniana funkcjonalność jest bardzo potężna w rękach kogoś, kto wie, jak wykorzystać te funkcje. jest niezwykle elastyczny i umożliwia rozszerzenie standardowych funkcji WordPressa, ograniczonych jedynie Twoją wyobraźnią.

Wspaniałą rzeczą jest to, że całe to dostosowywanie odbywa się bez dotykania wiersza kodu, a co ważniejsze, bez dotykania żadnych podstawowych plików - zapewniając, że nie spowodujesz żadnych problemów z bezpieczeństwem dla dostosowywanych witryn.

To bez wątpienia zmieniacz gry.

Frontend a backend 

Z powyższych przykładów i opcji widać, że ACF może być używany zarówno w interfejsie, jak i zapleczu. Teraz naprawdę i naprawdę wiemy, że istnieje milion i jeden wtyczek formularzy, które pozwalają tworzyć niestandardowe formularze dla zaplecza.

Prawdziwa zaleta wynika z możliwości dostosowywania stron administracyjnych WordPressa - dzięki temu produkt ten jest produktem stworzonym przez programistów dla programistów i projektantów. Jako programiści znają i rozumieją ograniczenia działania wyłącznie w granicach WordPressa.

Jest to więc produkt, który pozwala programistom i projektantom przesuwać granice WordPressa nie z poziomu frontendu, ale szczególnie w zakresie możliwości dawanych administratorowi WordPressa lub webmasterowi.

Teraz, gdy widzieliśmy możliwości ACF i Elementora, podajmy kilka przykładów, jak mogą one ze sobą współpracować.

Niestandardowe formularze kontaktowe

Omówiliśmy już powyżej, w jaki sposób niestandardowy formularz kontaktowy przeznaczony specjalnie dla Twojej usługi, branży lub produktu może pomóc w zamknięciu nowego biznesu. Przyjrzyjmy się więc, co możemy zrobić za pomocą Elementora i zaawansowanych pól niestandardowych.

Stworzyliśmy już niestandardowy formularz dla określonej branży (nadal ma dość ogólny charakter, ale masz pomysł, możesz następnie dostosować i dodać pola zgodnie z konkretnym przypadkiem).

Teraz chcemy dodać ten formularz do strony Skontaktuj się z nami utworzonej przez Elementor. Tworzymy stronę Kontakt i zamiast projektować ją od podstaw, wybieramy szablon spośród gotowych.

szablon strony kontaktowej

Teraz, gdy mamy już podstawę, od czego zacząć, dodajmy własny, spersonalizowany formularz:

Usunęliśmy istniejące w formularz kontaktowy i upuścił widżet formularza i dostosował formularz kontaktowy, aby stworzyć własny niestandardowy formularz wyceny - dosłownie w ciągu kilku minut skończyliśmy.

Projektowanie niestandardowego formularza wyceny

I to jest piękno korzystania z tych dwóch wtyczek. Niezależnie od tego, czy chcesz tworzyć niestandardowe formularze w backendzie dla własnych motywów i wtyczek, czy też chcesz używać niestandardowych formularzy w interfejsie, możliwości są skończoneless.

Jedną z rzeczy, które chcielibyśmy, abyśmy byli w stanie zrobić i jesteśmy pewni, że zespół Elementora w końcu zintegruje się z ich produktami, byłaby możliwość tworzenia formularzy za pomocą ACF i dodawania ich bezpośrednio w kreatorze stron. 

AKTUALIZACJA wrzesień 2018 - nowe wersje tych dwóch wtyczek można teraz bezpośrednio integrować. Niestandardowe formularze utworzone w ACF można teraz zintegrować bezpośrednio z Elementorem przy użyciu niestandardowych typów postów.

Połączenie ACF i Elementora

Tak więc było to coś, czego dwie wtyczki pominęły jeszcze kilka miesięcy temu, kiedy recenzowaliśmy te dwa produkty. Nasi czytelnicy odkryli również nieco zamieszania i rozczarowania, że ​​nie są w stanie tego zrobić.

Jak powinien zrobić dobry recenzent, skontaktowaliśmy się z zespołem programistów i zasugerowaliśmy, że powinno to być coś, co powinno być wbudowane w te dwa produkty, aby móc stworzyć piękne rozwiązanie do integracji między nimi.

Jako dobry zespół, który dba o swoich klientów, szybko wskoczyli na to i zaledwie kilka miesięcy później mamy nowe wersje obu produktów, które teraz oferują bezpośrednią integrację.

Jest to możliwe przy użyciu niestandardowych typów postów w WordPress. Tylko dla tych, którzy nie są zaznajomieni, najczęstszymi 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 postów to specyficzny rodzaj „treści”, który przyjmuje określony format.

Należy pamiętać, że w 100% można zdefiniować nowe niestandardowe typy postów, jeśli masz określoną treść, która musi być „ustrukturyzowana”.

Zasadniczo to, co musisz zrobić, aby utworzyć niestandardowy typ postu, to użyć wtyczki Custom Post do zdefiniowania nowych potrzebnych pól lub zrobić to za pomocą kodu.

Faceci z Elementora stworzyli bardzo szczegółowy długi artykuł na temat jak wykonać tę integrację.

Najłatwiej to zrobić za pomocą wtyczki CPT UI, którą możesz znaleźć tutaj. Nie będziemy omawiać wszystkich szczegółów tworzenia niestandardowego typu postu, istnieje wiele artykułów, chociaż gorąco polecamy odwiedzić ten?.

Niestandardowy typ posta CPT UI

Po utworzeniu niestandardowego typu wpisu musisz teraz utworzyć niestandardowe pola za pomocą ACF i wyświetlać tylko określone pola na podstawie tego, czy typ wpisu jest właśnie zdefiniowanym.

utwórz niestandardowe pola z acf

 

Aby móc wyświetlać te niestandardowe typy postów na stronach bloga, należy zrozumieć, jak te niestandardowe typy postów działają w różnych obszarach witryny.

Jeśli musiałeś wyobrazić sobie niestandardowy typ postu z referencjami, możesz dodać go na dowolnej stronie lub poście, z którego korzystasz. Możesz także utworzyć pełny „post” przy użyciu niestandardowego typu posta.

Aby używać ich z Elementorem, będziemy korzystać z szablonów i oto kroki, które musisz wykonać:

  • Utwórz nowy pojedynczy szablon, możesz nadać mu nazwę nowego typu i dodać nowy widżet tekstowy. Dla przykładu użyjemy widżetu nagłówka. 
  • Kliknij dynamiczną ikonę i wybierz Pole ACF. Kliknij go ponownie i pod „kluczem” wybierz niestandardowy typ posta, który utworzyłeś. Pojawi się dodana wcześniej zawartość.
  • Teraz wszystko, co pozostało, to opublikować i teraz możesz użyć tego szablonu w swoich treściach.

 

Jeśli chcesz mieć możliwość ponownego wykorzystania tych typów treści i pól, możesz ich użyć w szablonach Elementora. Używając funkcji Theme Builder, możesz tworzyć szablony używając tych niestandardowych typów, wybierając pola z Dynamic Content.

Odwiedź Elementor, aby uzyskać dłuższe wyjaśnienie formularzy niestandardowych typów postów

Dodatki do Elementora

Teraz, gdy omówiliśmy szczegółowo te dwa wspaniałe produkty, chcielibyśmy nieco się rozwinąć. Kiedy wtyczki, takie jak te dwie, zyskują taką popularność, nieuniknione jest, że stają się własną niszą i branżą i zaczynają przyciągać dostawców oprogramowania, którzy faktycznie tworzą inne rozszerzenia w celu rozszerzenia funkcjonalności tych wtyczek.

Przyjrzymy się więc wielu dodatkom do Elementora, które warto rozważyć, aby jeszcze bardziej zwiększyć funkcjonalność.

Ostateczne dodatki dla Elementora

Jest to zestaw widżetów, które mają na celu dodanie większej funkcjonalności i elastyczności do kreatora stron. Biorąc pod uwagę, że te widżety pochodzą z Brainstorm Force, firmy odpowiedzialnej za WP Astra, możesz zrozumieć, że jakość tych funkcji jest na bardzo wysokim poziomie.

Ostateczne dodatki

W chwili pisania tego tekstu dostępnych jest ponad 24 widżety, w tym między innymi:

  • Oś czasu - to świetny sposób na pokazywanie wykresów osi czasu, map drogowych lub innych elementów opartych na czasie time
  • Przełącznik treści — umożliwia to użytkownikowi końcowemu przełączanie się między określonymi fragmentami treści, na przykład wyświetlanie cen miesięcznych i rocznych lub innych podobnych przełączników cen
  • Wyskakujące okienko modalne - prosty i przejrzysty sposób tworzenia wyskakujących okienek, takich jak subskrypcja biuletynu lub inne treści, które chcesz polecać.
  • Godziny pracy - służy do uatrakcyjnienia godzin pracy i profesjonalnego wyglądu
  • Google Map - niezbędna funkcja dla każdej witryny dla lokalnego biznesu, aby upewnić się, że klienci wiedzą, gdzie się znajdujesz
  • Cennik i cennik Price - wycena to oczywiście kolejna ważna funkcja, jeśli zajmujesz się sprzedażą usług lub pakietów

Piękno tego pakietu widżetów polega na różnych strukturach cenowych, jeśli zdecydujesz się na pakiet agencyjny, otrzymasz nawet bezpłatną kopię wtyczki Astra Pro i WP Portfolio oprócz wielu gotowych stron startowych, aby przyspieszyć projektowanie stron internetowych praca.

Crocoblock

To firma, która jest wielkimi fanami Elementora i stworzyła wiele wtyczek premium, takich jak:

  • JETElementy - wiele pięknych widżetów, takich jak tabele cen, wbudowane SVG, osie czasu, paski postępu, układy murowane i wiele więcej, do wyboru jest ponad 40 widżetów
  • JETMenu - łatwy sposób na stworzenie łatwego w użyciu i konfigurowalnego Mega Menu
  • JETabs - świetny sposób na zorganizowanie zatłoczonych stron, które wymagają dużej ilości istotnych informacji, takich jak strony produktów
  • JETWoobuilder - to kolejny świetny produkt, który jest zasadniczo świetnym sposobem na tworzenie stron WooCommerce, które sprzedają
  • Silnik odrzutowy - jest to wtyczka, która doskonale nadaje się do tworzenia dynamicznych treści na Twoich stronach, takich jak pola dynamiczne, meta, linki, a nawet obrazy i układy.

Wtyczki Crocoblock

W sumie z Crocoblock, masz jednego dostawcę, który może zaspokoić wszystkie Twoje potrzeby związane z WordPressem. Zarówno ich motyw Kava, wiele widżetów Elementora, różne wtyczki i wiele więcej, wszystkie dostępne w ogromnej cenie za pośrednictwem pakietu Lifetime, to jedna doskonała okazja.  

 

Elementor kontra Beaver Builder

Zalecana literatura: Beaver Builder vs Elementor - ostateczny 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 odnoszących sukcesy produktów, który we wrześniu 5 roku osiągnął 2020 milionów aktywnych instalacji.

Ale z pewnością nie jest to jedyny, z którego możesz skorzystać. Na przykład, podczas gdy projektanci stron internetowych i administratorzy stron internetowych preferują narzędzie do tworzenia stron typu „przeciągnij i upuść”, twórcy stron internetowych zazwyczaj preferują takie struktury, jak Beaver Builder które dają im większą elastyczność, zamiast dawać im tylko opcję obsługiwaną przez wtyczkę.

Jest o wiele więcej punktów do omówienia, jeśli chodzi o porównywanie Elementora z Beaver Builder. W rzeczywistości właśnie sprawdziliśmy oba te elementy i stworzyliśmy pełne porównanie i ostateczny przewodnik, który można zobaczyć pod powyższym linkiem.

Final Thoughts

Wierzymy, że Elementor ustawia poprzeczkę, jeśli chodzi o kreatory stron – i ustawia ją dość wysoko.

Jest to zdecydowanie jeden z najlepszych kreatorów stron, a inni dostawcy zrobiliby sobie przysługę, gdyby spojrzeli na ten produkt, aby upewnić się, że zapewniają przynajmniej ten sam poziom funkcji, co Elementor.

Nie tylko to, ale jako projektant i programista połączenie używania Elementora i ACF razem do zasilania własnych niestandardowych motywów daje możliwość rozpoczęcia tworzenia bardzo niszowych motywów, które zaspokajają bardzo specyficzne branże, w sposób, który wcześniej był prawie niemożliwy.

Wierzymy, że obie te wtyczki same w sobie zmieniają zasady gry, ale razem - prawdziwa zwycięska kombinacja.

Kliknij tutaj, aby uzyskać najniższą cenę na Elementor

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...