Nadszedł system układu Flexbox Divi 5

Dzisiaj wprowadzamy zupełnie nowy system układu oparty na FlexBox dla Divi 5.

To nie jest drobna aktualizacja. Ponowna namica Divi, umożliwiając zbudowanie dowolnej struktury układu, w tym responsywnego podziału układu, niestandardowego zamawiania modułu, łatwego wyrównania pionowego i pozycjonowania elementów i wielu innych.

Żaden kamień nie został obrócony, nie zapomniano żadnej opcji - zrobiliśmy to wszystko i jest najlepszy w klasie.

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

Zupełnie nowy system układu Divi 5

Ponownie na nowo ustawiliśmy system układu Divi i dodaliśmy wiele nowych szablonów wierszy i opcji układu. Możesz utworzyć dowolny układ za pomocą FlexBox, zagnieżdżonych rzędów i grup modułów !

Nowy system układu sprawia, że ​​kontrolowanie pozycjonowania elementów, odstępy, owijanie i zamawianie jest łatwe.

Solidny wybór nowych szablonów rzędów Flexbox

Najpierw zauważysz wybór nowych szablonów wierszy, w tym zagnieżdżone opcje wielu rzędów. Jest o wiele więcej różnorodności!

Nie jesteś ograniczony do tych szablonów; Są to wygodne wstępnie zbudowane przykłady. Po zagłębieniu się w panele ustawień nie ma poręczy; Możesz dodać tyle kolumn, ile chcesz i dać im dowolny rozmiar, gniazdując rzędy w kolumnach, aby utworzyć dowolny układ.

Etykiety FlexBox dla wszystkiego

Nowe opcje FlexBox są dostępne dla wszystkiego. Możesz kontrolować owijanie układu, kierunek, zamawianie, odstępy, pozycjonowanie elementów dzieci i nie tylko - bez hacków, bez JavaScript, bez bałaganu, intuicyjne kontrole, które działają cudownie.

Responsywne struktury wierszy

Budowanie responsywnych stron internetowych nigdy nie było łatwiejsze.

W każdym punkcie przerwy możesz przypisać różne struktury do jednego wiersza. To takie proste, a Divi robi to lepiej niż jakikolwiek inny budowniczy, co pozwala całkowicie przekształcić układ każdego urządzenia. Możesz także dostosować rozmiar kolumn na każdym urządzeniu i dostosować dowolne ustawienie FlexBox.

Responsywne zamawianie elementów

Responsywne zamawianie elementów jest proste.

Możesz łatwo zmienić kierunek, w którym elementy płyną na każdym urządzeniu i kolejność poszczególnych elementów. Możesz całkowicie zmienić strukturę wierszy każdego urządzenia, a następnie optymalnie zamówić rzeczy w tej nowej strukturze.

Łatwe pozycjonowanie elementów dziecka

FlexBox sprawia, że ​​elementy pozycjonowania w swoich pojemnikach macierzystych są znacznie prostsze.

Nie musisz używać elementów JavaScript lub absolutnie pozycji; Na przykład elementy centralne pionowo w kolumnie jest tylko kliknięciem.

Ujednolicenie wysokości elementów jest równie proste. Na przykład łatwo jest wykonać wszystkie kolumny w rzędzie na tę samą wysokość lub wszystkie moduły w kolumnie na tej samej wysokości.

Przestarzałe sekcje specjalności i pełnej przepustowości

Przestrzegaliśmy sekcji specjalistycznych i pełnej szerokości, znacznie upraszczając elementy strukturalne Divi (istniejące sekcje pełnej szerokości i specjalności będą nadal działać; właśnie usunęliśmy opcję dodania nowych).

Możesz to zrobić (i więcej) za pomocą zwykłych rzędów FlexBox, więc nie ma potrzeby różnych typów sekcji. Unikalne moduły pełnej szerokości zostały przemianowane i udostępnione w standardowych sekcjach, co daje większą elastyczność.

Niekończące się nowe możliwości układu

Istnieje zbyt wiele ustawień, które można by objąć i możliwości zbadania, ale jedno jest jasne: system układu Divi w przyszłości jest tutaj, a budowanie stron internetowych Divi nigdy nie będzie takie same.

Zanim wszystko podsumuję, pokażmy kilka kreatywnych układów zbudowanych z nowym systemem układu Divi. Możesz także pobrać układy i sprawdzić je samodzielnie.

Pobierz układy

Rzuciliśmy również kilka niespodzianek

Zauważysz kilka innych zaskoczeniach ulepszeń w tej aktualizacji.

• Znaczna poprawa prędkości - zauważysz, że konstruktor jest znacznie szybszy podczas edycji dużych, złożonych układów. Wraz z wprowadzeniem nieskończenie gniazdowalnych rzędów i nowych elementów kontenerowych masz teraz swobodę budowania bardzo złożonych projektów. Dzięki tej aktualizacji upewniliśmy się, że budowniczy wciąż jest błyskawiczny, nawet gdy twoje układy oszalały. To różnica w nocy i noc!
• Nowe opcje kolumn - wszystkie moduły siatki, takie jak moduły galerii i portfela, mają nowe ustawienia kolumn, które pozwalają kontrolować strukturę kolumny siatki w każdym punkcie przerwy.
• Moduł Moduł FullWidth - Moduł nagłówka FullWidth został przemianowany na Hero, a moduł portfolio FullWidth został przemianowany na post Carousel. Oba moduły mogą być teraz używane w standardowych sekcjach.
• Nowe opcje typu postu dla karuzeli -nowo nazwany moduł Post Carousel ma nowe ustawienie typu postu, umożliwiające wypełnienie karuzeli postami dowolnego typu.

Wypróbuj Divi 5 już dziś

Flexbox dla Divi 5 jest dziś dostępny i jest to jedna 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ś interakcji?

Niedawno opublikowaliśmy interakcje dla Divi 5, solidnego systemu tworzenia interaktywnych elementów, takich jak wyskakujące okienka i przełączniki, oraz efekty kreatywne oparte na przewijaniu i ruchy myszy. To nie jest pop-up konstruktor; To cokolwiek konstruktora. Utwórz spust, przypisz efekt, wybierz cel i ożywiaj niestandardowe interakcje. W opisie wideo jest link, aby dowiedzieć się więcej.

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.