Korzystanie z modułu blogu vs Divi 5's Builder

Moduł blogu jest wbudowanym generatorem kanałów Divi, który działa po wyjęciu z pudełka. Daje to szybki sposób na listę postów za pomocą przełączników dla tytułów, obrazów, fragmentów i metadanych.

Nowy konstruktor pętli Divi 5 ma inne podejście. Projektujesz przedmiot z dowolnymi modułami, a następnie przekazujesz do niego dynamiczną zawartość. Oba narzędzia wyświetlają zawartość zapętloną, ale każde świeci w różnych scenariuszach. Wiedza, kiedy użyć, co oszczędza czas i zapobiega frustracji. Porównajmy te dwa.

Subskrybuj nasz kanał YouTube

Mini Glosariusz

Jest to krótki zestaw warunków dla początkujących, którzy są nowi w koncepcji konstruktora pętli:

• Niestandardowy typ postu (CPT): niestandardowy typ treści, taki jak produkty lub kursy. Zachowuje się jak posty, ale może mieć własne unikalne pola.
• Pole niestandardowe: pole dodane do postu, strony lub CPT. Przykłady menu żywności mogą obejmować cenę, ocenę, deklaracje glutenu/alergii oraz poziomy pikantności.
• Pole repeater: pole, które przechowuje listę elementów wewnątrz poszczególnych postów. Zastanów się nad listami, które mogą być ważne dla niestandardowej treści.
• Wtyczki terenowe: ACF jest wspólnym wyborem, ale działają również POD , meta box , ACPT i Toolset .

Jeśli zgubisz się w niektórych szczegółach, powróć do tego glosariusza. Ale po drodze ułatwimy ci sytuację.

Wyświetlanie prostych kanałów typu postu i postu z modułem blogu

Moduł blogowy został zbudowany dla rozpoznawalnych wzorców blogów. Zakłada wspólne elementy i umożliwia przełączanie tego, co pokazuje, utrzymując szybką konfigurację i proste decyzje.

Pomyśl o tym, jak posty na blogu działają w WordPress. Każdy post udostępnia pewne wspólne elementy, które sprawiają, że można go rozpoznać jako treść bloga. Te wspólne cechy obejmują:

1. 1. Tytuł post
   2. Wyróżniony obraz
   3. Zawartość post
   4. URL ślimak
   5. Autor
   6. Kategorie
   7. i więcej

Moduł blogu został zaprojektowany z myślą o tradycyjnych postach. Tytuły mówią ci, co obejmuje post. Polecane obrazy dodają wizualne losowanie. Fragmenty podglądu treści. Metadata mówi, kto to napisał i kiedy.

Moduł blogu Divi automatycznie synchronizuje się z tymi elementami. Upuszczacie go na stronę i wybierasz, co pokazać. Kanał pojawia się bez niestandardowych prac zapytania (chyba że chcesz ograniczyć to, co jest pokazywane, w takim przypadku istnieją wbudowane narzędzia zapytania).

Podejście przełączające sprawia, że ​​zmiany bezbolesne. Możesz ukryć autora, ale zachowaj datę, pokazać obraz lub pominąć fragment. Małe decyzje przynoszą szybkie wyniki.

Niestandardowe typy postów: ograniczone, ale funkcjonalne

Moduł blogu może wyświetlać normalne posty i poprawnie rejestrować niestandardowe typy postów.

Moduł blogu działa dobrze, gdy CPT odzwierciedla standardowe pola postu. Staje się ogranicza, gdy potrzebujesz prawdziwych danych niestandardowych. Tak więc członek zespołu CPT działa, gdy wszystko jest proste.

• Nazwa mapuje tytuł.
• Władza/awatar mapuje się na wyświetlonym obrazie.
• Bio mapy treści.

Moduł blogu z łatwością obsługuje tę sytuację.

Pola niestandardowe

Ograniczenia pojawiają się w dowolnych polach, których domyślne posty nie udostępniają.

Linki społecznościowe, certyfikaty lub wieloletnie doświadczenie nie pojawią się w module blogu, ponieważ zostały zbudowane dla standardowych pola znalezionych w domyślnych postach na blogu WordPress. Moduł nie ma przełączania dla tych niestandardowych pól.

Niestandardowe układy

Kontrola układu jest również nieco ograniczona; Moduł pakuje elementy wewnątrz stałej struktury w stałej kolejności. Nie możesz ponownie zamówić tytułu i obrazu, chyba że korzystasz z niestandardowych CSS. Możesz zarządzać układem każdej karty blogu za pośrednictwem Flexbox lub Block, ale elementy dziecięce (karty) nie mają ustawień rozmiaru do sterowania dzieckiem Flexbox (takie jak kurczenie się, aby dopasować lub wyrosnąć do wypełnienia).

Moduł blogu jest doskonały i szybki w standardowych układach kart. Jeśli dostaniesz trochę kreatywnego błędu, możesz szukać czegoś bardziej niestandardowego.

Niestandardowe typy postów + pola niestandardowe za pomocą Builder Loop

Divi's Loop Builder oferuje inne podejście do wyświetlania treści dynamicznej. Zamiast pracować w ograniczeniach jednego modułu z z góry określonymi elementami, Builder Loop pozwala konstruować swój wyświetlacz treści z poszczególnych modułów Divi ułożonych dokładnie tak, jak je wyobrażasz.

Korzystanie z Buildera pętli wymaga więcej przemyślenia i przygotowania, ale nie będziesz ograniczony w sposób, w jaki byłeś z modułem blogu. Dzięki module blogu pracujesz w istniejących ograniczeniach i najlepsze z góry określone opcje. W przypadku Builder Loop zaczynasz od pustego płótna i konstruujesz dokładnie to, czego potrzebujesz, używając dowolnej kombinacji modułów Divi.

Jak działa Builder Loop Builder

Builder pętli nie jest jednym modułem. Jest to pojemnik z wybranymi w nim modułami. Gdy pojemnik jest ustawiony na „pętlę”, powtarza się dla każdego wyniku dopasowania. Wewnątrz kontenera możesz umieszczać moduły obrazu, nagłówka, tekstu i przycisków.

Zawartość każdego z tych modułów wiążesz z prawidłowym tokenem. UI Divi sprawia, że ​​jest to dość proste. Obraz wskazuje na wyświetlony obraz. Nagłówek wskazuje na tytuł. Przycisk łączy się z adresem URL postu.

To modułowe podejście zapewnia kontrolę struktury i odstępów. Możesz umieścić obrazy powyżej lub obok tytułów. Możesz także dodać dwa bloki tekstowe dla dwóch niestandardowych pól. W ten sposób możesz zbudować potrzebną kartę, a nie kartę, która jest wstępnie skonfigurowana za pośrednictwem modułu.

Przykłady z niestandardowymi typami postów i pola niestandardowe

Zróbmy ten konkretny z kilkoma szybkimi scenariuszami. Będziemy zachować wzór i zamienić pola. Użyjmy projektu karty z naszego poprzedniego przykładu i zobaczmy, jak można go dostosować za pomocą niestandardowych typów postów i niestandardowych pól.

Najpierw zbuduj niestandardową pętlę dla standardowych postów na blogu. Użyj postów Stand „Typ” ze standardowymi dziedzinami tytułu, kategorii, daty opublikowania i obrazu funkcji. Mapuj każdy do odpowiedniego modułu w swoim projekcie. Wykorzystują one standardowe pola postu, ale są ułożone w unikalnym układzie.

Możemy zrobić coś podobnego dla niektórych prostych ofert nieruchomości. Korzystając z tego samego układu karty, możemy wypełnić treść z naszego niestandardowego typu postu z nagłówkiem przypisanym do tytułu właściwości, modułów tekstowych przypisanych do sypialni, łazienek i opisu właściwości oraz przycisku związanego z adresem URL z listą nieruchomości.

Wynik końcowy wygląda jak nasza karta na blogu, ale wykorzystuje zdolność Buildera pętli do przypisywania treści z niestandardowych pól i niestandardowych typów postów.

Cała ta rozmowa o CPTS, jak je robić? Zaawansowane pola niestandardowe (ACF) to tutaj wybór. Pods, Meta Box, ACPT i Toolset tworzą również pola, które może odczytać Builder pętli. Skorzystaj z tego, co pasuje do twojego budżetu, doświadczenia i stosu.

Uwaga dla stron internetowych nieruchomości : będziesz chciał użyć dedykowanej wtyczki, która wyciąga oferty z IDX do WordPress jako CPT. W ten sposób masz nowe dane i minimalną pracę ręczną (nikt nie chce ręcznie wprowadzać właściwości).

Flexbox dla niestandardowych układów

Flexbox łączy się naturalnie z budowniczym pętli. Możesz użyć go na dwóch poziomach dla czystej, responsywnej struktury bez niestandardowych CSS.

Najpierw ukieruj się pojemnik zewnętrzny . Wybierz kontener nadrzędny pętli. Włącz układ Flex. Ustaw kierunek do rządu. Włącz opakowanie, jeśli chcesz wiele rowów. Ustaw lukę, aby kontrolować odstępy między elementami. Następnie dostosuj rozmiary pojemnika dziecięcego, w którym znajduje się Twoja pętla przy użyciu opcji wielkości. Możesz stworzyć responsywny i atrakcyjny układ dla twoich zapętlonych elementów między elementami ELEX i elementami sterowania dzieckiem.

Po drugie, ukieruj się układ karty wewnętrznej . Wybierz kontener główny wewnątrz elementu pętli (na przykład moduł kolumny lub grupy). W opcjach układu ustaw Flex Direction na wiersz, jeśli chcesz niektóre elementy obok siebie. Ustaw szerokość modułu obrazu, aby objąć około połowy miejsca w pojemniku. Niech obszar tekstowy (w tym przypadku kontener grupy z różnymi modułami w środku) wypełnij resztę (wyhoduj, aby wypełnić opcje wielkości modułu grupy).

Możesz zorganizować różne pojemniki lub moduły, jak chcesz. Nie jesteś zamknięty w prekonfigurowanym układzie. Tutaj umieszczamy tytuł w lewej grupie i ustawiamy prawą grupę na kolumnę Flex. Daje nam to subtelną, ale wyjątkową zmianę układu. Naprawdę nie brakuje możliwości.

Wybór odpowiedniego narzędzia do projektu

Nie chodzi o surowe funkcje, a więcej o znalezienie odpowiedniego dopasowania. Wybierz najszybszą ścieżkę, która spełnia wymaganie. Przełącz narzędzia, gdy zmienia się potrzeba. Czasami moduł blogu załatwi sprawę, ale masz silny obrót z konstruktorem pętli, gdy nie.

Kiedy moduł blogu jest idealny

Sięgnij po moduł blogu, gdy treść przestrzega standardowych wzorów postów. Tytuł, wizerunek, fragment i podstawowa meta to jego słodkie miejsce. Kwalifikują się podstawowe strony wiadomości, aktualizacje firmy i proste portfele. Odwiedzający oczekują konwencjonalnego układu i możesz chcieć niezawodnego rozwiązania z minimalną konfiguracją.

Dzięki module blogu możesz wysłać działający kanał w ciągu kilku minut. Mniej ruchomych części oznacza również mniejsze szanse na złamanie rzeczy (lub zdezorientowanie się).

Użytkownicy nietechniczni, którzy nadal mogą zostać zagubione na koncepcji „pętli”, nadal będą polegać na module blogu. To świetne narzędzie i powinno być absolutnie używane.

Kiedy budownicza pętli staje się niezbędna

Użyj Builder Loop, gdy potrzebujesz pól, których posty nie mają, lub gdy struktura karty nie pasuje do wzorca zapasów. E -commerce, nieruchomości i edukacja są typowymi branżami, które zwykle wymagają więcej dostosowywania. Każdy potrzebuje szczegółów żyjących na niestandardowych polach. Kiedy pracujesz z większą treścią lub większą liczbą rodzajów treści, układy zwykle wymagają większej elastyczności.

Użyj Buildera Loop, gdy relacje treści są skomplikowane. Może być konieczne mieszanie typów postów w jednym widoku i wyświetlania treści z repeaterów.

Zbuduj własny układ modułu bloga z Divi 5

Moduł Blog Divi jest nadal najszybszym sposobem wysyłki standardowego kanału. Builder pętli odblokowuje niestandardowe karty, pola niestandardowe i repeatery. Builder pętli można również dostosować i uformować w dokładnym układzie i projektu, które masz na myśli, a moduł blogu ma tam pewne ograniczenia.

Najlepszą częścią tej decyzji jest to, że możesz zachować zarówno narzędzia, jak i wybierać na podstawie pracy. Divi 5 łączy się i jest silniejszy (i stabilny) niż kiedykolwiek. Jeśli go nie użyłeś, spróbuj na następnej stronie. Publiczna wersja beta jest tuż za rogiem, a to oznacza, że ​​istniejące witryny Divi są bliskie zaciągnięcia się do migracji istniejących stron internetowych.

Pobierz Divi 5learn więcej o Divi 5