Divi 5 Melambaikan Selamat Tinggal Pada Kode Pendek. Inilah Mengapa Itu Penting

Diterbitkan: 2024-10-01

Divi telah lama dianggap sebagai salah satu tema WordPress paling kuat dan serbaguna. Dengan diperkenalkannya Divi 5, kami mengguncang segalanya. Dalam versi Divi sebelumnya, kode pendek – potongan kecil kode – bertindak sebagai pengganti modul desain Divi, memungkinkan Visual Builder menghasilkan tata letak dan gaya yang kompleks melalui perintah backend.

Dengan dirilisnya Divi 5, kode pendek hilang, dan kami telah menulis ulang kerangka kerja sepenuhnya dari awal. Dalam postingan ini, kita akan mengeksplorasi bagaimana kerangka kerja baru Divi, yang dibuat mirip dengan blok Gutenberg, menjadi lebih efisien dan bertenaga dari sebelumnya.

Pelajari lebih lanjut tentang Divi 5 Public Alpha dan cara mengunduhnya.

Unduh Divi 5 Public Alpha

Daftar isi
  • 1 Apa Itu Kode Pendek?
  • 2 Bagaimana Divi Menggunakan Kode Pendek Di Masa Lalu
  • 3 Mengapa Kami Menjauh Dari Kode Pendek Di Divi 5
    • 3.1 Peningkatan Kinerja
    • 3.2 Peningkatan Keserbagunaan
    • 3.3 Peningkatan Stabilitas
    • 3.4 Peningkatan Kompatibilitas Silang
  • 4 Pergeseran Ke Sistem Pembuat Visual Berbasis Blok
  • 5 Apa Dampaknya Terhadap Situs Web Divi yang Ada?
  • 6 Divi 5: Lebih Cepat, Lebih Bersih, & Lebih Fleksibel

Apa itu Shortcode?

Kode pendek dirancang untuk memudahkan pengguna menambahkan konten dan fungsionalitas kompleks ke situs web mereka tanpa memerlukan kode panjang. Misalnya, daripada mengkode seluruh formulir atau galeri gambar secara manual dalam HTML dan CSS, pengguna dapat memasukkan kode pendek seperti [galeri], dan WordPress akan secara otomatis menghasilkan elemen yang diperlukan saat halaman dirender.

Ide dibalik shortcode adalah untuk membuat WordPress lebih ramah pengguna. Cuplikan singkat ini dapat menjalankan fungsi khusus dan merender elemen khusus, yang dapat digunakan kembali di seluruh situs web Anda dengan mudah.

Bagaimana Divi Menggunakan Kode Pendek Di Masa Lalu

Divi menggunakan sistem kode pendek asli WordPress untuk mengatur elemen pembuatnya, dengan setiap kode pendek bertindak seperti satu blok penyusun dalam desain yang lebih besar.

Misalnya, saat pengguna menambahkan tombol di Visual Builder, di belakang layar, Divi menyisipkan kode pendek untuk tombol tersebut yang menentukan semua propertinya, seperti warna, ukuran, radius batas, dll. membangun tata letak yang luar biasa, tetapi di balik layar, Divi menumpuk kode pendek untuk menentukan dan merender setiap elemen.

Jika Anda pernah menonaktifkan Divi dan mengunjungi halaman yang Anda buat dengan Divi Builder, Anda akan melihat kode pendek di bawah ini.

Kode pendek Divi 4 halaman

Mengapa Kami Menjauh Dari Kode Pendek Di Divi 5

WordPress beralih dari kode pendek ke blok. Oleh karena itu, Divi harus meninggalkan ketergantungannya pada kode pendek, yang pasti tidak akan digunakan lagi. Divi 4 hidup di masa lalu, sedangkan Divi 5 dibangun untuk masa depan. Namun ada lebih banyak alasan untuk pindah, yang akan sangat menguntungkan pengguna Divi.

Peningkatan Kinerja

Alasan pertama adalah kinerja . Mengurai halaman yang dibuat dengan kode pendek kurang efisien karena tidak memiliki hierarki yang tepat. Divi membutuhkan waktu lebih lama untuk mengambil serangkaian besar konten kode pendek dan memahaminya . Selain itu, kecepatan WordPress dalam merender konten kode pendek masih menyisakan sesuatu yang diinginkan. Divi 4 mendorong sistem ini hingga batasnya.

Peningkatan Fleksibilitas

Alasan kedua adalah keserbagunaan . Kode pendek tidak dibayangkan sebagai bagian dari sistem desain yang kompleks dan bertingkat. Divi 4 harus melewati rintangan untuk menghindari masalah ketika menyusun modul di dalam kolom di dalam baris di dalam bagian, dan menambahkan lebih banyak sarang, seperti kolom di dalam kolom, membuka sekaleng worm baru. Divi 5 memecahkan masalah ini dengan format penyimpanan barunya, memungkinkan elemen bersarang tanpa batas.

Peningkatan Stabilitas

Alasan ketiga adalah stabilitas . Sebagai API, shorcode memiliki keterbatasan. Cara tanda kurung dan atribut digunakan untuk menyimpan data yang kompleks berarti bahwa satu karakter pemerah pipi dapat menyebabkan keseluruhan sistem mogok. Divi 5 akan memiliki lebih sedikit bug karena lebih sedikit kesalahan yang terjadi.

Peningkatan Kompatibilitas Silang

Alasan keempat adalah kompatibilitas silang . Format penyimpanan baru Divi 5 meniru blok asli WordPress, sehingga memudahkan Divi dan Gutenberg untuk berbicara satu sama lain.

Ini adalah perubahan besar. Kami harus memulai dari awal! Tapi ini sangat penting untuk kelangsungan hidup Divi dalam jangka panjang.

Pergeseran Ke Sistem Pembuat Visual Berbasis Blok

Menyadari perlunya pendekatan yang lebih modern, Divi 5 telah beralih dari kode pendek ke pendekatan berbasis blok yang selaras dengan masa depan WordPress. Alih-alih mengandalkan kode pendek, Divi 5 meniru arsitektur berbasis blok WordPress. Menghapus kode pendek di Divi 5 adalah bagian dari upaya yang lebih besar untuk menjadikan Divi lebih cepat, lebih fleksibel, dan lebih mudah digunakan. Dengan menghilangkan kerangka lama, Divi 5 memberikan peningkatan kinerja yang signifikan.

Dalam hal fleksibilitas, Divi 5 memungkinkan kemampuan pembuatan situs yang lebih dinamis dan terukur. Kerangka kerja baru yang modern ini dapat dengan mudah diperluas dan diintegrasikan dengan fitur-fitur yang lebih kompleks, yang tidak mungkin dilakukan dengan kerangka kerja berbasis kode pendek Divi 4.

Apa Dampaknya Terhadap Situs Web Divi yang Ada?

Pertanyaan paling mendesak bagi banyak pengguna lama Divi adalah apa yang akan terjadi pada situs web mereka yang dibangun dengan Divi 4. Untungnya, kami merencanakan hal ini. Meskipun Divi 5 menghilangkan kode pendek dalam pembuatan situs baru, situs web yang sudah ada tidak akan terpengaruh.

Divi 5 hadir dengan migrator yang akan mengubah semua kode pendek Divi 5 Anda menjadi blok Divi 5. Semudah mengklik tombol!

Divi 5 juga dirancang dengan kompatibilitas ke belakang, memastikan situs web Anda tetap berfungsi normal, bahkan sebelum migrasi. Jika Divi 5 mendeteksi kode pendek lama, itu akan berjalan dalam mode kompatibilitas mundur hingga konten tersebut dimigrasi dengan benar atau modul pihak ketiga Anda telah diperbarui untuk mendukung Divi 5.

Divi 5: Lebih Cepat, Lebih Bersih, & Lebih Fleksibel

Menghapus kerangka kerja berbasis kode pendek Divi 4 merupakan langkah maju yang signifikan.

Ingin merasakan sendiri perbedaannya? Sekarang adalah waktu yang tepat untuk menguji Divi 5 Alpha dan mengenal perubahan terbesarnya. Bantu kami menemukan bug dan menjadikan versi final Divi 5 menjadi lebih baik.

Ingatlah untuk hanya menguji Divi 5 Alpha secara lokal atau di situs pementasan. Anda mungkin akan menemukan banyak bug pada tahap ini, terutama selama migrasi. Jika Anda tidak ingin berpartisipasi dalam fase pengujian bug, ikutilah nanti.