Gutenberg 12.5 Memperkenalkan Variasi Gaya Global, Mempertahankan Gaya Tombol yang Berdekatan, dan Menambahkan Transparansi Alfa ke Pemilih Warna

Diterbitkan: 2022-02-03

Gutenberg 12.5 mendarat di direktori plugin WordPress hari ini. Saya sudah senang dengan setidaknya satu perangkat tambahan baru, variasi gaya global. Namun, ini adalah pembaruan besar dengan beberapa pengembang dan fitur yang berpusat pada pengguna.

Dengan WordPress 5.9 sekarang keluar ke alam liar, sepertinya semua tangan kembali ke geladak saat kami bersiap untuk rilis 6.0 pada bulan Mei. Minggu lalu, saya membahas peta jalan awal, dan beberapa item dari daftar itu sudah ada di pembaruan Gutenberg terbaru ini dalam beberapa bentuk atau mode.

Variasi Gaya Global

Penulis tema sekarang dapat membuat beberapa variasi theme.json dan menempatkannya ke dalam folder /styles tema mereka. Kemudian, pengguna dapat beralih di antara berbagai preset ke sesuatu yang paling cocok untuk mereka.

Fitur baru ini menjanjikan untuk menjadi salah satu sorotan dari rilis WordPress 6.0, dan tema default Twenty Twenty-Two pada akhirnya akan mengirimkan beberapa variasinya sendiri.

Saya terjun ke fitur lebih detail dalam posting minggu lalu. Pemimpin proyek Gutenberg Matias Ventura memperluas ini di komentar:

Mendapatkan ini di awal siklus sehingga kami dapat menyempurnakan pengalaman dan mekanik. Saya berharap itu menjadi sangat bagus dalam beberapa iterasi. Saya sangat menantikan untuk menembus dinding bundel tema, karena semua variasi ini secara inheren kompatibel dengan setiap tema blok di luar sana!

Sementara saya berbagi antusiasme Ventura tentang fitur tersebut, saya tidak yakin kami dapat memecahkan batasan tema dengan 6.0. Idenya di sini adalah bahwa variasi seperti itu akan dapat dipertukarkan antar tema. Saya tidak melihat itu terjadi, mengingat keadaan sistem gaya global saat ini.

Sebagian besar theme.json terstandarisasi, tetapi banyak penulis menggunakan properti settings.custom . Ini memungkinkan mereka untuk menetapkan sejumlah nilai khusus, yang sering dirujuk melalui lembar gaya tema.

Ada juga sedikit masalah karena tidak memiliki skema penamaan standar untuk fitur seperti warna dan tipografi.

Karena tidak satu pun dari hal-hal ini akan selalu sama di antara dua tema mana pun, beralih variasi tidak akan selalu bagus. Ini adalah tujuan yang mulia, dan mungkin patut dicoba untuk melihat apa yang mungkin. Namun, konsepnya terasa seperti pengejaran untuk menjatuhkan sistem tema sama sekali untuk satu default cookie-cutter raksasa.

Pergantian variasi sebaiknya diserahkan pada tema individual. Izinkan penulis tema yang membangun sistem kustom mereka di atas theme.json untuk mengelola pengalaman dan harapan pengguna. Kita harus fokus pada pembuatan alat untuk membantu mereka menjalankan visi mereka tanpa khawatir tentang pengguna yang "menginstal" variasi JSON mereka di dalam proyek yang sama sekali berbeda.

Tombol Baru Pertahankan Gaya Tombol yang Berdekatan

Editor posting WordPress terbuka dengan blok Tombol. Blok yang baru dimasukkan terlihat memiliki gaya yang sama dengan saudaranya.
Gaya blok Tombol Baru cocok dengan yang sebelumnya.

WordPress membuatnya relatif mudah untuk menduplikasi Tombol, tetapi tersembunyi di bawah opsi drop-down di bilah alat. Itu adalah tindakan dua klik dibandingkan dengan hanya menekan ikon "+" untuk memasukkan blok Tombol baru. Sebelum Gutenberg 12.5, ini akan mengakibatkan yang baru mendapatkan perawatan gaya default. Ini adalah salah satu gangguan kecil sampai Anda mulai bekerja dengan beberapa tombol sekaligus.

Rilis terbaru secara otomatis menduplikasi gaya blok Tombol yang berdekatan saat memasukkan yang berikutnya. Ini adalah pengalaman yang jauh lebih baik.

Namun, itu tidak membawa kita sejauh yang kita butuhkan. Apa yang terjadi jika Anda memutuskan untuk mengubah desain untuk setiap Tombol nanti? Anda memiliki banyak pekerjaan di depan Anda memodifikasi masing-masing. Ada tiket terbuka untuk menyalin satu gaya ke semua gaya lainnya di grup blok Tombol.

Pengguna Dapat Menambahkan Warna Transparan

Blok Heading berada di atas blok Cover di editor posting WordPress. Pemilih warna terbuka, yang menunjukkan penggeser transparansi alfa.
Warna transparan memungkinkan latar belakang terlihat.

Pengguna akhirnya dapat mengontrol transparansi alfa warna kustom di tingkat blok. Fitur ini berfungsi untuk opsi warna teks, latar belakang, tautan, dan batas. Peningkatan ini menutup tiket yang pertama kali dibuka pada Oktober 2019.

Ada beberapa pemilih warna yang tidak diaktifkan. Ini termasuk bagian palet kustom di panel gaya global dan warna terkait ikon untuk blok Tautan Sosial. Hal yang sama berlaku untuk warna overlay blok Cover, tetapi memiliki kontrol opacity yang terpisah sama sekali.

Posting Opsi Ukuran Gambar Unggulan

Posting Featured Image block di dalam blok Query Loop di editor. Drop-down Ukuran Gambar dipilih di bilah sisi pemeriksa blok, mencantumkan semua ukuran yang tersedia.
Gambar unggulan yang dipotong dan berukuran sama di blok Query Loop.

Gutenberg 12.5 memperkenalkan opsi baru yang memungkinkan pengaturan blok Post Featured Image untuk menggunakan WordPress atau ukuran gambar yang ditentukan tema. Tampaknya seperti perubahan sepele, tetapi ini adalah lompatan ke depan untuk memblokir tema.

Penulis tema telah memfilter kait post_thumbnail_size untuk menangani ini. Namun, metode itu menjadi rumit ketika berurusan dengan beberapa kueri posting dengan berbagai ukuran gambar.

Saya hanya menyebutkan ini selama setahun. Saya telah menulis tentang itu berulang-ulang, mencoba membuat siapa pun mendengarkan. Jika kita ingin lebih banyak desainer melompat ke kereta pengembangan tema berbasis blok, mereka memerlukan kontrol atas gambar unggulan. Terlalu banyak tata letak yang bergantung pada ukuran tertentu agar terlihat terbaik.

Sekarang, jika kita hanya bisa menggunakan gambar unggulan di dalam blok Sampul dan Media & Teks…

Salin Semua Konten Editor Situs

Editor situs WordPress dengan menu opsi terbuka. Tombol "Salin semua konten" dipilih.
Menyalin semua konten dari editor situs.

Hari ini saya mengetahui bahwa ada tombol "Salin semua konten" di menu opsi editor pos. Saya tidak tahu sudah berapa lama di sana, tapi itu agak rapi. Saya telah mencoba dengan sia-sia untuk memilih semua konten — terkadang dengan ukuran keberhasilan — melalui kanvas konten. Bahkan kita yang menghabiskan hampir setiap jam bangun di editor dapat mempelajari trik baru sesekali.

Opsi salin-konten itu kini telah ditambahkan ke editor situs sebagai bagian dari inisiatif untuk menghadirkan paritas fitur di antara kedua editor.

Tampilan Kode di Editor Situs

Editor situs WordPress dengan tampilan pengeditan kode terbuka.
Membuka editor kode.

Melanjutkan paritas fitur antara editor posting dan situs, pengguna sekarang dapat beralih ke tampilan kode di editor situs.

Secara teknis, ini disebut "editor kode", tetapi ada naga di depan bagi siapa saja yang mencoba mengedit apa pun. Setidaknya jika mereka mengharapkan sesuatu selain pesan "blok ini berisi konten yang tidak terduga atau tidak valid" yang ditakuti. Saya akan berlayar ke perairan yang lebih tenang dan menghindarinya untuk apa pun selain membaca atau menyalin.