Memperkenalkan CSS Grid untuk Divi 5

Ini yang besar. Kami membangun pembangun grid CSS terbaik, dan tersedia untuk Divi 5 hari ini. Ini lebih baik dari Elementor. Ini lebih baik dari batu bata. Apakah Anda ingin menguasai kisi -kisi atau hanya menggunakan templat grid baru Divi, Anda akan menyukai pembaruan ini.

Lihat video berikut untuk melihat fitur baru yang sedang beraksi.

Kisi CSS untuk semua orang

Divi 5 jauh dari pendahulunya. Kami telah mengubah Divi menjadi pembangkit tenaga desain web, dengan fitur -fitur baru seperti Flexbox, unit canggih, preset, dan variabel desain. CSS Grid adalah langkah besar berikutnya.

Pada saat yang sama, kami tidak ingin pengguna yang ada merasa tersesat atau terkubur dalam pengaturan baru. Kami mencapai keseimbangan yang tepat antara memberi pengguna tingkat lanjut alat yang diperlukan sambil membuat tata letak grid dapat diakses oleh pemula.

Template kisi untuk setiap kesempatan

Jika Anda belum pernah mendengar tentang CSS Grid dan tidak memiliki keinginan untuk mempelajari seluk beluk tata letak kisi, jangan khawatir - Anda tidak perlu melakukannya. Nikmati template grid baru yang baru dibangun!

Keindahan menggunakan templat grid adalah bahwa kisi dikontrol pada tingkat wadah, dan saat Anda menambahkan item baru, mereka sesuai dengan grid secara otomatis. Ini jauh lebih intuitif dan membuka berbagai desain baru.

Divi memiliki templat jaringan untuk setiap situasi, dan menerapkannya pada konten yang ada itu mudah.

Kontrol Lengkap untuk Pakar Grid

Jika Anda seorang ahli grid CSS berpengalaman, opsi grid Divi tidak menahan Anda. Anda bisa langsung ke titik, tentukan secara manual kolom dan templat grid baris Anda, dan membuat tata letak grid yang bervariasi menggunakan pengeditan offset, yang akan saya sentuh nanti.

Tentu saja, Anda dapat melupakan antarmuka dan menerapkan aturan grid menggunakan panel CSS khusus juga; Apapun yang paling cocok untuk Anda.

Opsi grid intuitif untuk perakit web

Jika Anda berada di suatu tempat di antaranya, maka pembangun jaringan Divi 5 benar -benar bersinar.

Kami mengubah parameter kisi CSS menjadi pengaturan untuk membuat kisi -kisi vertikal atau horizontal, menyesuaikan dimensi kolom dan baris, arah kisi, penyelarasan elemen dan pembenaran, dan banyak lagi.

Selain itu, grup opsi ukuran mencakup opsi kolom dan baris baru yang memungkinkan Anda untuk menyesuaikan lebar, tinggi, dan posisi item grid masing -masing dalam grid.

Pengeditan Offset Grid

Salah satu aspek yang paling unik di Divi 5 adalah editor offset, yang dapat Anda gunakan untuk membuat pola jaringan non-simetris yang berulang di tingkat wadah. Izinkan saya memberi Anda contoh dunia nyata.

Saya membuat template blog dalam video di bawah ini menggunakan pembangun loop Divi 5; Setiap kolom adalah item loop yang diisi dengan konten dinamis. Ketika saya mengaktifkan gaya tata letak kisi pada wadah induk, kolom secara otomatis sesuai dengan kisi.

Saya dapat menyesuaikan jumlah kolom, memasukkan kolom khusus atau pola baris, mengubah ukuran celah, dan melakukan banyak hal lainnya.

Selain itu, saya dapat menggunakan editor offset untuk menerapkan aturan ke item tertentu di kisi.

Alih -alih pola kolom standar yang berulang pada setiap baris, saya dapat membuat pola offset dengan, misalnya, memiliki setiap item ke -4 mencakup dua kolom, mulai dari item kedua dan ketiga. Pola offset ini memberikan template baris pra-buatan Divi 5 begitu banyak variasi.

Demo CSS Grid (Unduh Gratis)

Anda dapat membuat tata letak spektakuler menggunakan kisi CSS yang tidak pernah mungkin terjadi sebelumnya. Jika Anda menginginkan inspirasi, lihat tata letak yang menakjubkan ini yang dibuat tim desain kami menggunakan versi terbaru Divi 5.

Anda dapat mengunduhnya secara gratis dan mengujinya sendiri.

Coba Divi 5 hari ini

CSS Grid for Divi 5 tersedia saat ini dan merupakan salah satu dari banyak fitur yang datang ke Divi tahun ini.

Anda dapat mengikuti saat kami maju melalui rilis akhir Divi 5 dan seterusnya, dengan pembaruan setiap dua minggu. Bergantung pada prioritas Anda, Anda dapat menggunakan Divi 5 sekarang untuk membangun situs web baru atau menunggu sampai kami menambahkan lebih banyak fitur, apa pun yang paling cocok untuk Anda.

Sebagaimana diuraikan dalam jadwal rilis multi-fase asli Divi 5, alpha publik Divi 5 seperti "Divi 5 Lite." Ini kehilangan beberapa fitur dan mungkin tidak cocok untuk situs web yang ada, tetapi siap digunakan di situs web baru jika Anda lebih suka pengalaman daripada Divi 4.

Kami ingin Anda mencobanya, dan jika Anda menyukainya, menggunakannya; Ketika semua orang menyukainya, kami akan membuatnya resmi.

Sudahkah Anda mencoba atribut khusus untuk Divi 5?

Jika Anda melewatkannya, kami baru-baru ini merilis atribut khusus baru, yang memungkinkan Anda untuk menambahkan atribut apa pun, seperti alt, judul, rel, dan aria-label, ke elemen dan sebagian besar sub-elemen.

Divi memiliki dukungan untuk atribut tertentu, seperti kelas dan ID, tetapi sekarang Anda dapat menambahkan atribut apa pun ke elemen apa pun. Ini sangat penting untuk aksesibilitas, memungkinkan Anda untuk, misalnya, menambahkan teks alt ke gambar, dan peran dan label ke elemen non-semantik seperti tombol berbasis ikon.

Tonton video ini untuk semua detailnya.

Lebih banyak pembaruan Divi 5 sedang dalam perjalanan

2025 adalah tahun Divi 5 . Pekerjaan yang membosankan ada di belakang kita. Kami membangun fondasi super cepat, dan sekarang saatnya bagi Divi untuk kembali.

Jika Anda di sini untuk comeback Divi, bantu kami dan beri tahu kami dengan menyukai video ini dan meninggalkan komentar. Sangat berarti bagi kami untuk melihat Anda menyemangati divi, dan penting untuk memberi makan algoritma dan menyebarkan berita.

Jangan lupa untuk mengikuti kami di YouTube dan berlangganan buletin Divi sehingga Anda tidak pernah melewatkan pembaruan. Sampai jumpa untuk pengumuman fitur Divi 5 lainnya, yang saya janjikan akan tepat di tikungan.