Ulasan Oxygen Builder V 4.0 - Desain, Fitur, dan Alur Kerja

Oxygen Builder 4.0 telah hadir, dan dalam artikel ini kita akan melihat semua fitur baru, perubahan, dan alur kerja yang disertakan dengan versi baru. Oxygen adalah pembuat halaman WordPress yang terkenal dan dicintai yang sepenuhnya menggantikan sistem tema.

Selama beberapa tahun terakhir ini sudah di versi tiga, dan melihat tambahan yang bagus seperti CSS grid, tambahan MetaBox lengkap, dan optimasi kecepatan tambahan dan front end dan backend. Orang-orang menyukainya karena mengemas satu ton kekuatan dalam antarmuka pengguna yang dirancang dengan relatif baik, saya juga akan menempatkan pembuatan kode yang sangat bersih untuk Situs Web yang memuat cepat yang bagus untuk Core Web Vitals.

Fitur utama dengan iterasi keempat Oxygen Builder adalah sebagai berikut:

Antarmuka Pengguna Baru

Ada semakin banyak koleksi plugin pihak ketiga yang mendesain ulang atau memasang ulang pembuat backend Oxygen. Tim di balik alat ini pasti sudah mendapat petunjuk bahwa UI mereka sudah agak ketinggalan zaman, jadi itulah fitur utama untuk rilis ini.

Dari tangkapan layar di atas kita dapat melihat bahwa panel "tambahkan elemen" telah dibuat ulang untuk menampilkan lebih banyak elemen di layar, titik henti telah ditambahkan ke posisinya sendiri di bilah atas, dan fungsi bilah atas lainnya seperti undo redo, toggle style sheet, dan banyak lagi telah dipindahkan.

Inilah yang dilakukan:

• Penyempurnaan: Nilai yang diwarisi dari titik henti sementara yang lebih besar sekarang ditampilkan di bidang Panel Properti (#3665)

• Peningkatan: Modals sekarang bernyawa menggunakan animasi AOS yang sama dengan yang mereka gunakan (#3550)

• Penyempurnaan: Sekarang Anda dapat mengunggah tangkapan layar khusus untuk halaman kumpulan desain, blok, dan Bagian individual (#3574)

• Penyempurnaan: Anda sekarang dapat mengklik dua kali nama elemen di Panel Properti untuk mengganti namanya (#3547)

Cara yang bagus untuk menjaga struktur situs web Anda mudah dinavigasi.

• Penyempurnaan: Menambahkan indikasi visual apakah bidang Panel Properti ditata melalui kelas atau id (#3548)

• Penyempurnaan: Menambahkan bidang pencarian untuk Selectors Pane (#4037)

Jika Anda memiliki banyak kelas CSS yang dikelola di Oxygen, ini akan memungkinkan Anda menemukannya lebih cepat, dan membuat perubahan global di situs web.

• Penyempurnaan: Menambahkan pintasan keyboard untuk duplikat, simpan, hapus, salin, tempel (#3951)

Ini adalah peningkatan yang sangat disambut baik yang memungkinkan Anda sekarang menggandakan, menyimpan, menghapus, menyalin, dan menempelkan elemen dalam instance pembuat. Meskipun mereka tidak menambahkan menu klik kanan, mereka mengatakan tahap untuk itu, dan menambahkan banyak kemampuan melalui pintasan keyboard yang Anda harapkan di menu.

Anda akan menemukan berbagai perubahan antarmuka pengguna lainnya di seluruh pembuat, seperti cara menangani margin dan bantalan. Sekarang lebih seperti pengalaman alat dev:

Anda juga akan melihat bahwa warna sebenarnya di dalam builder berubah, dan sekarang sangat terfokus pada berbagai warna abu-abu.

Secara keseluruhan, kami menemukan UI baru dan peningkatan kemudahan penggunaan tambahan menjadikan alat ini lebih efisien dan cara yang lebih mudah untuk membangun situs web versi 3.0. Semua perubahan ini sangat disambut baik, dan untuk beberapa pengguna bahkan mungkin menghilangkan kebutuhan untuk membeli Paket Hidrogen (karena sekarang ada pintasan keyboard).

Perbaiki ID Duplikat Pengulang

Perbaikan yang sangat disambut baik - Repeater tidak lagi menggandakan ID di setiap posting yang mereka tampilkan. Ini adalah salah satu masalah terbesar dengan 3.0, dan menyebabkan masalah SEO serta tidak mengikuti praktik terbaik.

Inilah markup yang sebenarnya - Anda dapat melihat bahwa setiap ID memiliki nomor setelahnya, memungkinkan Anda untuk menata sel tertentu, dan menghapus ID berulang yang tidak baik untuk SEO.

Dukungan PHP8

Ini adalah permintaan besar-besaran di grup Facebook, dan alat ini sekarang mendukung PHP versi delapan. Versi 3.0 tidak akan berfungsi atau dimuat pada versi baru PHP ini. Kami sekarang dapat memanfaatkan peningkatan kecepatan yang dibawanya.

Inilah mengapa PHP 8 hebat:

Peningkatan Kecepatan Pemuatan Builder

Ada juga beberapa peningkatan yang secara langsung berdampak pada kecepatan pemuatan pembuat seperti penghapusan pemuatan SVG duplikat dan pembaruan ke AngularJS 1.8.2, versi terbaru yang didukung (#4031).

Baca: Uji Waktu Pemuatan Backend Pembangun Oksigen

Cara Baru Menyimpan Data

Sebelumnya, halaman dan template Oxygen disimpan di backend sebagai kode pendek. Ini bagus untuk keamanan, tetapi bukan cara yang paling efisien untuk melakukan sesuatu. Dengan versi 4.0, halaman baru disimpan sebagai JSON yang jauh lebih cepat dan efisien. Ada kompatibilitas mundur dengan situs yang dibangun dengan 3.0, jadi tidak perlu khawatir tentang perubahan yang merusak.

Setelah Anda memutakhirkan, jika Anda mengundurkan diri dari kode pendek, kode tersebut akan diubah menjadi format JSON baru.

Elemen dan Perubahan WooCommerce Tambahan

Ini datang bersamaan dengan rilis baru pembuat inti. Oksigen WooCommerce 2.0. Ada dua elemen baru, termasuk mini cart dan komponen cross sell/upsells.

Penambahan beberapa kondisi khusus Woo baru sangat bagus, dan akan memungkinkan Anda untuk menyesuaikan situs Anda lebih lanjut tergantung pada situasi e-niaga tertentu.

Juga, jika Anda terbiasa dengan tema, Anda sekarang dapat mengganti template WooCommerce dari folder yang telah ditentukan sebelumnya daripada harus melakukan plug-in khusus dan merutekan ulang di mana Connors akan mencari penggantian template ini.

Catatan Mengenai Oksigen V4.0

Ada beberapa hal yang ingin kami bahas dalam posting blog ini. Yang pertama adalah bahwa rilis alfa dan beta tidak boleh digunakan di situs web produksi karena sesuatu mungkin akan rusak. Anda harus menunggu sampai RC (atau kandidat rilis), atau versi 4.0 yang sebenarnya keluar. Kami melihat banyak posting di Facebook yang mengatakan bahwa situs web mereka rusak setelah memperbarui ke versi 4.0, dan ini adalah hal yang diharapkan jika Anda menggunakan alfa atau beta.

Karena UI berubah, seperti halnya CSS, yang berarti bahwa segala sesuatunya akan tampak rusak jika Anda tidak menghapus cache browser dan membuat ulang CSS - jadi pasti lakukan itu!

Peringatan terakhir adalah bahwa plug-in pihak ketiga dapat rusak karena versi baru ini. Mereka melakukan hal-hal yang sedikit berbeda dalam hal menambahkan komponen, dan gaya CSS, tetapi kami berharap bahwa sebagian besar pengembang pihak ketiga pembuat oksigen utama akan memiliki plug-in yang kompatibel pada saat RC keluar.

Bacaan lebih lanjut:

• Tinjauan Mendetail Tentang Oxygen Builder (Perspektif Agensi)
• Bagaimana Kami Memigrasi Situs Pembuat Oksigen
• Divi Builder VS Oxygen Builder - Siapa yang Menang di Tahun 2021?

Kesimpulan

Versi keempat dari Oxygen Builder menghadirkan pengalaman pengguna yang sangat dibutuhkan, peningkatan antarmuka seperti pintasan keyboard untuk menyalin dan menempelkan elemen, desain & baru yang lebih mudah, dukungan PHP8, dan peningkatan WooCommerce. Rilis ini harus mengatur panggung untuk alat asli tambahan seperti menu klik kanan dan peningkatan kecepatan backend lebih lanjut.