Sistem tata letak Flexbox Divi 5 telah tiba

Hari ini, kami memperkenalkan sistem tata letak berbasis Flexbox baru untuk Divi 5.

Ini bukan pembaruan kecil. Ini menciptakan kembali Divi, memungkinkan Anda untuk membangun struktur tata letak apa pun, termasuk kerusakan tata letak responsif, pemesanan modul khusus, penyelarasan vertikal yang mudah dan penentuan posisi elemen, dan banyak lagi.

Tidak ada batu yang terlewat, tidak ada pilihan yang dilupakan - kami melakukan semuanya, dan yang terbaik di kelas.

Lihat video berikut untuk melihat fitur baru yang sedang beraksi.

Sistem tata letak serba baru Divi 5

Kami menciptakan kembali sistem tata letak Divi dan menambahkan banyak templat baris baru dan opsi tata letak. Anda dapat membuat tata letak apa pun menggunakan FlexBox, Baris bersarang, dan grup modul !

Sistem tata letak baru membuat penentuan posisi elemen pengendali, jarak, pembungkus, dan pemesanan mudah.

Pilihan Template Baris Flexbox Baru yang Kokoh

Pertama-tama Anda akan melihat pilihan templat baris baru, termasuk opsi multi-baris bersarang. Ada jauh lebih banyak variasi yang bisa dinikmati!

Anda tidak terbatas pada templat ini; Mereka adalah contoh pra-built yang nyaman. Setelah Anda menggali panel pengaturan, tidak ada pagar pembatas; Anda dapat menambahkan kolom sebanyak yang Anda inginkan dan memberikan ukuran apa pun yang Anda inginkan, baris bersarang di dalam kolom untuk membuat tata letak apa pun.

Kontrol FlexBox untuk semuanya

Opsi Flexbox baru tersedia untuk semuanya. Anda dapat mengontrol pembungkus tata letak, arah, pemesanan, jarak, penentuan posisi elemen anak, dan banyak lagi - tidak ada peretasan, tidak ada javascript, tidak ada kekacauan, hanya kontrol intuitif yang bekerja dengan luar biasa.

Struktur Baris Responsif

Membangun situs web responsif tidak pernah semudah ini.

Di setiap breakpoint, Anda dapat menetapkan struktur yang berbeda ke satu baris. Sederhana itu, dan Divi melakukannya lebih baik daripada pembangun lainnya, memungkinkan Anda untuk sepenuhnya mengubah tata letak setiap perangkat. Anda juga dapat menyesuaikan ukuran kolom pada setiap perangkat dan menyesuaikan pengaturan Flexbox apa pun.

Pemesanan elemen responsif

Pemesanan elemen responsif sangat mudah.

Anda dapat dengan mudah mengubah arah di mana elemen mengalir pada setiap perangkat dan urutan elemen individu. Anda dapat sepenuhnya mengubah struktur baris setiap perangkat, kemudian memesan ulang hal-hal secara optimal dalam struktur baru itu.

Penentuan posisi elemen anak yang mudah

Flexbox membuat elemen penentuan posisi dalam wadah induknya jauh lebih sederhana.

Anda tidak perlu menggunakan JavaScript atau elemen yang benar-benar diposisikan; Misalnya, elemen pemusatan secara vertikal dalam kolom hanya berjarak satu klik.

Menyatukan ketinggian elemen sama sederhana. Misalnya, mudah untuk membuat semua kolom dalam satu baris dengan ketinggian yang sama, atau semua modul dalam kolom dengan ketinggian yang sama.

Bagian khusus dan fullwidth yang tidak mencela

Kami mencela bagian khusus dan lebar penuh, sangat menyederhanakan elemen struktural Divi (bagian lebar penuh dan khusus yang ada akan terus bekerja; kami hanya menghapus opsi untuk menambahkan yang baru).

Anda dapat melakukan semuanya (dan lebih banyak lagi) dengan baris flexbox biasa, jadi tidak perlu untuk jenis bagian yang berbeda. Modul lebar penuh yang unik telah diganti namanya dan tersedia di bagian standar, memberi Anda lebih banyak fleksibilitas.

Kemungkinan tata letak baru yang tak ada habisnya

Ada terlalu banyak pengaturan untuk menutupi dan kemungkinan untuk dijelajahi, tetapi satu hal yang jelas: Sistem tata letak Divi di masa depan ada di sini, dan membangun situs web Divi tidak akan pernah sama.

Sebelum saya menyelesaikannya, mari kita tunjukkan beberapa tata letak kreatif yang dibangun dengan sistem tata letak baru Divi. Anda juga dapat mengunduh tata letak dan memeriksanya sendiri.

Unduh tata letaknya

Kami juga melemparkan beberapa kejutan

Anda akan melihat beberapa peningkatan kejutan lainnya dalam pembaruan ini.

• Peningkatan kecepatan yang signifikan - Anda akan melihat bahwa pembangun jauh lebih cepat saat mengedit tata letak yang besar dan kompleks. Dengan diperkenalkannya barisan yang tak terbatas dan elemen wadah baru, Anda sekarang memiliki kebebasan untuk membangun desain yang sangat kompleks. Dengan pembaruan ini, kami memastikan pembangun masih cepat kilat, bahkan ketika tata letak Anda menjadi gila. Ini perbedaan malam dan siang!
• Opsi kolom baru - semua modul kisi, seperti galeri dan modul portofolio, memiliki pengaturan kolom baru yang memungkinkan Anda mengontrol struktur kolom kisi di setiap breakpoint.
• Fullwidth Module Renaming - Modul Header Fullwidth telah diganti namanya menjadi Pahlawan, dan Modul Portofolio Fullwidth telah diganti namanya menjadi Post Carousel. Kedua modul sekarang dapat digunakan di bagian standar.
• Opsi Jenis Posting Baru untuk Pos Carousel -Modul Carousel Post yang baru bernama memiliki pengaturan jenis pos baru, memungkinkan Anda untuk mengisi karat dengan posting jenis apa pun.

Coba Divi 5 hari ini

Flexbox untuk Divi 5 tersedia saat ini, dan ini adalah 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 interaksi?

Kami baru-baru ini merilis interaksi untuk Divi 5, sistem yang kuat untuk menciptakan elemen interaktif seperti popup dan rogen, dan efek berbasis gulir kreatif dan mouse-mouse. Ini bukan pembangun pop-up; Ini adalah pembangun apa pun. Buat pemicu, tetapkan efeknya, pilih target, dan menghidupkan interaksi khusus Anda. Ada tautan dalam deskripsi video untuk mempelajari lebih lanjut.

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.