Bagaimana Divi 5 menyala jalan (saat masih di alpha)

Divi 5 tidak diragukan lagi mulai terbentuk. Sudah empat bulan sejak kami meluncurkan fitur baru pertama kami ke Divi 5 - breakpoint yang dapat disesuaikan - dan kami telah membuat kemajuan yang stabil dan mengesankan sejak saat itu. Dalam empat bulan itu, kami telah merilis tujuh fitur inovatif lainnya ke Divi 5. Ini menunjukkan fondasi kuat yang kami buat selama perbaikan lengkap basis kode Divi.

Dan kami baru saja memulai. Mari kita lihat secara luas bagaimana Divi membandingkan dengan tema WordPress dan pembangun halaman lainnya. Seperti yang disebutkan, kami masih memiliki banyak hal dalam pipa selama beberapa bulan ke depan, tetapi layak untuk meluangkan waktu untuk berterima kasih atas di mana Divi 5 berada dan membandingkannya dengan solusi lain. Ini bukan perbandingan 360 derajat, tetapi survei yang lebih umum.

Catatan: Divi 5 siap digunakan di situs web baru, tetapi kami belum merekomendasikan untuk mengubah situs yang ada ke Divi 5 dulu.

Kemajuan Comeback Divi

2025 adalah tahun Divi 5. Kami melakukan semua yang kami bisa untuk membangun pengalaman membangun situs terbaik di WordPress.

Ini dimulai dengan perubahan mendasar di bawah kap dan sekarang terwujud menjadi sistem desain baru dan fitur pendukung.

1. Basis kode refactored & modern

Divi 5 tidak tiba melalui tambalan perbaikan dan pembaruan cepat. Setiap modul, pengaturan, dan interaksi direkayasa ulang untuk mendukung arsitektur baru yang lebih bersih, lebih cepat, dan dapat diperluas.

Sebaliknya, oksigen menghentikan pengembangan selama berbulan -bulan dan kemudian meluncurkan pembangun baru tanpa jalur peningkatan untuk situs oksigen yang ada. Jika Anda diinvestasikan dalam produk warisan mereka, Anda dipaksa untuk membangun kembali kerangka kerja baru mereka atau puas dengan pembaruan keamanan (atau beralih ke pembangun yang berbeda sama sekali).

Oksigen V4 tidak kompatibel dengan V6 yang baru diumumkan

Divi 5 berbeda. Kami telah menjaga kompatibilitas mundur dalam fokus sambil menciptakan fondasi untuk masa depan.

Tim yang lebih kecil sedang mengembangkan platform baru atau mempertahankan yang lama, tetapi bagaimana mereka akan berkembang dari waktu ke waktu tidak jelas. Platform seperti Builderius atau Etch memiliki manifesto warna -warni tetapi belum terbukti dengan umur panjang mereka. WPBakery masih berjalan di fondasi lama dengan tetesan fitur yang keluar setiap tahun, sementara mereka membangun pembangun situs web yang terpisah dan tidak kompatibel.

Editor blok menjanjikan era baru desain WordPress tetapi sangat melayani pengembang. Sebagian besar pemilik situs masih merasa terbatas dan kompleks, sehingga mereka melengkapi dengan plugin untuk membuatnya bisa dikerjakan.

Ini hanya beberapa plugin, belum lagi lebih banyak tema tambahan

Karena tema elegan memiliki tim yang besar dan stabil dengan rekam jejak satu dekade, Anda tidak bertaruh pada Vaporware atau produk eksperimental.

2. Sistem preset terbaik untuk WordPress

Sebagian besar sistem desain hanya menggunakan gaya global selektif atau file tema.json. Divi 5 mendukung CSS kustom dan variabel desain asli, tetapi juga memiliki sistem preset yang luas, termasuk grup opsi dan preset elemen.

Preset grup opsi bekerja di seluruh elemen yang memiliki kelompok pengaturan yang serupa. Ini adalah cara yang bagus untuk membawa konsistensi pada judul, jarak, ukuran, dan jari -jari perbatasan, misalnya.

Preset elemen telah ada sejak lama dengan Divi dan memungkinkan Anda dengan mudah menerapkan desain ke modul yang sama yang digunakan dalam berbagai konteks. Pembangun lain dapat menawarkan gaya global, tetapi Divi 5 melangkah lebih jauh dengan membiarkan Anda membuat dan menggunakan kembali kelompok pengaturan dengan cara yang dapat dikomposisikan. Ini adalah peningkatan produktivitas besar -besaran yang sebagian besar unik untuk divi.

3. Variabel desain

Ada dua hal penting yang perlu diketahui tentang variabel desain:

1. Variabel desain berfungsi mirip dengan variabel CSS, memungkinkan Anda menyimpan nilai yang dapat digunakan kembali di UI.
2. Variabel desain bergerak melampaui apa yang dapat ditangani oleh variabel CSS yang khas untuk juga memasukkan konten (pikirkan gambar, URL, dan string teks)

Batu bata mendukung token warna dan jarak, tetapi variabel Divi semakin dalam. Mereka membiarkan Anda mendefinisikan hal-hal seperti teks ajakan bertindak, gambar, atau bahkan URL spesifik sebagai variabel dan menggunakannya kembali di mana pun itu masuk akal.

Elementor, WPBakery, dan Block Editor tidak menawarkan variabel sistem-lebar. Tentu saja, Divi memiliki ini dan juga memungkinkan Anda menggunakan variabel CSS sesuai keinginan Anda.

4. Kemampuan untuk menggunakan semua unit CSS

Tidak ada batasan unit yang lebih mendasar. Divi 5 menerima unit CSS yang valid-termasuk VW, REM, Fit-Content, Clamp (), dan Calc (). Anda bahkan dapat menggunakan variabel CSS yang dapat Anda tambahkan melalui CSS khusus.

Gunakan unit dan fungsi CSS tingkat lanjut di seluruh editor, bahkan di variabel Manager

Divi 5 mendukung semua unit CSS modern, termasuk klem (), calc (), dan nilai unitless. Ini memberikan kontrol kepada desainer atas tata letak cairan, jenis yang dapat diskalakan, dan jarak responsif dengan unit CSS yang nyaman dengannya.

5. Foundation Flywheel

Apa bukti terbaik dari imbalan untuk arsitektur baru Divi 5? Kecepatan di mana kami telah merilis fitur baru. Ya, fitur yang kami tunjukkan di atas (dan beberapa di bawah ini) adalah tambahan yang sangat baik, tetapi yang mengesankan tentang mereka secara agregat adalah bahwa mereka diciptakan dengan sangat cepat.

Tujuh rilis fitur utama hanya dalam tiga bulan. Itulah hasil dari efek roda gila yang disengaja.

PACE: Fitur Divi 5 baru dan utama setiap 12,3 hari!

Pembangun lain sering membutuhkan waktu berbulan -bulan untuk merilis fitur serupa, karena sistem mereka melawan mereka di setiap langkah. Mereka mencoba membangun gedung pencakar langit di atas pasir.

Divi 5, sebaliknya, direkayasa untuk tumbuh dan berkembang. Kami telah mengambil yang terbaik dari Divi, memodernisasi itu, dan tanpa rasa takut menambahkannya sehingga itu adalah hal terbaik untuk dibangun di WordPress. Setelah Divi 5 mencapai beta publik dan seterusnya, kami tidak akan mengejar kompetisi tetapi menciptakan standar baru untuk diikuti semua orang.

6. Kecepatan luar biasa

Di Divi 5, pembangun merespons lebih cepat, perubahan Anda membuat halaman yang lebih cepat, dan halaman besar tidak tertinggal. Mengapa? Kami membangun kembali semuanya untuk memuat hanya apa yang dibutuhkan. Mesin baru menggunakan pemisahan kode cerdas dan logika modul yang dioptimalkan yang menghilangkan skrip yang berlebihan dari persamaan. Ini juga menangani setiap interaksi dengan praktik terbaik untuk menghindari rantai pembaruan yang panjang atau dependensi melingkar.

Elementor lambat di editor, dan Anda dapat merasakannya, bahkan ketika Anda berada dalam mode kanvas (tidak ada header atau footer yang dimuat di editor).

Divi berkinerja lebih baik secara signifikan. Perhatikan seberapa cepat Anda dapat menduplikasi elemen apa pun di dalam pembangun.

Setiap fitur baru diuji secara ketat untuk kecepatan di editor dan ujung depan. Anda akan merasakannya ketika Anda membuka modul atau menyeret bagian. Antarmuka sangat tajam, dan perubahan terjadi secara instan.

Kami bahkan telah menghapus animasi kami yang tercinta tetapi lamban, jadi Anda tidak perlu melalui klik, tunggu, memuat siklus.

7. Pembangun visual yang benar -benar terasa modern

Bergerak melampaui kecepatan, Anda akan melihat bahwa getarannya segera berbeda. Antarmuka baru Divi 5 tidak melawan Anda. Panel merapat secara default; Anda dapat mengeluarkannya sesuai kebutuhan. Anda dapat menyesuaikan UI dengan mode gelap/terang dan warna aksen khusus. Ini adalah UI baru dan profesional untuk era desain baru.

Semuanya mudah dibaca. Ini mungkin terdengar seperti peningkatan kecil, tetapi siapa pun yang menghabiskan berjam -jam mendesain dalam antarmuka yang sempit tahu betapa pentingnya.

Tampilan lapisan dan sakelar sinar-X membantu Anda memahami desain Anda di halaman yang rumit secara visual.

Tampilan Wireframe, Divi Classic, memungkinkan Anda untuk melihat halaman Anda dari perspektif tata letak yang ketat tanpa memberikan spesifik desain.

8. Breakpoint yang dapat disesuaikan

Alih -alih tiga breakpoint tetap, Anda sekarang memiliki tujuh. Ketujuh dapat disesuaikan, artinya Anda dapat menyesuaikan ukuran layar untuk setiap breakpoint. Anda dapat mengatur ini ke nilai-nilai breakpoint tradisional atau mengambil pendekatan desain-pertama dan menyesuaikannya agar sesuai dengan kebutuhan aliran dan desain situs Anda.

Keuntungan sebenarnya? Mereka diintegrasikan ke dalam editor dan mudah diakses. Anda tidak perlu meninggalkan aliran Anda atau menggali tiga atau empat menu jauh ke dalam pengaturan situs untuk menggunakannya. Anda dapat menguji dan mengubah gaya spesifik breakpoint langsung di kanvas.

Ini tidak revolusioner, tetapi lebih halus, lebih langsung, dan lebih ramah kepada desainer. Tidak seperti WPBakery atau editor blok asli, Divi 5 memberi Anda kendali penuh atas breakpoint responsif, tanpa menyentuh garis kode.

Kami belum selesai (tapi kami sudah maju)

Divi 5 tidak meluncur. Itu semakin cepat. Ini belum lengkap fitur, tetapi kami sudah membuatnya sehingga Divi dapat mengejar ketinggalan dan melompati kompetisi. Situs yang ada mungkin ingin menunggu beta publik sebelum memperbarui tetapi kami akan memberi tahu Anda ketika sistem migrasi kami mulai menangani kompatibilitas mundur dengan sempurna untuk modul pihak ke -3 dan semacamnya.

Kami telah membangun kembali semuanya, menghapus keterbatasan masa lalu kami, mengirimkan fitur baru setiap beberapa minggu, dan baru saja memulai. Inilah sekilas tentang apa yang akan terjadi selanjutnya:

Era baru untuk sistem warna dengan divi

Sistem warna Divi mendapatkan peningkatan.

Kami menambahkan dukungan penuh untuk pembuatan warna berbasis HSL. Itu berarti nilai rona, saturasi, dan cahaya dapat disesuaikan secara terprogram di seluruh desain Anda. Anda akan dapat membuat warna relatif - seperti "warna primer, 20% lebih ringan" - yang disinkronkan dengan palet global merek Anda. Ini adalah perluasan manajemen warna global kami dan penambahan manajer variabel desain, dan kami pikir Anda akan senang menggunakannya.

Tata letak dengan fleksibel

Anda akan segera dapat merancang tata letak apa pun yang Anda bayangkan menggunakan templat baris baru, kontrol kolom, penyelarasan vertikal, pembungkus, dan alat jarak - semuanya ditenagai oleh Flexbox. Ini akan menyederhanakan struktur tata letak, menghilangkan kebutuhan untuk "bagian khusus," dan membawa fleksibilitas baru ke setiap bagian halaman Anda.

Gabungkan ini dengan baris bersarang, dan Anda dapat membangun tata letak yang sepenuhnya responsif, sangat kustom dengan lebih sedikit kode dan kinerja yang lebih baik.

Divi bergerak cepat

Kami telah meluncurkan fitur baru yang luar biasa, peningkatan kecepatan Divi, dan melakukan semuanya dalam editor modern dan fleksibel.

Dan sekarang, dengan warna HSL dan Flexbox di geladak (dan fitur -fitur lain yang tidak diumumkan), kami memberi para desainer alat yang telah mereka tunggu.

Catatan: Divi 5 siap digunakan di situs web baru, tetapi kami belum merekomendasikan untuk mengubah situs yang ada ke Divi 5 dulu.