Nowy moduł karuzeli, moduł Lottie i wiele więcej!

Opublikowany: 2025-08-09

Dzisiaj wydaliśmy trzy nowe moduły dla Divi 5, w tym bardzo odnoszony moduł karuzelowy, który pozwala tworzyć dowolny rodzaj karuzeli lub suwak, w tym karuzeli post-oparte, przy użyciu nowego konstruktora pętli Divi 5.

Dodaliśmy również moduł Lottie dla łatwych animacji opartych na JSON i moduł listy ikon dla łatwego tworzenia listy.

Nowa architektura Divi 5 sprawia, że tworzenie modułów jest proste, więc opublikujemy zaskakującą liczbę nowych modułów po oficjalnym wydaniu Divi 5. To tylko przystawka, która Cię utrzymywała, koncentrując się na przejściu do fazy beta w przyszłym miesiącu.

Sprawdź poniższy film, aby zobaczyć nową funkcję w akcji.

Spis treści
  • 1 moduł karuzeli grupy
    • 1.1 Utwórz karuzele postu, terminu i użytkowników
  • 2 przykłady karuzeli
    • 2.1 Przykład nr 1: Niestandardowy suwak na pełny ekran
    • 2.2 Przykład nr 2: Drużyna wielopliciowa karuzela
    • 2.3 Przykład nr 3: karuzela zapętlająca oparte na terminie
    • 2.4 Przykład nr 4: Menu żywności z kreatywnymi przejściami
  • 3 moduł Lottie
  • 4 moduł listy ikon
  • 5 Wypróbuj Divi 5
  • 6 Czy próbowałeś Buildera Loop?
  • 7 Więcej aktualizacji Divi 5 jest w drodze

Moduł karuzeli grupy

Najważniejszym dodatkiem jest moduł grupy karuzeli.

W przeciwieństwie do innych karuzeli, każda slajd w grupie karuzeli jest pustym płótnie; Możesz dodać dowolny moduł do każdego slajdu, aby utworzyć dowolną karuzel lub suwak. Kontrolujesz liczbę slajdów, zawartość slajdów i inne ustawienia animacji. Ponieważ grupy mogą być stylizowane przy użyciu szerokiej gamy ustawień projektowych Divi, możesz tworzyć unikalne style i efekty przejściowe.

Utwórz karuzele postu, terminu i użytkowników

Divi 5's Loop Builder pozwala zapętlić grupę w karuzeli w celu tworzenia karuzeli pocztowej, terminu lub użytkowników. Wyciąga to dynamiczną zawartość z Twojej witryny, aby automatycznie wypełnić każdy slajd.

Włącz zapętlanie w grupie, dostosuj zapytanie i podłącz zawartość dynamiczną do elementów karuzeli. W tym przykładzie zbudowałem karuzel referencyjny za pomocą niestandardowego typu postu i pola utworzonych za pomocą ACF.

Przykłady karuzeli

Piękno grupy modułu karuzelowego polega na tym, że każdy slajd w karuzeli jest pustym płótnem owiniętym w pojemniku grupowym Divi. Możesz dodać dowolny moduł w nim, wraz z zagnieżdżonymi wierszami i utworzyć zaawansowane układy slajdów za pomocą FlexBox.

Niebo jest granicą!

Możesz także wykorzystać pełny zakres ustawień projektowych Divi, takich jak transformacje, filtry i boks, aby stworzyć efekty przejściowe.

Przykład nr 1: Niestandardowy suwak na pełny ekran

Karuzela grupy może wyświetlać dowolną liczbę slajdów na stronę. Jeśli ograniczysz go do jednego slajdu, masz suwak. Możesz uwolnić się od istniejących modułów suwaków Divi, aby stworzyć coś nowego.

Przykład nr 2: Karuzel zespołu wielopliciowniczego

Możesz wybrać, ile slajdów wyświetli się na stronę i ile slajdów do przewijania przy każdym kliknięciu strzałki. W tym przykładzie stworzyłem suwak zespołu dla strony o About, w tym linki społecznościowe za pomocą modułu Social Follow.

Przykład nr 3: karuzela zapętlania oparta na terminie

Możesz budować karuzele oparte na terminie za pomocą Builder Loop Divi 5. W tym przykładzie karuzel zapętla się w kategoriach produktów WooCommerce. Nazwa kategorii i obraz funkcji są generowane dynamicznie z każdym slajdem w pętli.

Przykład nr 4: Menu żywności z kreatywnymi przejściami

W tym przykładzie utworzyłem menu, które przesuwa się przez listę najlepiej sprzedających się potraw. Dostosowanie skali i krycia nieaktywnych slajdów tworzy zabawny efekt przejściowy, gdy przesuwam się przez każdy element.

Moduł Lottie

Nowy moduł Lottie ułatwia dodawanie animacji Lottie do Twojej witryny oraz kontrolowanie ich animacji i interakcji.

Animacje Lottie są świetne, ponieważ są oparte na JSON i SVG, dzięki czemu są lekkie i idealne pikselowe. Istnieje wiele miejsc online, w których można znaleźć świetne animacje i łatwo dodać je do swojej strony.

Moduł Lottie umożliwia dostosowanie prędkości animacji, spustu, kierunku, zapętlania i innych.

️ Uwaga: WordPress Media Library nie pozwala na przesłanie plików JSON. Jeśli chcesz przesłać animację Lottie za pośrednictwem biblioteki multimediów WordPress, możesz użyć wtyczki, takiej jak typy przesyłania plików, aby włączyć przesyłanie JSON.

Moduł listy ikon

Moduł listy ikon jest prostym dodatkiem, który wypełnia małą pustkę w najbardziej podstawowych modułach Divi. Ułatwia tworzenie list i przypisywania unikalnych ikon do każdego elementu.

Wcześniej jedynym sposobem na tworzenie list był ręcznie w module tekstowym, dzięki czemu jest to proste, ale mile widziane dodatek.

Wypróbuj Divi 5 już dziś

Te nowe moduły są dziś dostępne dla Divi 5 i są jedną z wielu funkcji przybywających w tym roku do Divi.

Możesz śledzić, gdy przejdziemy do ostatecznej wersji Divi 5 i później, z aktualizacjami co dwa tygodnie. W zależności od priorytetów możesz teraz użyć Divi 5, aby zbudować nowe witryny lub poczekać, aż dodamy więcej funkcji, co jest dla Ciebie najlepsze.

Jak opisano w oryginalnym wielofazowym harmonogramie wydania Divi 5, publiczna alfa Divi 5 jest jak „Divi 5 Lite”. Brakuje mu kilku funkcji i może nie być odpowiedni dla istniejących stron internetowych, ale jest gotowy do użycia na nowych stronach internetowych, jeśli wolisz doświadczenie od Divi 4.

Chcemy, żebyś spróbował, a jeśli go kochasz, użyj go; Kiedy wszyscy to uwielbiają, sprawimy, że to oficjalne.

Czy próbowałeś Buildera Loop?

Jeśli to przegapiłeś, niedawno wydaliśmy zupełnie nowy konstruktor pętli dla Divi 5.

Builder pętli Divi jest wyjątkowy w swojej wolności; Możesz zapętlić wszystko, nie ograniczając się do statycznego modułu lub pojemnika. Zbuduj swój element zapętlany, a następnie dostosuj zapytanie za pomocą różnych wygodnych opcji i zapytań meta. Obsługuje niestandardowe typy postów, w tym WooCommerce, niestandardowe pola utworzone z ACF, a nawet pola Repeater ACF.

To niesamowita funkcja!

Obejrzyj ten film, aby uzyskać wszystkie szczegóły.

Więcej aktualizacji Divi 5 jest w drodze

2025 to rok Divi 5 . Żmudna praca jest za nami. Zbudowaliśmy super szybkie fundament, a teraz nadszedł czas, aby Divi powrócił.

Jeśli jesteś tu po powrót Divi, wyświadcz nam ogromną przysługę i daj nam znać, polubiając ten film i pozostawiając komentarz. Wiele znaczy dla nas widzieć, jak dopingujesz Divi, i konieczne jest karmienie algorytmu i rozpowszechnianie informacji.

Nie zapomnij śledzić nas na YouTube i zasubskrybuj biuletyn Divi, aby nigdy nie przegapić aktualizacji. Do zobaczenia wkrótce na kolejne ogłoszenie o funkcji Divi 5, które obiecuję, że będzie tuż za rogiem.