Gutenberg 12.1 Memperbaiki Blokir Pergeseran Tata Letak Appender, Menambahkan Tampilan Daftar Template, dan Meningkatkan Gaya Global

Sebelumnya hari ini, Gutenberg 12.1 mendarat di direktori plugin WordPress. Rilis terbaru sangat mengutamakan peningkatan pengalaman pengguna, termasuk perbaikan untuk pergeseran tata letak appender blok, fitur gaya global baru, dan tampilan daftar template yang ditingkatkan. Penulis tema juga memiliki tanda baru untuk mengaktifkan semua alat terkait penampilan.

WordPress 5.9 dijadwalkan untuk diluncurkan hari ini, tetapi telah didorong hingga 25 Januari 2022. Kontributor membutuhkan lebih banyak waktu untuk menyempurnakan editor situs dan alat terkait yang disertakan bersama rilis. Sejauh ini, mereka menggunakan waktu ekstra dengan memperbaiki bug dan menciptakan pengalaman pengguna yang lebih baik secara keseluruhan.

Tidak Ada Lagi Pergeseran Tata Letak

Jika ini adalah satu-satunya perubahan di Gutenberg 12.1, saya akan menjadi pengguna paling bahagia di dunia. Untungnya, ada item lain yang bagus untuk dimiliki, tetapi kekesalan terbesar saya dalam tiga tahun menggunakan editor blok kini telah diperbaiki.

Appender blok (tombol + kecil itu) di kanvas konten sekarang ditampilkan menggunakan pemosisian tetap. Ini berarti bahwa ketika Anda memilih blok, terutama yang bersarang di dalam blok lain, layar tidak lagi memantul, menggeser tata letak, atau meninggalkan celah spasi di bagian yang sempurna.

Saya tahu dari berbicara dengan orang lain bahwa ini telah menjadi titik sakit ketika membangun tata letak yang kompleks di masa lalu. Untuk beberapa, mereka tidak akan menggunakan editor blok sama sekali karena sangat menjengkelkan. Jika Anda jatuh ke dalam kamp ini, ada baiknya mencobanya sekali lagi. Ini adalah peningkatan yang nyata dalam pengalaman pengguna.

Peningkatan Gaya Global

Pengguna sekarang dapat menentukan gradien khusus melalui bagian palet warna di bilah sisi gaya global. Ini akan tersedia di seluruh situs dan tidak terikat dengan tema.

Palet juga menunjukkan warna duotone di bawah bagian gradien yang sama. Namun, belum ada opsi untuk membuat filter duotone kustom. Ini adalah bagian hanya-baca.

Panel gaya global juga membagi opsi tipografi antara elemen teks dan tautan, membuka pintu untuk elemen HTML lainnya di masa mendatang.

Pengguna mungkin tidak boleh mengubah ini untuk tautan. Sebaliknya, mereka umumnya harus cocok dengan teks di sekitarnya. Jika kami mendapatkan dekorasi teks atau opsi serupa di masa mendatang, pemisahan mungkin lebih masuk akal. Namun, mengubah pengaturan seperti ukuran font atau tinggi garis kemungkinan akan merusak desain.

Tampilan Template dan Bagian Template

Gutenberg 12.1 memperkenalkan template baru dan tampilan daftar komponen template dari editor situs. UI untuk fitur ini telah melompati beberapa versi plugin terakhir. Daftar tersebut tersedia melalui panel geser kiri di editor selama berbulan-bulan. Kemudian, itu dihapus sama sekali di 11.9. Itu muncul kembali antara rilis itu dan 12.0.

Panel sekarang telah diperkecil untuk menyertakan tiga tautan untuk Situs, Template, dan Bagian Template. Tautan pertama menampilkan editor situs. Yang lain menampilkan tabel dari template yang ada.

Beralih di antara layar terasa lambat saat ini. Namun, ini adalah versi 1.0 dari editor situs yang akan dilihat oleh pengguna WordPress di seluruh dunia. Kemungkinan akan berubah seiring waktu. “Iterasi desain saat ini mengutamakan kesederhanaan dan kegunaan,” tulis Riad Benguella di postingan pengumuman. “Iterasi yang mengimplementasikan navigasi sisi klien dan tampilan mosaik mungkin ditambahkan di masa mendatang.”

Sepertinya tidak ada cara untuk menambahkan templat khusus, seperti kategori atau arsip penulis. Mengklik tombol "Tambah Baru" akan menampilkan opsi untuk Halaman Depan dan Templat Pencarian saat menggunakan tema Dua Puluh Dua Puluh Dua.

Namun, menambahkan bagian template baru adalah proses yang jauh lebih halus. Setelah mengklik tombol untuk membuatnya, pengguna disajikan dengan overlay dan formulir seperti yang ditunjukkan pada tangkapan layar berikut:

Pengguna dapat memberinya nama khusus dan memilih di antara tiga area yang diizinkan: umum, header, dan footer. Setelah membuat bagian baru, pengguna dibawa ke editor.

Saat melihat daftar komponen template lagi, ini akan menampilkan pengguna yang membuatnya dan memiliki pilihan dropdown (tombol elipsis). Saat ini, satu-satunya tindakan adalah menghapus bagian tersebut.

Saya ingin melihat templat tingkat atas menerima perlakuan yang sama seperti bagian templat saat membuat yang baru. Meskipun ada sedikit perbedaan di antara keduanya, keduanya adalah templat pada akhirnya. Pengalaman pengguna akan bermanfaat jika proses pembuatannya cocok.

Membuat template kustom di luar daftar default dari layar ini juga akan membantu desainer membangun tema secara visual dari editor situs.

Penggantian Navigasi Kosong

Rilis terbaru memperkenalkan fallback untuk blok menu Navigasi yang kosong. Pada akhirnya, jika tidak ada menu yang ditemukan, blok Daftar Halaman akan ditampilkan. Bergantung pada berapa banyak halaman yang dimiliki situs pengguna, ini dapat dengan cepat menjadi tidak terkendali, seperti yang ditunjukkan pada tangkapan layar Twenty Twenty-Two berikut:

Pengembang tema dapat menimpa fallback ini melalui kait filter block_core_navigation_render_fallback dengan mengembalikan nilai false atau serangkaian blok anak yang valid untuk induk Navigasi. Penulis tema, saya mengundang mereka untuk memanfaatkan pengait filter ini dengan murah hati.

Item Tema Blok yang Patut Diperhatikan

Untuk pengembang tema blok, folder terkait template standar telah diganti namanya. Nama-nama lama akan terus berfungsi, tetapi penulis harus memperbarui yang berikut ini dalam tema mereka:

• /block-templates berganti nama menjadi /templates
• /block-template-parts diganti namanya menjadi /parts

Perubahan ini membersihkan direktori tema tingkat atas, tetapi juga menciptakan jalur menuju lebih banyak standarisasi di masa mendatang. Sudah ada tiket terbuka untuk /patterns , dan folder /styles dimungkinkan.

Gutenberg 12.1 juga memperkenalkan tanda appearanceTools untuk theme.json , yang memungkinkan pembuat tema mengaktifkan dukungan untuk semua opsi batas, warna, spasi, dan tipografi saat ini dan di masa mendatang. Saya membahas ini secara lebih rinci di pos Gutenberg 12.0, yang salah menandai fitur sebagai dibundel dengan rilis terakhir.