Mengungkap Antarmuka Divi 5 Baru

Diterbitkan: 2023-12-21

Saya kembali dengan pembaruan Divi 5 lainnya, dan kali ini, saya bersemangat untuk memberi Anda gambaran awal tentang antarmuka baru Divi 5. Ini belum selesai, tapi masih banyak yang perlu dijelajahi.

Tonton videonya untuk melihat lebih dekat.

Antarmuka Divi 5 Baru

Divi 5 mendapatkan tampilan baru. Cara kerjanya sama seperti biasanya, jadi jangan khawatir tentang antarmuka baru yang membuat Anda bingung. Semuanya akan terasa sangat familiar. Kami belum mengubah apa yang dapat Anda lakukan dengan Divi, tetapi kami harap Anda akan lebih menikmati melakukan apa yang Anda lakukan dengan antarmuka yang lebih cepat dan tidak rumit.

Antarmuka yang Lebih Cepat dan Efisien

Divi 5 mewakili kecepatan dan efisiensi mentah; UI harus mencapai tujuan tersebut. Hal pertama yang akan Anda perhatikan tentang Divi 5 adalah kecepatannya yang sangat tinggi. Sama sekali tidak ada penundaan saat Anda mengarahkan kursor, mengklik, mengedit, dan memindahkan item, dan ini dapat menangani halaman luas yang belum pernah ada sebelumnya. Kami juga menghapus semua animasi karena kami tidak ingin ada yang memperlambat Anda.

Antarmuka yang Tidak Menghalangi Anda

Kami mengurangi jejak antarmuka untuk memberi desain Anda lebih banyak ruang untuk bernafas. Anda dapat memasang beberapa panel berukuran lebih kecil ke sisi browser tanpa membuat konten Anda tumpang tindih atau menghalangi Anda.

Pada contoh di atas, panel lapisan saya merapat ke kiri, dan panel pengaturan saya merapat ke kanan. Panel pengaturan secara otomatis terisi saat saya mengeklik halaman, dan saat saya mengedit sesuatu, umpan baliknya langsung muncul.

Antarmuka yang Dapat Disesuaikan Sepenuhnya

Divi 5 memberi Anda lebih banyak kontrol atas tata letak pembuatnya. Anda dapat memasang, melepas, atau menggabungkan panel ke dalam jendela bertab. Jika Anda lebih suka menutup semua jendela dan satu panel pengaturan mengambang seperti Divi 4, itu juga merupakan pilihan.

Antarmuka yang Lebih Mudah Dinavigasi Dari Sebelumnya

Dengan mode klik sebagai mode interaksi default, panel lapisan lebih kecil yang selalu dapat Anda biarkan terbuka, dan remah roti baru di setiap panel pengaturan, menavigasi halaman menjadi lebih mudah dari sebelumnya. Anda tidak akan kesulitan menemukan atau mengeklik apa pun yang ingin Anda edit.

Kami masih perlu melakukan perbaikan dan menambahkan bagian yang belum ada, namun tampilan awal ini akan memberi Anda gambaran bagus tentang apa yang diharapkan ketika kami merilis Public Alpha dalam beberapa bulan mendatang.

Apa yang Kami Capai Bulan Ini

Kami juga menyelesaikan banyak hal lain selama sebulan terakhir. Membangun antarmuka baru relatif sederhana. Semua pekerjaan besar terjadi di balik layar, di mana kami membangun fondasi kokoh yang akan melayani komunitas selama bertahun-tahun, yang melibatkan pembangunan kembali seluruh fitur dan modul inti Divi.

Kami saat ini berada dalam fase Dev Beta (Anda dapat bergabung jika Anda adalah pengembang modul Divi), yang berarti kami telah menyelesaikan kerangka kerja baru dan sekarang sedang membangun kembali semua yang ada pada kerangka tersebut.

Kami memperbaiki lebih banyak bug, menulis lebih banyak dokumen pengembang, dan mengonversi banyak modul, seperti penggeser postingan, blog, navigasi postingan, portofolio yang dapat difilter, menu lebar penuh, dan portofolio lebar penuh.

Setiap kali kami menyelesaikan fitur atau modul baru, kami selangkah lebih dekat ke Public Alpha, di mana kami ingin memiliki cukup banyak fitur dan modul terpopuler Divi yang siap membuat versi pertama tersebut dapat digunakan oleh khalayak luas.

Berikut adalah entri log perubahan Divi 5 terbaru.

  • Menambahkan modul Post Slider untuk Divi 5
  • Menambahkan modul Menu Lebar Penuh untuk Divi 5
  • Menambahkan modul Judul Posting Lebar Penuh untuk Divi 5
  • Menambahkan penyempurnaan bertanda fitur untuk bingkai aplikasi.
  • Menerapkan advancedStyles pada deklarasi gaya modul PHP untuk kode, audio, penghitung lingkaran, kolom, penghitung waktu mundur, pembagi, header lebar penuh, gambar lebar penuh, judul, ikon, ajakan bertindak, tombol, penghitung batang, akordeon, judul posting, portofolio, penghitung nomor , peta
  • Menambahkan modul Blog untuk Divi 5
  • Menambahkan penyempurnaan bertanda fitur untuk bingkai aplikasi.
  • Menambahkan modul Portofolio yang Dapat Difilter untuk Divi 5
  • Menambahkan modul Portofolio Lebar Penuh untuk Divi 5
  • Menambahkan modul Navigasi Posting untuk Divi 5
  • Menerapkan advancedStyles pada deklarasi gaya modul VB untuk modul bagian, peta lebar penuh, judul, menu, bilah sisi, ikuti media sosial, tab, anggota tim, testimonial, teks, sakelar, video, dan penggeser.
  • Pengaturan modul yang dibuat secara otomatis terintegrasi untuk panel pengaturan modul seperti penghitung waktu mundur, penghitung lingkaran, kode, tombol, uraian singkat, pembagi, audio, uraian singkat, kode, dan judul.
  • Memperbarui ekspor 'SyncGlobalLayoutAttributes' menjadi tipe, bukan objek.
  • TypeDocs: Menambahkan paket @divi/modal-library ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk fungsi penyimpanan data dalam paket @divi/modal-library.
  • TypeDocs: Menambahkan paket @divi/page-settings ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk fungsi penyimpanan data dalam paket @divi/page-settings.
  • Mengembangkan modul Portofolio Fullwidth baik di VB dan FE ke D5.
  • TypeDocs: Menambahkan paket @divi/keyboard-shortcuts ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/object-renderer ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/mask-and-pattern-library ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/middleware ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/modal ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/modal-snap-indicator ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/draggable ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/numbers ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/error-boundary ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/events ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/help ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk fungsi penyimpanan data dalam paket @divi/help.
  • TypeDocs: Menambahkan paket @divi/history ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/hooks ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/icon-library ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/global-layouts ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk fungsi penyimpanan data dalam paket @divi/global-layouts.
  • TypeDocs: Menambahkan paket @divi/fonts ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk fungsi penyimpanan data dalam paket @divi/fonts.
  • TypeDocs: Dokumentasi yang diperbarui untuk paket @divi/module.
  • TypeDocs: Menambahkan paket @divi/data ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/divider-library ke generator TypeDocs.
  • Menambahkan TypeDocs untuk paket @divi/context-library.
  • TypeDocs: Menambahkan paket @divi/conversion ke generator TypeDocs.
  • TypeDocs: Menambahkan paket @divi/constant-library ke generator TypeDocs.
  • TypeDocs: Dokumentasi yang diperbarui untuk paket @divi/field-library.
  • Menerapkan advancedStyles pada deklarasi gaya modul VB untuk… modul.

Segera Hadir: Divi Layouts AI!

Itu saja untuk pembaruan Divi 5 bulan ini. Dalam berita lain, kami akan segera meluncurkan fitur Divi AI baru yang membuat saya bersemangat. Kami telah membuat alat AI untuk pembuatan teks, gambar, dan kode. Selanjutnya, kami menggabungkan semuanya untuk memungkinkan Anda menghasilkan seluruh tata letak dengan AI. Catatan: pembuatan tata letak dipercepat di video berikut.

Cukup beri tahu Divi AI jenis halaman apa yang Anda inginkan, dan itu akan membuat tata letak, menghasilkan gambar, menulis konten, dan menyesuaikan font dan warna. Dalam hitungan detik, Anda memiliki seluruh halaman yang siap digunakan, dan Anda dapat masuk ke pengaturan desain Divi untuk memberikan sentuhan akhir atau menggunakan alat AI Divi untuk menyempurnakan hasil lebih lanjut.

Nantikan Pembaruan Lebih Lanjut

Nantikan rilis Divi Layouts AI, dan jangan lupa untuk memeriksa kembali bulan depan untuk pembaruan Divi 5 lainnya. Ikuti kami melalui email dan berlangganan YouTube kami untuk memastikan Anda tidak melewatkan apa pun, dan sampai jumpa di video berikutnya.