Wyróżnienie wtyczki Divi: Divi Machine

Divi Machine to wtyczka innej firmy do Divi, która dodaje do Divi wiele niestandardowych funkcji typu post. Wykorzystuje zaawansowane pola niestandardowe i dodaje wiele nowych modułów do Divi Builder, aby tworzyć nowe układy dla niestandardowych typów postów. Dodaje nawet funkcje, których ACF normalnie nie ma. W tym artykule przyjrzymy się Divi Machine i zobaczymy, co może zrobić, aby pomóc Ci zdecydować, czy jest to odpowiednia wtyczka dla Twoich potrzeb.

Instalowanie maszyny Divi

Prześlij i aktywuj wtyczkę jak zwykle. Wymagana jest darmowa lub pro wersja zaawansowanych pól niestandardowych. Jeśli nie masz go zainstalowanego, zobaczysz komunikat, aby go zainstalować i link do strony wtyczki w repozytorium WordPressa. Zainstaluj i gotowe.

Ustawienia maszyny Divi

Ustawienia znajdziesz w menu Divi Engine na pulpicie WordPress. Ustawienia pozwalają wprowadzić klucz licencyjny, włączyć tryb debugowania, dodać niestandardowe CSS i JavaScript oraz zaimportować lub wyeksportować ustawienia. Karta Uzyskaj pomoc zawiera kilka filmów i łączy do dokumentacji.

Tworzenie typu postu Divi Machine

Karta Typy postów zawiera listę utworzonych przez Ciebie niestandardowych typów postów i zawiera przycisk do dodawania nowych typów postów.

Stworzyłem nowy typ postu o nazwie Domy. Dodałem tytuł i wszystkie pola wypełniły się automatycznie. Ustawienia obejmują ustawienia ogólne, etykiety, widoczność postów i opcje zaawansowane.

Ustawienia ogólne obejmują nazwę typu wpisu, informacje o pracy i opis. Etykiety umożliwiają zmianę nazwy każdej etykiety. Widoczność posta obejmuje publiczny, panel boczny administratora, pozycję, ikonę, pasek administratora i menu nawigacyjne. Ustawienia zaawansowane obejmują taksonomie, obsługę meta, wykluczanie z wyszukiwania, włączanie archiwów, niestandardowy slug archiwum i hierarchię.

Kliknięcie nazwy ikony otwiera listę ikon pulpitu WordPress, w których możesz dokonać wyboru. Wybieram domy dla typu postu Domy. Jest to zwykle używane w przypadku wielu witryn, ale i tak go używam. Wystarczy skopiować i wkleić nazwę w polu nazwy ikony w ustawieniach typu posta.

Po opublikowaniu typu posta nazwa pojawi się w menu na pasku bocznym i wyświetli ustawioną dla niego ikonę.

Tworzenie grup pól w ACF

Po utworzeniu typu wpisu w Divi Machine utwórz grupę pól dla typu wpisu za pomocą zaawansowanych pól niestandardowych. W panelu WordPress przejdź do pól niestandardowych i kliknij Dodaj nowy .

Spowoduje to otwarcie edytora, w którym utworzysz grupę pól. Wybierz Dodaj pole i zapisz informacje, których potrzebujesz dla tego pola. Zrób to dla każdego z pól.

Utwórz każde z pól z ich atrybutami.

Twoje pola będą wyświetlane w kolejności, w jakiej je utworzyłeś. Możesz je przeciągać i upuszczać, aby zmienić kolejność i edytować każde pole. To jest kolejność, w jakiej będą pojawiać się na dole strony typu posta. Dla każdego z Twoich postów będzie on inny. Wydawca udostępnia szczegółowy film, który prowadzi Cię przez ten proces, więc nie omawiałem tutaj tych szczegółów.

Teraz, gdy dodaję nowy dom za pomocą typu postu Domy, wszystkie pola są dostępne. Po utworzeniu postów możesz je wyświetlać za pomocą modułów Divi Machine.

Moduły maszyny Divi

Divi Machine dodaje 15 nowych modułów do Divi Builder. Moduły obejmują:

1. Pozycja ACF
2. Pętla archiwum
3. Pętla kategorii
4. Filtruj posty
5. Galeria
6. Zamów przez
7. Po karuzeli
8. Treść postu
9. Opublikuj meta
10. Suwak postów
11. Tytuł posta
12. Przekaźnik
13. Szukaj postów
14. Miniaturka
15. Przycisk Wyświetl posty

Te moduły mogą być używane do tworzenia niestandardowych układów dla stron typu postów, stron kategorii, stron archiwów itp.

Każdy z modułów zawiera standardowe funkcje Divi z zakładkami Treść, Projekt i Zaawansowane. Obejmują one opcje wyboru układów, ustawień pętli, opcji siatki, ustawień elementów i wiele innych. Żaden z modułów, które mają te elementy podrzędne lub elementy podrzędne, nie wyświetlają zawartości w programie Visual Builder.

Zrozumienie niektórych ustawień wymaga pewnej wiedzy na temat niestandardowych typów postów i pętli. Początkujący mogą na początku być sfrustrowani, ale dostarczone układy bardzo pomagają. Spójrzmy na kilka przykładowych stron wykonanych za pomocą modułów Divi Machine.

Darmowe pakiety układów maszyn Divi

Wydawca udostępnia kilka bezpłatnych pakietów układów ze stronami dla Divi Builder i Divi Theme Builder. Można je pobrać ze strony internetowej wydawcy. W tym artykule użyję układów agenta nieruchomości.

Układy Divi dla postów typu Domy skupiają się na agentach nieruchomości. Obejmują one brak wpisu, pojedynczą stronę właściwości i układ pętli.

Układy treści Kreatora motywów dla typu postu Domy obejmują wszystkie domy, strony kategorii wszystkich domów i stronę archiwum domów.

Kiedy przesyłasz układy do Theme Buildera, są one automatycznie przypisywane do Ciebie.

Wszystkie domy

Układ All Houses został zaprojektowany dla Theme Buildera. Korzysta z notek, tekstu, rozdzielaczy, formularza kontaktowego i wielu modułów Divi Machine.

Wszystkie domy Kategoria i strony archiwum

Układy stron kategorii Wszystkie domy i archiwum wyświetlają tytuł, filtr postów, kolejność według modułu i pętlę archiwum.

Układ pętli agentów nieruchomości

Oto układ Estate Loop. Zawiera moduły tytułu posta, elementu AFC, miniatury, meta postu itp.

Pojedyncze właściwości

Układ pojedynczych właściwości wyświetla miniaturę, tytuł posta i element ACF.

Strona pojedynczego posta

Oto spojrzenie na stronę pojedynczego posta utworzoną w Theme Builder. Wyświetla tytuł z wyróżnionym obrazem w tle w paralaksie. Elementy paska bocznego unoszą się i przewijają tylko wtedy, gdy napotka je następny element, aby zająć jego miejsce na ekranie. Więcej właściwości jest wyświetlanych jako karty na dole strony.

Funkcje maszyny Divi AJAX

Divi Machine ma kilka funkcji AJAX, które pozwalają użytkownikom aktualizować informacje na stronie bez konieczności ponownego ładowania strony. Świetnie sprawdza się w przypadku wyszukiwań i filtrów.

Filtruj posty

Jedną z najciekawszych funkcji AJAX jest filtr. Wybierz, co chcesz z rozwijanych pól, a wyniki pojawią się bez ponownego ładowania strony. Filtr jest szybki. Działa to tylko w przypadku treści stworzonych przez Divi Machine.

Każdy z elementów filtra jest dodawany jako podelementy.

Przycisk Wczytaj więcej

Moduł Archive Loop zawiera funkcję Load More, dzięki której możesz ograniczyć liczbę postów wyświetlanych po załadowaniu strony. Użytkownicy mogą szybko załadować więcej postów bez ładowania nowej strony.

Zamów przez

Moduł Orderby pozwala wybrać opcje porządkowania, do których użytkownicy mają dostęp podczas sortowania postów i wyników. Tworzysz pozycje orderby, dzięki czemu masz pełną kontrolę.

Galeria

Możesz nawet utworzyć galerię, nawet jeśli darmowa wersja ACF nie zawiera opcji galerii. Moduł Galeria pozwala utworzyć siatkę galerii lub suwak i wybrać typ galerii ACF.

Dokumentacja

Dokumentacja jest dostarczana zarówno w formie pisemnej, jak i wideo. Szczegółowe samouczki wideo znajdują się w wyskakujących menu na stronie produktu w witrynie dewelopera. Uważam je za bezcenne. Obejmują nawet, jak używać ACF.

Cena

Maszyna Divi jest dostępna w Divi Engine. Posiada kilka opcji zakupu:

Coroczny

• 1 strona £18
• 2 – 5 witryn £42
• Nieograniczony £85

Dożywotni

• 1 witryna £63
• Nieograniczony £260

Obejmują one rok wsparcia i aktualizacji przez cały okres aktywności licencji.

Końcowe myśli

Takie jest nasze spojrzenie na Divi Machine. Ta wtyczka dodaje wiele funkcji zarówno do zaawansowanych pól niestandardowych, jak i Divi. Niestandardowe typy postów mogą być nieco trudne dla nowych użytkowników, ale ta wtyczka jest równie łatwa lub łatwiejsza w użyciu, jak każda wtyczka niestandardowego typu postów, z której korzystałem w Divi. Filmy są ogromną pomocą w konfigurowaniu typów postów, a układy są świetnym punktem wyjścia podczas projektowania stron typu postów w Divi. Jeśli interesuje Cię używanie niestandardowych typów postów w Divi, Divi Machine to łatwy wybór.

Chcemy usłyszeć od Ciebie. Czy próbowałeś Divi Machine? Daj nam znać, co o tym myślisz w komentarzach.

Polecane zdjęcie za pośrednictwem PODIS / shutterstock.com