Wprowadzenie siatki CSS dla Divi 5

To jest duże. Zbudowaliśmy najlepszy konstruktor sieci CSS i jest dziś dostępny dla Divi 5. To lepsze niż Elementor. To lepsze niż cegły. Niezależnie od tego, czy chcesz opanować siatkę, czy po prostu użyć nowych szablonów siatki Divi, pokochasz tę aktualizację.

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

Siatka CSS dla wszystkich

Divi 5 jest dalekim od swojego poprzednika. Zmieniliśmy Divi w potęgę projektowania stron internetowych, z nowymi funkcjami, takimi jak FlexBox, zaawansowane jednostki, ustawienia wstępne i zmienne projektowe. Siatka CSS to kolejny duży krok do przodu.

Jednocześnie nie chcemy, aby istniejący użytkownicy czuli się zagubieni lub pochowani w nowych ustawieniach. Uderzyliśmy właściwą równowagę między zapewnieniem zaawansowanym użytkownikom niezbędnych narzędzi, jednocześnie udostępnianiem układów siatki dla początkujących.

Szablony siatki na każdą okazję

Jeśli nigdy nie słyszałeś o siatce CSS i nie chcesz uczyć się tajników układów siatki, nie martw się - nie musisz. Ciesz się nowymi wstępnie zbudowanymi szablonami siatki!

Piękno korzystania z szablonów siatki polega na tym, że siatka jest kontrolowana na poziomie kontenera, a gdy dodajesz nowe przedmioty, automatycznie dostosowują się one do siatki. Jest o wiele bardziej intuicyjny i odblokowuje nową różnorodność projektów.

Divi ma szablony siatki dla każdej sytuacji, a zastosowanie ich do istniejącej treści jest łatwe.

Całkowita kontrola ekspertów ds. Gridów

Jeśli jesteś doświadczonym ekspertem od sieci CSS, opcje sieci Divi nie powstrzymują cię. Możesz przejść prosto do punktu, ręcznie zdefiniować szablony kolumny i rzędu i utworzyć różnorodne układy siatki za pomocą edycji przesunięcia, na co dotknę później.

Oczywiście możesz zrezygnować z interfejsu i zastosować reguły siatki za pomocą niestandardowego panelu CSS; Cokolwiek działa dla Ciebie najlepiej.

Intuicyjne opcje siatki dla zespołów internetowych

Jeśli jesteś gdzieś pomiędzy, to Builder Grid Divi 5 naprawdę świeci.

Przekształciliśmy parametry siatki CSS w ustawienia, aby utworzyć siatki pionowe lub poziome, dostosowywać wymiary kolumny i wiersza, kierunek siatki, wyrównanie i uzasadnienie elementu, i inne.

Dodatkowo grupa opcji wielkości zawiera nowe opcje kolumny i wierszy, które pozwalają dostosować szerokość, wysokość i pozycję poszczególnych elementów siatki w siatce.

Edycja przesunięcia siatki

Jednym z najbardziej unikalnych aspektów Buildera Divi 5 jest edytor przesunięcia, którego można użyć do tworzenia powtarzających się nie-symetrycznych wzorów siatki na poziomie pojemnika. Pozwól, że dam ci przykładowy przykład.

W poniższym filmie utworzyłem szablon blogu za pomocą Builder Loop Divi 5; Każda kolumna to element pętli wypełniony dynamiczną zawartością. Kiedy włączę styl układu siatki na pojemniku nadrzędnym, kolumny automatycznie dostosowują się do siatki.

Mogę dostosować liczbę kolumn, wprowadzać niestandardowe wzorce kolumny lub wierszy, zmienić rozmiary szczeliny i wykonać wiele innych rzeczy.

Ponadto mogę użyć edytora przesunięcia do zastosowania reguł do określonych elementów w siatce.

Zamiast standardowego wzoru kolumny, który powtarza się w każdym wierszu, mogę tworzyć wzorce przesunięcia przez, na przykład, mając co 4. pozycję, dwie kolumny, zaczynając od drugiego i trzeciego elementu. Te wzorce przesunięcia dają, że gotowe szablony wierszy Divi 5 tak bardzo różnorodne.

CSS Grid Dema (bezpłatne pobieranie)

Możesz tworzyć spektakularne układy za pomocą siatki CSS, które nigdy wcześniej nie były możliwe. Jeśli chcesz inspiracji, spójrz na te oszałamiające układy, które nasz zespół projektowy stworzył przy użyciu najnowszej wersji Divi 5.

Możesz je pobrać za darmo i samodzielnie przetestować.

Wypróbuj Divi 5 już dziś

Siatka CSS dla Divi 5 jest dziś dostępna i jest 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ś niestandardowych atrybutów dla Divi 5?

W przypadku, gdy go przegapiłeś, niedawno opublikowaliśmy nowe niestandardowe atrybuty, które pozwalają dodać dowolny atrybut, taki jak Alt, Title, Rel i Aria-Label, do elementów i większości podelementów.

Divi ma obsługę określonych atrybutów, takich jak klasa i identyfikator, ale teraz możesz dodać dowolny atrybut dowolnego elementu. Jest to szczególnie ważne w przypadku dostępności, umożliwiając na przykład dodawanie tekstu alt do obrazów, ról i etykiet do elementów nie-semantycznych, takich jak przycisk oparty na ikonie.

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.