Gutenberg 11.3 Memperkenalkan Panel Dimensi, Menambahkan Dukungan Bantalan Tombol, dan Mempercepat Inserter

Sebelumnya hari ini, Gutenberg 11.3 mendarat di direktori plugin WordPress. Pembaruan terbaru memperkenalkan panel dimensi baru untuk beralih opsi blok terkait spasi. Blok Button sekarang mendukung kontrol padding, dan blok Post Featured Image memiliki pengaturan lebar dan tinggi baru.

Salah satu sorotan rilis adalah peningkatan kecepatan untuk membuka dan mencari di dalam penyisip. Waktu pembukaan turun lebih dari 200 ms, dari 370,35 ms menjadi 137,28 ms. Kecepatan pencarian berubah dari 190,37 md menjadi 67,24 md.

Rilis terbaru menyertakan pustaka pemilih warna yang disederhanakan. Pratinjau kaya untuk tautan, fitur yang diperkenalkan di Gutenberg 10.9 untuk URL eksternal, sekarang berfungsi dengan tautan situs internal.

Penulis tema harus menikmati pengurangan spesifisitas dari reset dan stylesheet editor klasik. Perubahan seperti itu selalu memudahkan penulis tema untuk mencocokkan editor dan gaya front-end.

Panel Dimensi untuk Kontrol Spasi

Gutenberg 11.3 memperkenalkan panel Dimensi baru untuk blok yang mendukung kontrol margin atau padding. Fitur ini menambahkan tombol elipsis ( ... ) sebagai pengganti panah tab buka/tutup yang khas. Pengguna dapat memilih kontrol mana yang ingin mereka gunakan.

Tujuan jangka panjangnya adalah untuk membersihkan antarmuka, hanya memperlihatkan kontrol yang benar-benar dibutuhkan pengguna. Karena kebutuhan tersebut bersifat subjektif, memungkinkan pengguna untuk mengaktifkan/menonaktifkannya adalah rute yang ideal untuk diambil.

Kerugian saat ini ada dua. Setelah memilih untuk menampilkan kontrol margin atau padding, panel itu sendiri tidak dapat diciutkan. Ini memperburuk masalah yang coba dipecahkan oleh fitur baru — mendeklarasikan antarmuka bilah sisi. Bagi saya, setidaknya, saya selalu menginginkan akses cepat ke kontrol jarak. Namun, saya tidak selalu membutuhkan mereka ditampilkan.

Masalah kedua adalah bahwa pilihan pengguna tentang apa yang akan ditampilkan tampaknya tidak disimpan. Setiap kali Anda bekerja dengan blok, Anda harus memilih kontrol mana yang akan muncul.

Panel Dimensi baru hanyalah satu bagian dari proses penentuan ukuran (lebar dan tinggi), jarak (padding dan margin), dan kontrol terkait untuk blok. Bekerja menuju solusi yang lebih menyeluruh masih berlangsung. Agaknya, tim pengembangan akan mengatasi masalah ini dan lainnya di rilis mendatang. Namun, mereka yang menjalankan plugin Gutenberg dalam produksi harus mengharapkan keanehan dengan penggunaan.

Plugin Block Visibility memiliki versi kontrol sakelar yang paling ramah pengguna saat ini. Ini belum merupakan solusi yang sempurna, tetapi bekerja sedikit lebih baik daripada yang ada di Gutenberg saat ini.

Bantalan Blok Tombol

Bukan rahasia lagi bahwa saya tidak menyukai padding default dari blok Button saat menggunakan tema TT1 Blocks (versi berbasis blok dari Twenty Twenty-One). Saya telah menjadikannya salah satu misi saya untuk secara rutin menunjukkannya, bahkan sejauh menolak menggunakan blok dalam panggilan terakhir untuk pengujian sebagai bagian dari Program Penjangkauan FSE.

Tombol yang terlalu besar tidak selalu merupakan pilihan gaya yang salah pada halaman web. Konteks penting dan entah bagaimana saya terus mengalami skenario di mana saya membutuhkan sesuatu yang sedikit lebih diperkecil. Kontrol atas bantalan blok Tombol telah ada di daftar keinginan saya selama berbulan-bulan, dan tim pengembangan Gutenberg berhasil.

Mulai 11.3, pengguna dapat mengontrol padding blok Button individual. Sekarang akan muncul sebagai opsi dalam panel Dimensi baru yang disebutkan sebelumnya.

Doa dijawab. Sekarang, mari kita beralih ke penambahan kontrol padding ke semua blok.

Satu-satunya masalah potensial yang mungkin dialami beberapa pengguna adalah mempertahankan jarak yang konsisten saat menggunakan beberapa blok Tombol secara bersamaan. Cara termudah untuk melakukannya adalah dengan menambahkan dan menata yang pertama, lalu menduplikasinya untuk membuat yang lain dengan spasi yang sama. Ini bukan masalah baru; itu berlaku untuk semua opsi Tombol di mana pengguna menginginkan konsistensi dalam grup.

Kontrol Dimensi Gambar Unggulan

Blok Post Featured Image akhirnya menerima peningkatan kecil namun berguna. Di masa lalu, pengguna dan penulis tema hanya memiliki satu opsi untuk memutuskan apakah akan menautkannya ke postingan. Sekarang, mereka dapat mengontrol lebar dan tinggi gambar.

Jika pengguna menetapkan ketinggian untuk gambar, editor akan menampilkan opsi "Skala" terpisah dengan pilihan berikut:

• Sampul (bawaan)
• Berisi
• Meregang

Apa yang sebenarnya dilakukan opsi ini? Itu akan menjadi pertanyaan yang bagus. Bahkan sebagai seseorang dalam lingkaran desain dan pengembangan web selama hampir dua dekade, saya terkadang lupa dan harus mencarinya. Mereka adalah nilai untuk properti CSS object-fit dan cenderung membingungkan pengguna dalam banyak kasus.

Sampul dan isi memungkinkan gambar masuk ke dalam kotak elemen yang memuatnya sambil mempertahankan rasio aspeknya (tidak meregangkan gambar). Perbedaannya adalah nilai sampul akan dipotong jika tidak sesuai dan nilai isi dapat dikotak surat. Nilai peregangan akan mengisi wadahnya terlepas dari rasio aspeknya.

Bergantung pada rasio aspek gambar pada wadahnya, masing-masing nilai pada dasarnya dapat menampilkan hal yang sama di layar. Atau, mereka bisa memberikan hasil yang sangat berbeda. Menggabungkan kontrol dimensi ini dengan perataan lebar dan penuh (juga opsi terkait lebar) dapat membuat beberapa eksperimen yang tidak terduga juga.

Perancang tema dalam diri saya ingin menonaktifkan UI untuk ini sama sekali dan menghadirkan sesuatu yang sedikit lebih terkontrol: pemilih ukuran gambar.

Pemilih seperti itu tidak boleh dikacaukan dengan kontrol lebar dan tinggi. Penulis tema WordPress telah mendaftarkan ukuran gambar khusus selama bertahun-tahun. Kasus penggunaan utama untuk ini adalah gambar unggulan. Pengguna dapat menggunakan ukuran ini dengan blok Gambar dan Postingan Terbaru saat ini. Namun, mereka belum memiliki opsi ini dengan Post Feature Image.

Saya di kamp yang percaya kontrol ukuran gambar seharusnya menjadi tambahan pertama ke blok. Ini adalah bagian integral dari desain tema WordPress yang tidak dapat ditinggalkan, dan saya telah berjuang — atau setidaknya mengomel — untuk memastikan bahwa penulis tema dapat mengontrol gambar unggulan melalui ukuran khusus.

Untungnya, ada tiket terbuka untuk dukungan ukuran gambar khusus. Di antara fitur-fitur lain yang masih hilang, ini adalah pemblokir bagi banyak penulis tema yang ingin mengambil lompatan menuju tema blok.

Ada banyak kasus penggunaan untuk opsi baru, seperti secara otomatis memotong gambar unggulan kotak pos ke kotak. Saya hanya tidak sabar menunggu seperangkat alat yang lebih kuat untuk blok Post Featured Image.