Wszystko, co musisz wiedzieć o budowniczym pętli Divi 5

Builder pętli jest najnowszą funkcją . Oferuje nowy sposób budowania niestandardowych kanałów blogów, siatków produktów lub innej treści dynamicznej, wszystkie w ramach Divi 5 Builder. Ten potężny nowy dodatek pozwala twórcom budować zawartość zapętlania z elastycznością, przekształcanie sposobu wyświetlania postów, produktów i innych niestandardowych typów postów.

W tym poście zbadamy funkcje Buildera pętli i zapewnimy przewodnik krok po kroku, jak z niego korzystać. Zacznijmy!

Co to jest konstruktor pętli Divi 5?

Builder pętli w Divi 5 to nowa funkcja, która pozwala użytkownikom Divi tworzyć i dostosowywać dynamiczne, zapętlane projekty bezpośrednio w ramach Builder Visual. Niezależnie od tego, czy prezentujesz posty na blogu, produkty WooCommerce, czy inne niestandardowe typy postów, Divi 5's Loop Builder pozwala budować pętle treści przy użyciu dowolnego elementu Divi bez ograniczania się do statycznych, predefiniowanych modułów.

Subskrybuj nasz kanał YouTube

Zaletą pętli Divi 5 polega na jego wolności. Możesz zaprojektować skomplikowane układy z niestandardowymi zapytaniami i stylizować je za pomocą pełnego pakietu narzędzi projektowych Divi. Oznacza to, że możesz tworzyć wszystko, od eleganckich kanałów blogów po dynamiczne siatki produktów z pełną kontrolą, wszystko w interfejsie bez kodu, przeciągania i kropki

Kluczowe funkcje budowniczego pętli

Divi 5's Loop Builder ma potężne funkcje, które sprawiają, że jest to wyjątkowe narzędzie do tworzenia dynamicznych, dostosowanych pętli treści. Oto bliższe spojrzenie na to, co czyni go tak wszechstronnym i przyjaznym dla użytkownika:

1. Elastyczne tworzenie pętli

Dzięki Builder Loop Builder nie jesteś ograniczony do predefiniowanych modułów. Możesz przełączyć opcję pętli na dowolnym elemencie Divi, przekształcając ją w dynamiczną pętlę zawartości. Pętle umożliwiają tworzenie niestandardowych szablonów za pomocą Builder Visual, co daje swobodę tworzenia układów pasujących do Twojej wizji, od minimalistycznych sieci blogów po portfolio.

2. Niestandardowe opcje zapytań

Builder pętli kontroluje, jak zawartość wyświetlała. Możesz dostosowywać pętle według typu postu, kategorii, liczby postów lub zaawansowanych zapytań meta. W pełni obsługuje niestandardowe typy postów (CPTS), takie jak produkty WOO, zdarzenia lub treści filtrowane przez autora. Oznacza to, że możesz tworzyć pętle dla praktycznie dowolnego typu treści w witrynie, bez pisania kodu lub używania wtyczek stron trzecich.

3. Dynamiczna integracja treści

Bezproblemowo wciągnij dynamiczną zawartość do szablonów pętli, w tym tytuły postów, wyświetlone obrazy, fragmenty lub pola niestandardowe. Builder Loop oferuje natywną obsługę ACF, w tym pola repeatera, umożliwiając wyświetlanie danych bezpośrednio w pętlach. Ta integracja zapewnia, że treść jest zarówno dynamiczna, jak i wysoce konfigurowalna.

4. Wolność projektowa

Styltą zawartość zapętloną w wizualnym budowniczym, aby stworzyć unikalne, przyciągające wzrok układy, takie jak siatki, karuze lub suwaki. Każdy aspekt jest w pełni konfigurowalny, dzięki czemu twoje pętle są zgodne z Twoją marką.

Jak działa budowniczy pętli

Divi 5's Loop Builder upraszcza tworzenie dynamicznych pętli treści, dzięki czemu jest dostępny dla początkujących i zaawansowanych użytkowników. Przed zbudowaniem pętli przejrzyjmy wszystkie ustawienia w ramach Builder Loop Divi 5.

Zrozumienie ustawień pętli Divi 5

Builder pętli w Divi 5 pozwala tworzyć dynamiczne sekcje na swojej stronie internetowej, pobierając i wyświetlając różne typy treści w oparciu o konkretne kryteria. Przejdźmy do każdego ustawienia, aby lepiej zrozumieć, co robią i jak z nich korzystać.

Typ zapytania

To jest podstawowy wybór Twojej pętli. Mówi Divi 5, jaką treść chcesz wciągnąć w swój układ. Możesz wybierać między postami, warunkami lub użytkownikami. Posty są standardowymi treściami, takimi jak posty na blogu, projekty lub dowolny niestandardowy typ postu na swojej stronie. Warunki patrz kategorie, tagi lub niestandardowe taksonomie. Wreszcie użytkownicy umożliwiają wyświetlanie informacji o użytkownikach w Twojej witrynie, takich jak autorzy lub współpracownicy.

Typ post

Jeśli wybierasz posty dla typu zapytania, to ustawienie udoskonalono, jaki rodzaj postu chcesz wyświetlić. Mogą to być posty na blogu, produkty, projekty, strony lub dowolny niestandardowy typ postu, który zarejestrowałeś, takie jak przepisy lub referencje.

Warunki

Wybierając terminy jako typ zapytania, to ustawienie pozwala wybrać, które konkretne kategorie lub tagi chcesz zapętlone. Na przykład mogą to być tagi, formaty, kategorie projektów, tagi projektowe lub niestandardowy termin taksonomii.

Użytkownicy

To ustawienie pozwala filtrować role użytkowników, które chcesz dołączyć podczas zapętlania użytkowników. Przykłady obejmują autorów, współpracowników, redaktorów i administratorów.

Dołącz posty z określonym terminem

Divi 5 pozwala zapętlać posty za pomocą określonych kategorii i tagów, zwężenie wyboru postu, aby zawierać tylko te przypisane do niektórych kategorii lub tagów.

Wyklucz posty z określonymi warunkami

To ustawienie jest przeciwne do powyższego ustawienia. Usuwa posty z pętli przypisanej do określonych kategorii lub kart. Jest to przydatne, gdy chcesz pokazać wszystkie posty na blogu, z wyjątkiem tych w określonej kategorii.

Dołącz określone posty

Jeśli zapętlasz posty, możesz dołączyć tylko określone posty, które są doskonałe do wyświetlania postów lub produktów na blogu. Na przykład możesz utworzyć sekcję postu na stronie domowej lub docelowej i użyć Builder Loop Divi, aby wyświetlać tylko posty lub produkty, które chcesz zawierać.

Wykluczyć określone posty

Umożliwia to usuwanie określonych poszczególnych postów z pętli. Jest to świetny sposób, aby zapobiec pojawieniu się niektórych postów w ogólnym kanale na blogu, na przykład jeśli są one przestarzałe lub częścią specjalnej promocji wyświetlanej gdzie indziej na Twojej stronie.

Zamów

To określa sekwencję, w której pojawią się twoje zapętlone elementy. Możesz sortować według daty publikacji, brak, id, tytuł, nazwa postu, ostatnia zmodyfikowana data, losowa, autora lub liczba komentarzy.

Posty na stronę

To ustawienie kontroluje liczbę elementów wyświetlanych w pętli na jednej stronie treści. Jest to dobry sposób na zaprezentowanie pewnej liczby postów lub produktów na stronie lądowania, portfolio lub archiwum.

Post Offset

To ustawienie pozwala pominąć kilka elementów od początku wyniku zapytania. Post Offset jest niezwykle przydatny do tworzenia unikalnych układów. Na przykład możesz mieć jeden duży post na górze (za pomocą osobnego modułu), a następnie pętlę wyświetlającą resztę postów, zaczynając od drugiego.

Meta Query

Meta Query to ustawienie, w którym konstruktor pętli staje się potężny dla treści niestandardowych. Umożliwia filtrowanie treści na podstawie niestandardowych pól dodanych do postów, warunków lub użytkowników.

Meta Key

Klucz meta jest unikalnym identyfikatorem danych niestandardowych powiązanych z Twoją treścią. Te dane są przechowywane w tabeli Post_Meta w Twojej bazie danych WordPress.

Wartość meta

Wartość meta to konkretna wartość, której szukasz w polu Meta Key.

Porównywać

To ustawienie określa, w jaki sposób należy porównać meta wartość z rzeczywistą wartością przechowywaną w bazie danych dla klucza meta. Opcje obejmują równe, nie równe, większe niż, większe lub równe, mniejsze niż, mniejsze lub równe, zawierają, nie zawiera na liście, nie na liście istnieje pole, a pole nie istnieje.

Typ

Typ mówi Divi, jak interpretować wartość meta podczas porównania. Ma to kluczowe znaczenie dla dokładnych porównań, szczególnie w przypadku liczb lub dat. Możesz wybierać z charakteru, numerycznego, binarnego, daty, datetime, dziesiętnego, podpisanego lub niepodpisanego.

Łącząc te ustawienia, możesz tworzyć wysoce wyrafinowane i dynamiczne wyświetlacze treści w swoich witrynach Divi, przyciągając dokładnie żądaną treść, w żądanej kolejności, i dokładnie przefiltrować tak, jak chcesz.

Tworzenie pętli w Divi 5 (Grid na blogu)

Dodaj nowy 3-kolumnowy wiersz

Zacznij od dodania trzech kolumn do strony w The Visual Builder.

Ustaw pierwszą kolumnę, dodając promień graniczny 15px, wyściółka 25px po wszystkich stronach i granicę 1px #000000.

Włącz pętlę na kolumnie

Następnie włącz element pętli w ustawieniach zawartości pierwszej kolumny.

Owijanie układu wiersza

Następnie będziemy musieli włączyć się do naszego wiersza, aby elementy spadły do następnej linii, gdy skończy się miejsce. Przejdź do zakładki projektu wiersza, rozwinąć menu rozwijane i wybierz opakowanie w opakowaniu układu .

Możesz dostosować poziomą szczelinę między elementami pętli w ramach układu> szczeliny poziomej.

Dodaj zawartość pętli

Po wprowadzeniu tych ustawień możemy dodać moduły do naszej pętli. Kliknij w pierwszej kolumnie , aby dodać moduł obrazu . Zauważysz, że każda kolumna automatycznie doda symbol zastępczy obrazu.

Kliknij ikonę treści dynamicznej w ustawieniach modułu obrazu. Następnie wybierz obraz z LOOP z dostępnych opcji.

Wybierz rozmiar miniatury z menu rozwijanego i kliknij Zastosuj .

Dodaj moduł nagłówka pod modułem obrazu w pierwszej kolumnie. Kliknij ikonę treści dynamicznej i wybierz tytuł Pobyt Park . Styluj nagłówek, jak chcesz.

Następnie dodaj moduł tekstowy do pierwszej kolumny pętli. Kliknij ikonę treści dynamicznej i wybierz autora pętli.

Na koniec dodamy kolejny moduł tekstowy dla fragmentu postu. Po dodaniu kliknij ikonę treści dynamicznej i wybierz Fragment Loop .

Gdy pojawi się okno dialogowe, możesz ustawić dowolny tekst przed i po tym, pozycja pętli oraz liczba słów i czytać więcej tekstu.

Korzystanie z niestandardowych pól pętlowych

Aby wyświetlić niestandardowe pola w pętli, możesz użyć integracji Divi 5 z niestandardowymi typami i pól, w tym utworzonych z zaawansowanymi polami niestandardowymi (ACF). Na przykład stworzyliśmy niestandardowy typ postu dla książek za pomocą ACF, abyśmy mogli wyświetlać ich informacje za pomocą Builder Loop.

W The Visual Builder wybierz typ postu jako typ zapytania i książki jako typ postu.

Divi 5's Loop Builder ułatwia wykorzystanie niestandardowych pól, zwiększając elastyczność treści dynamicznej. Podczas korzystania z ACF można uzyskać dostęp do niestandardowych pola pętli, wybierając ikonę treści dynamicznej w dowolnym kompatybilnym module.

Jedną z najlepszych cech integracji ACF Divi 5 jest sposób, w jaki pola są oznaczone dla wygody. Podczas wybierania pola niestandardowego w menu treści dynamicznej Divi wyświetla etykietę pola ACF (zgodnie z definicją w grupie pola ACF), a nie tylko klucz meta. To sprawia, że identyfikacja i wybór właściwego pola intuicyjnie, szczególnie podczas zarządzania wieloma niestandardowymi pól.

Na przykład, jeśli masz pole ACF o nazwie gatunek dla niestandardowego typu postów dla książek , możesz pobrać te dane do modułu tekstowego, aby dynamicznie wyświetlać gatunek w pętli.

Divi 5 obsługuje pola ACF Repeater

Divi 5 pozwala wyświetlać złożone, powtarzające zestawy danych w twoich pętlach. Po pierwsze, upewnij się, że pole repeater ACF jest ustawione w ACF.

Dodaj moduł taki jak moduł obrazu do kolumny pętli. Wybierz pole niestandardowe pętla w ustawieniach treści dynamicznej, a następnie wybierz pole Repeater. Divi wyświetli podfory repeatera, pozwalając wybrać określone dane, takie jak podffield obrazu, aby utworzyć dynamiczną galerię w pętli. Na przykład możesz utworzyć prezentację portfela, w której każdy obraz w pętli wyświetla serię obrazów z pola repeatera, stylizowanego jako siatka.

Pętle użytkowników i warunków

Builder Loop Divi 5 może być również używany do zapętlania użytkowników i warunków. W przypadku pętli użytkownika możesz utworzyć prezentację członka zespołu. Aby to osiągnąć, ustaw typ zapytania na użytkowników , odfiltruj według roli i dodaj moduły takie jak moduł obrazu dla awatara użytkownika i moduł tekstowy dla jego nazwy.

W przypadku pętli warunków możesz zbudować prezentację kategorii projektu. Jest to świetny sposób na utworzenie strony kategorii do wyświetlania różnych projektów i ich kategorii. Po prostu ustaw typ zapytania na warunki , wybierz taksonomię i dołącz określone warunki.

Niezależnie od tego, czy chcesz zapętlić posty, projekty, kategorie czy autorzy, Builder Loop może obsługiwać różnorodne typy treści poza postami, oferując niekończące się możliwości kreatywne.

Korzyści płynące z korzystania z Builder Loop Divi 5

Divi 5's Loop Builder to nie tylko funkcja. Jest to narzędzie transformacyjne, które ułatwia tworzenie dynamicznych układów. Oto kluczowe korzyści, które sprawiają, że jest to niezbędne dla użytkowników Divi:

• Elastyczność: Builder pętli oferuje swobodę twórczą, umożliwiając zapętlenie dowolnego typu treści za pomocą dowolnego elementu Divi, od rzędów po suwaki. W przeciwieństwie do modułów, które zamykają cię w predefiniowane układy, Builder Loop zapewnia pełną kontrolę projektowania, umożliwiając unikalne układy bez poświęcania kreatywności.
• Wydajność: Zwiększ przepływ pracy za pomocą szablonów pętli wielokrotnego użytku zbudowanego bezpośrednio w wizualnym budowniczym. Utwórz pojedynczy szablon, dostosuj jego zapytanie i stylizację oraz zastosuj je na wielu stronach lub typach postów.
• Integracja natywna: Builder pętli jest wbudowany w Divi 5, oferując bezproblemowe, natywne rozwiązanie dla złożonych wyświetlaczy treści.
• Ulepszone wsparcie CPT: Builder pętli w pełni obsługuje typy WOO, ACF i niestandardowe posty, co czyni go idealnym dla złożonych stron internetowych.

Zbuduj dynamiczne strony internetowe za pomocą Builder Loop Divi 5

Builder Loop w Divi 5 upoważnia użytkowników Divi do tworzenia elastycznych, dynamicznych pętli treści dla dowolnego typu postu lub taksonomii, od postów na blogu i produktów WOO po niestandardowe typy postów. Może przekształcić dowolny element Divi w dostosowywaną pętlę, płynnie integruje się z wtyczkami niestandardowych typu postu, takimi jak ACF, i zapewnić użytkownikom pełną kontrolę projektowania w ramach wizualnego budowniczego. Builder pętli na nowo definiuje sposób wyświetlania treści dynamicznej.

Zachęcamy do zanurzenia się w Builder pętli, pobierając Divi 5 i odkryć, jak może podnieść, jak budować strony internetowe z Divi!