Pembaruan Kemajuan Divi 5 Mei: Pratinjau Kecepatan Divi 5

Diterbitkan: 2023-06-02

Kami berada di tengah-tengah proyek besar, Divi 5, dan saya ingin memperbarui komunitas setiap bulan tentang kemajuan kami. Bulan lalu, kami mendalami lima tahap program beta Divi 5 untuk lebih memahami bagaimana kami mendekati proyek sebesar itu dengan cara yang paling menguntungkan bagi pengguna Divi. Kami berada di Fase 1, Dev Alpha, dan kami semakin dekat untuk meluncurkan Dev Beta, di mana Divi 5 API baru akan dipadatkan. Kami akan mengundang lebih banyak pengembang untuk bergabung dengan program ini sementara kami bekerja menuju rilis publik pertama akhir tahun ini.

Dalam pembaruan bulan ini, kami akan berbicara tentang pembaruan yang kami buat untuk Divi 5. Saya juga akan menunjukkan kepada Anda seberapa cepat Divi 5, dan kemudian saya akan mengintip fitur Divi AI kami yang akan datang! Mari kita menggali.

Apa yang Kami Capai Bulan Ini

Banyak yang telah kita lakukan bulan ini! Ada banyak hal kecil yang kami isi, satu per satu, saat kami mendekati rilis publik pertama kami, di mana UI perlu dipoles dan serangkaian fitur Divi yang solid harus diselesaikan. Kami mengerjakan pembagi bagian, video latar belakang, opsi kondisi, konten responsif, dan memperbaiki beberapa bug.

Sebagian besar pekerjaan kami berfokus pada memperkuat Divi 5 API, yang merupakan versi Dev Beta. Tren umum di sini adalah kami sedang membangun fondasi untuk memudahkan tim kami dan komunitas pengembangan untuk membuat modul dan fitur Divi yang hebat. Kita perlu mendapatkan bagian ini dengan benar sehingga segala sesuatunya sesuai dengan keinginan kita.

Kami berupaya menyatukan dan menyederhanakan REST API Divi 5 yang baru. Kami menyelesaikan beberapa fungsi baru dan penerapannya, yang bertujuan untuk secara signifikan mengurangi waktu yang diperlukan untuk membuat modul Divi. Sekali lagi, kami melakukan pekerjaan ekstra di tingkat dasar sehingga proyek Divi 5 lainnya akan berjalan lebih cepat, dan semua modul serta fitur yang kami tambahkan setelah Divi 5 akan dikembangkan lebih cepat.

Kami juga memfaktorkan ulang metode konversi kode pendek Divi, yang akan memainkan peran penting dalam kompatibilitas mundur.

Jika Anda tertarik dengan detail yang lebih halus, berikut adalah entri log perubahan terbaru:

Divi 5.0.0-dev-alpha.4

  • Perbaiki render untuk bidang latar belakang dalam modal pengaturan modul Shortcode
  • Perbaiki visibilitas bidang pengaturan modul kode pendek dengan kondisi pola regex.
  • Penambahan rendering frontend dari opsi Pembagi Bagian.
  • Memperbaiki opsi hover yang tidak berfungsi dengan baik di pembuat visual dan front-end untuk opsi modul yang memiliki banyak pemilih.
  • Refactored @divi/scripts paket dan tambahkan tes
  • Jenis paket yang diterbitkan ke npm sebagai persiapan untuk dirilis ke publik

Divi 5.0.0-dev-alpha.5

  • Izinkan modul Shortcode untuk mengirim permintaan lain ketika permintaan sebelumnya dibatalkan secara otomatis.
  • Render tombol sticky options saat modul Shortcode saat ini sticky.
  • Render tombol sticky options saat modul Shortcode saat ini ada di dalam modul sticky.
  • Menghapus nilai default yang tidak terpakai Rekam<nomor, string | Rekam<string, string>> ketik modul Shortcode.
  • Memperbaiki elemen modul Woo Shortcode yang salah muncul di satu halaman produk. Modul Kode Pendek yang Terpengaruh: Pemberitahuan Produk Woo, Gambar Produk Woo, Tambahkan Woo Ke Troli, Stok Produk Woo, Harga Produk Woo, Produk Terkait Woo, Upsell Produk Woo, dan Produk Woo.
  • Ubah nama modul yang Tidak Didukung menjadi modul Shortcode bersama dengan modul slug, REST API route, label, test case, dan storybook.
  • Menambahkan bidang Video Latar Belakang di Opsi Latar Belakang Modul.
  • Rendering Video Latar Belakang yang difaktorkan ulang dalam Visual Builder tanpa panggilan REST API.
  • Menambahkan rendering Opsi Modul Video Latar Belakang di Frontend.
  • Menambahkan ScriptData untuk menginisialisasi Video Latar Belakang di Frontend.
  • Menambahkan dukungan untuk Opsi Modul Video Latar Belakang dalam keadaan Lengket.
  • Visibilitas yang diperbarui dari bidang Pembagi di Opsi Modul untuk menyembunyikan opsi tambahan jika Gaya Pembagi belum dipilih.
  • Visibilitas yang diperbarui dari pengaturan Pengulangan Horizontal Pembagi di Opsi Modul agar disembunyikan untuk opsi Gaya Pembagi yang secara eksplisit menolak pengulangan.
  • Visibilitas yang diperbarui dari pengaturan Pengaturan Pembagi di Opsi Modul untuk disembunyikan di pengaturan Bagian Lebar Penuh (di mana hanya nilai default "di bawah" yang diizinkan).
  • Memperbarui pratinjau bidang Gaya Pembagi di Opsi Modul untuk mencerminkan pembalikan horizontal dan/atau vertikal yang saat ini diterapkan ke pembagi.
  • Memperbarui bidang Ketinggian Pembagi dalam Opsi Modul untuk memungkinkan penghematan nilai persen (“%”) selain satuan piksel (“px”) default.
  • Memperbarui pengaturan Pengulangan Horizontal Pembagi di Opsi Modul hanya untuk menerima nilai angka positif (“1x” atau lebih tinggi).
  • Dasar opsi Kondisi yang ditambahkan termasuk kondisi awal untuk Penulis, Masuk, dan Peran Pengguna, Kondisi yang tersisa akan ditambahkan secara bertahap di rilis mendatang.
  • Menambahkan komponen ElementComponents, setara dengan <ElementStyle /> tetapi untuk elemen HTML yang dirender.
  • Menambahkan fungsi elementClassnames() , setara dengan <ElementStyle /> tetapi untuk fungsi yang menghasilkan nama kelas.
  • Memperbaiki kesalahan Tingkat Judul Font.
  • Memperbaiki Peringatan PHP yang dipicu di Modul Portofolio.
  • Callback izin REST yang tepat telah ditambahkan ke semua rute REST terdaftar.
  • Kelas RoleEditor baru telah diperkenalkan untuk menentukan peran Divi, termasuk pengujian untuk fungsionalitas yang difaktorkan ulang dari D4 ke D5.
  • Fitur .sendRequest() , seperti penambahan nonce ET dan WP otomatis dan dukungan respons streaming, telah ditambahkan ke fetch().
  • Fetch() telah sepenuhnya difaktorkan ulang untuk pemeliharaan dan skalabilitas yang lebih baik, memungkinkan pengenalan kondisi dan fitur baru dan kompleks, misalnya opsi .sendRequest().
  • Semua panggilan REST API, fetch(), loginFetch(), dan .sendRequest(), telah disatukan, dan sekarang hanya loginFetch() yang digunakan.
  • Mekanisme konversi yang difaktorkan ulang untuk modul.

Divi 5.0.0-dev-alpha.6

  • Registrasi, logika, skema, dan pengujian REST API yang disempurnakan dan disederhanakan. Mengganti nama paket divi/ajax menjadi paket divi/rest.
  • Menambahkan komponen InlineTextEditorContainer dan InlineTextEditor untuk Inline Text Editor.
  • Menambahkan penangan onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown, dan onMouseUp untuk Inline Text Editor.
  • Menambahkan mekanisme penyimpanan untuk memperbarui nilai atribut dari bidang Editor Teks Sebaris.
  • Penambahan event handler untuk mengaktifkan dan menonaktifkan mode pengeditan untuk Inline Text Editor.
  • Menambahkan Nama Kelas berdasarkan aktivasi/penonaktifan dan status lain seperti __empty, __editing, __html.
  • Menambahkan CSS/Gaya Sebaris untuk Editor Teks Sebaris.
  • Refactored WindowEventEmitterInstance untuk menambahkan event listener mousedown.
  • Pembantu PHP konten responsif yang diperkenalkan.
  • Pembantu JS konten responsif yang diperkenalkan.
  • Menambahkan fungsionalitas konten responsif dalam skrip FE.
  • Menambahkan penerapan konten responsif di elemen Nama, Jabatan, Gambar, dan Konten modul Anggota Tim
  • Menambahkan penerapan konten responsif dalam elemen Gunakan Persentase, Persen, dan Judul dari modul Bar Counters
  • Menambahkan penerapan konten responsif di elemen Teks Tombol dari modul Tombol.
  • Menambahkan penerapan konten responsif di elemen Judul dan Konten modul Toggle.
  • Menambahkan implementasi konten responsif di elemen Text Inner dari modul Text.
  • Menambahkan penerapan konten responsif di elemen Judul modul Penghitung Waktu Mundur.
  • Menambahkan penerapan konten responsif dalam elemen Judul, Gambar, Nama Artis, dan Nama Album modul Audio.
  • Menambahkan penerapan konten responsif di elemen Konten modul Kode.
  • Menambahkan penerapan konten responsif dalam elemen Judul, Konten, dan Tombol modul CTA.
  • Menambahkan penerapan konten responsif di modul Gambar.
  • Menambahkan penerapan konten responsif di elemen Judul modul Penghitung Lingkaran.
  • Menambahkan penerapan konten responsif di elemen Judul modul Penghitung Angka.
  • Menambahkan penerapan konten responsif di elemen Judul dan Konten modul Tab.
  • Menambahkan penerapan konten responsif di elemen Judul dan Konten modul Login.
  • Menambahkan penerapan konten responsif dalam opsi Tampilkan Pembagi dari modul Pembagi.
  • Menambahkan penerapan konten responsif dalam elemen Judul, Subhead, Konten, Gambar Logo, Gambar Header, Teks Tombol Satu, dan Teks Tombol Dua dari modul Header Lebar Penuh.
  • Menambahkan penerapan konten responsif dalam modul Gambar Lebar Penuh.
  • Menambahkan penerapan konten responsif dalam elemen Judul dan Konten modul Portofolio.
  • Pindahkan kode terkait modul Shortcode ke paket Modul Shortcode.
  • Tambahkan perender gaya tajuk font pada komponen ElementStyle.

Kecepatan Divi 5

Sebelum kita mengakhiri postingan hari ini, saya ingin membahas kecepatan . Seperti yang Anda ketahui, kami tidak berencana menambahkan banyak, jika ada, fitur baru ke Divi 5. Namun, salah satu perubahan paling signifikan yang akan hadir dengan versi baru ini adalah peningkatan kecepatan yang sangat besar, terutama di Visual Builder , di mana kita semua menghabiskan begitu banyak waktu.

Meskipun Divi 5 UI belum selesai, dan pembuatnya kehilangan fitur, saya tetap ingin memberi Anda gambaran tentang perbedaan kinerja yang terus saya bicarakan. Jadi tolong tahan penilaian tentang bagaimana hal-hal terlihat dalam video ini, yang akan berubah, dan fokuslah pada kecepatan interaksi!

Anda akan segera melihat semuanya muncul secara instan saat elemen diarahkan ke halaman. Membuka popup pengaturan sama cepatnya, seperti menyesuaikan pengaturan desain. Ini perbedaan malam dan siang di seluruh papan. Selain itu, tidak masalah seberapa besar dan rumitnya halaman tersebut. Visual Builder dapat menanganinya, dan tetap cepat.

Mencapai tingkat kecepatan ini tidak mungkin dilakukan di Divi 4, dan itulah salah satu alasan mengapa arsitektur ulang Divi 5 ini sangat penting.

Segera Hadir: Divi AI

Itu saja untuk pembaruan Divi 5 bulan ini. Namun, saya punya satu penggoda lagi untuk Anda. Meskipun hampir seluruh tim kami berfokus pada Divi 5, kami masih memiliki sekelompok kecil orang yang mengerjakan fitur Divi 4 yang tidak akan memengaruhi pengembangan Divi 5, dan saat ini kami sedang mengerjakan sesuatu yang sangat menarik.

Ini disebut Divi AI, dan memanfaatkan model bahasa besar untuk membantu Anda membuat konten, seperti teks dan gambar, untuk situs web Divi Anda langsung di dalam pembuat! Karena terintegrasi ke dalam Divi, kami dapat mengajarkan hal-hal tentang pembuat dan situs web Anda untuk membantunya membuat atau meningkatkan konten Anda dengan cara yang masuk akal dan terasa sangat intuitif.

Lihat video Youtube hari ini untuk mengintip Divi AI.

Nantikan Pembaruan Lainnya

Itu saja untuk laporan kemajuan bulan Mei kami. Jika Anda memiliki pertanyaan, pastikan untuk meninggalkan komentar. Nantikan pembaruan bulan depan, dan sampai jumpa di pembaruan berikutnya!