Mempersiapkan WordPress 5.4: Perubahan Tema dan Plugin yang Harus Diketahui Pengembang

Dengan rilis WordPress 5.4 yang menjulang, sekarang saatnya bagi pengembang plugin dan tema untuk mulai menguji ekstensi mereka dan memastikan tidak ada masalah. Ada juga API baru untuk fitur mendatang. Kemarin, tim inti merilis kandidat rilis pertama untuk 5.4. Rilis resmi direncanakan pada 31 Maret.

Posting ini akan berfungsi sebagai panduan cepat dengan tautan ke beberapa perubahan penting yang perlu diingat pengembang dalam beberapa minggu mendatang. Pastikan untuk menguji plugin dan tema Anda.

Pengembang Tema

Ada beberapa perubahan yang ingin diuji oleh penulis tema. WordPress 5.4 memiliki beberapa fitur tema tambahan. Ini juga memiliki beberapa perubahan terkait markup yang dapat merusak desain tema di ujung depan dan di editor blok. Sayangnya, untuk pembuat tema yang ingin mendukung beberapa versi WordPress, beberapa perubahan ini mungkin berarti sedikit tambahan CSS.

Ikon Sosial dan Blok Tombol

WordPress 5.4 memperkenalkan dua blok baru: ikon dan tombol sosial. Blok ikon sosial memungkinkan pengguna untuk menyisipkan ikon/tautan hingga 40 jejaring sosial yang berbeda. Blok tombol memungkinkan pengguna mengelompokkan beberapa blok tombol bersama-sama. Penulis tema yang meluncurkan gaya editor blok khusus perlu memperhitungkan blok baru ini untuk memastikan mereka dikeluarkan dengan benar.

Buat Preset Gradien Kustom

Gradients API yang baru memungkinkan pembuat tema untuk menentukan preset gradien khusus untuk digunakan pengguna dengan blok grup atau tombol. Penulis tema perlu melakukan beberapa kerja keras untuk memperbaiki kerusakan pemandangan yang merupakan preset gradien default. Dengan sedikit kerja, gradien dapat menjadi alat yang berguna bagi pengguna. Penulis tema juga dapat menonaktifkan gradien sama sekali jika mereka memilih untuk tidak mendukungnya.

Blokir Markup Editor dan Perubahan Gaya

Penulis tema yang secara langsung menargetkan kelas editor tertentu, perlu memeriksa gaya editor blok mereka. Banyak kelas dengan awalan editor- telah diubah untuk menggunakan awalan block-editor- . Elemen pembungkus dengan kelas .edit-post-layout__content telah dihapus sama sekali. Beberapa elemen pembungkus telah dihapus dari blok dan komponen teks kaya. Padding bawaan Core dan margin negatif pada blok telah difaktorkan ulang, yang merupakan tambahan yang disambut baik. Mungkin penulis tema tidak lagi harus berjuang melawan beberapa pemilih bersarang untuk menyediakan tata letak dasar yang berfungsi yang cocok dengan ujung depan.

Perubahan ini telah merusak beberapa tema yang saya lihat. Ada kemungkinan besar banyak penulis tema perlu memperbarui gaya editor blok mereka.

Pada saat Tim Peninjau Tema meminta lebih banyak penulis tema untuk mengirimkan tema dengan gaya editor khusus, jenis perubahan pada kelas dan markup ini bukanlah peningkatan kepercayaan diri. Pengembang tema dapat dengan mudah merasa seperti sedang berjuang untuk kalah. Namun, pekerjaan sedang bergerak maju untuk membuat markup editor lebih dekat ke pencocokan satu-ke-satu dengan ujung depan. Pada titik tertentu, penulis tema hanya bisa berharap mereka tidak perlu lagi berurusan dengan perubahan semacam ini sambil mendukung pengguna di berbagai versi WordPress. Untuk saat ini, mereka berada dalam fase transisi yang agak berantakan.

Markup Kalender dan Perubahan Kelas

Tim inti mengubah markup fungsi get_calendar() , yang juga memengaruhi widget Kalender. Keluaran kalender tidak lagi memiliki elemen <tfoot> . Sebagai gantinya, tautan bulan sebelumnya dan berikutnya dipindahkan ke elemen <nav> di bawah elemen <table> .

Keluaran kalender juga menambahkan atau mengubah beberapa ID dan kelas:

• .wp-calendar-table ditambahkan ke elemen pembungkus.
• .wp-calendar-nav ditambahkan ke elemen pembungkus navigasi.
• .wp-calendar-nav-next menggantikan #next ID pada link bulan berikutnya.
• .wp-calendar-nav-prev menggantikan #prev ID pada link bulan sebelumnya.

Ini adalah perubahan yang melanggar. Setiap CSS khusus yang menargetkan HTML atau ID lama perlu diperbarui.

Blokir Pengembang

Untuk pengembang plugin yang membuat blok khusus, WordPress 5.4 memperkenalkan beberapa API dan alat baru untuk bekerja dengan sistem blok.

Perancah Blok

Pengembang memiliki paket NPM baru untuk membuat plugin blok dengan cepat. Dengan satu perintah npm init @wordpress/block <plugin-name> skrip akan membuat direktori baru dan membuat file PHP, CSS, dan JavaScript yang sesuai yang diperlukan untuk membangun plugin blok. Pengembang dapat menggunakan alat JavaScript modern secara default atau secara opsional memilih untuk menggunakan versi ES5.

Maksud dari paket block scaffolding adalah agar pembuat plugin membuat plugin satu blok yang pada akhirnya akan masuk ke direktori blok resmi.

Blokir Koleksi API

Block Collections API bekerja mirip dengan kategori. Namun, mereka didasarkan pada namespace. Saat pengembang plugin mendaftarkan koleksi khusus, setiap blok yang berbagi ruang nama koleksi akan muncul di bawah bagian khusus di penyisipan blok. Ini tampaknya menjadi cara yang lebih cerdas untuk mengatur blok. Ini pasti akan berguna untuk plugin yang membuat perpustakaan blok, menyediakan cara otomatis untuk mengelompokkannya bersama-sama.

Blokir Variasi API

Block Variations API yang baru memungkinkan pengembang blok pada dasarnya membuat salinan blok dengan variasi. Setiap variasi terdaftar akan muncul sebagai blok terpisah di penyisipan blok untuk dipilih pengguna.

Contoh bagus dari fitur ini adalah blok ikon sosial baru. Ini adalah satu blok dengan 40 variasi untuk berbagai jejaring sosial.

Perubahan Terkait Pengembang Lainnya

Ada beberapa perubahan catatan lain yang melintasi wilayah pengembangan plugin dan tema.

Kait Menu Nav Baru

Setelah menunggu dan menunggu dan menunggu, pengembang akhirnya mendapatkan beberapa pengait yang sering diminta untuk menambahkan bidang khusus ke layar admin menu nav dan penyesuai. Setidaknya satu tiket kembali 9 tahun, tetapi lebih baik terlambat daripada tidak sama sekali. Di masa lalu, pengembang perlu menggunakan kelas walker khusus untuk membuat beberapa penyesuaian yang diperlukan. Namun, hanya satu kelas walker yang dapat digunakan pada satu waktu, yang berarti bahwa beberapa plugin yang membuat perubahan tidak akan berfungsi bersama.

Tim inti menambahkan kait wp_nav_menu_item_custom_fields baru pada layar admin menu nav, yang muncul sebelum tombol "pindah" untuk setiap item menu. Untuk keseimbangan dengan admin, item menu nav memiliki wp_nav_menu_item_custom_fields_customize_template baru di penyesuai. Kait ini akan memungkinkan pengembang untuk menambahkan bidang formulir khusus yang diperlukan untuk menambahkan data khusus ke item menu navigasi.

apply_shortcodes() Fungsi Alias

WordPress 5.4 memperkenalkan fungsi apply_shortcodes() baru. Ini adalah alias untuk fungsi do_shortcode() . Fungsi baru memberikan nama fungsi yang lebih benar secara semantik. Umumnya, fungsi dengan awalan do_ mengharapkan keluaran atau beberapa jenis tindakan. Fungsi dengan awalan apply_ mengharapkan data dikembalikan.

Jika Anda membuat tema atau plugin dengan area kode pendek, Anda akan ingin beralih ke fungsi baru. Sementara fungsi do_shortcode() saat ini tidak ditandai untuk dihentikan, itu harus menjadi tujuan akhirnya.