Gutenberg 11.5 Menambahkan Pengelompokan Widget, Iterasi pada Fitur Block Gap, dan Memperbarui Menu Nav

Diterbitkan: 2021-09-17

Gutenberg 11.5 mendarat lebih awal hari ini. Ini adalah rilis besar dan kuat yang mencakup perubahan ekstensif pada blok Navigasi, cara baru untuk mengelompokkan widget, dan lebih banyak integrasi fitur celah blok.

Saya memiliki reaksi yang beragam terhadap fitur yang membuatnya menjadi rilis terbaru. Di beberapa titik, saya berpikir, akhirnya, ini berhasil . Di saat lain, saya menampilkan versi terbaik dari facepalm Jean-Luc Picard yang terkenal. Namun, roda terus berputar, dan para pengembang yang mencurahkan waktu dan tenaga mereka ke dalam proyek terus meningkatkannya.

Satu catatan singkat adalah bahwa setiap orang yang tidak menjalankan tema yang mendukung editor blok harus memeriksa bahwa gaya backend mereka tidak pada tempatnya. Gutenberg secara otomatis mengeluarkan beberapa gaya editor default jika tema aktif pengguna tidak mendaftarkannya sendiri atau memiliki file theme.json . Ini harus dibundel dalam rilis titik seperti WordPress 5.8.2 sehingga pengguna tidak menunggu sampai 5.9.

Perubahan Blok Navigasi

Dengan menu nav yang masih menjadi masalah dalam pengeditan situs, Gutenberg telah menambahkan tingkat kerumitan baru. Blok Judul Situs dan Logo Situs diizinkan di dalam wadah Navigasi.

Seperti yang dibagikan Joen Asmussen di tiket asli, beberapa tata letak yang rumit akan mendapat manfaat dari memungkinkan lebih banyak elemen dalam di dalam blok Navigasi:

Ini bisa membuka dunia kemungkinan tata letak untuk penulis tema melalui pola kustom.

Saya tidak memiliki masalah dengan Gutenberg yang menangani fondasi untuk tata letak yang lebih canggih ini. Namun, kami belum memuluskan dasar-dasar navigasi. Pengalaman mencari dan menyisipkan tautan di dalam situs sangat buruk, membutuhkan beberapa klik mouse. Ada tiket terbuka untuk pengalaman navigasi yang lebih ringan, dan itu harus menjadi fokus.

Penulis tema juga harus memperhatikan bahwa blok Navigasi sekarang bergantung pada properti gap CSS untuk spasi alih-alih margin . Saya hampir melewatkan ini karena saya menyesuaikan ini untuk proyek saya sendiri beberapa bulan yang lalu — selamat datang di tahun 2021, di mana kita tidak perlu lagi bergantung pada solusi hacky margin untuk jarak yang sederhana . Perubahan ini dapat memengaruhi desain tema yang ada.

Pemberitahuan Admin FSE Terbatas untuk Layar Tema

Pemberitahuan admin tema FSE di layar admin Tema/Tampilan.
Satu-satunya pemberitahuan admin tema FSE.

Ada banyak keluhan yang bisa didapat dengan plugin Gutenberg karena fitur-fiturnya terus berubah. Namun, hal yang paling menjengkelkan tentang menjalankan plugin adalah pemberitahuan admin yang terus-menerus dan tidak dapat ditutup ketika pengguna menjalankan tema blok.

Di versi plugin sebelumnya, pemberitahuan ini telah muncul di setiap layar di backend. Sekarang, itu hanya muncul di halaman Tema/Tampilan.

Selama beberapa bulan terakhir, saya telah mengaktifkan plugin Toolbelt oleh Ben Gillbanks hanya untuk menyembunyikan pemberitahuan ini.

Selamat. Pamitan.

Blok Grup Widget

Layar widget di admin WordPress dengan blok Grup Widget baru ditampilkan.
Mengedit judul blok Grup Widget.

Sementara saya umumnya percaya pengembang plugin Gutenberg dan inti WordPress memanfaatkan umpan balik dengan baik, sistem widget berbasis blok telah menjadi salah satu area di mana proyek gagal. Seperti yang telah saya ulangi sejak September 2020, fitur tersebut pada dasarnya rusak. Tujuannya adalah untuk memungkinkan pengguna akhir menambahkan blok di lebih banyak tempat, tetapi itu tidak pernah kompatibel dengan markup dan gaya tema klasik.

Saya mengusulkan menggunakan pola, tetapi tim menggunakan blok Grup Widget. Hasil akhirnya serupa tetapi tidak persis sama. Berita baiknya adalah ini memperbaiki apa yang seharusnya menjadi pemblokir untuk fitur yang mendarat di inti.

Berita yang lebih baik adalah bahwa ini kemungkinan akan mendarat di WordPress 5.8.2 alih-alih rilis 5.9 akhir tahun ini.

Saya tidak akan pergi sejauh menyebutnya sebagai solusi sempurna. Pengalaman tidak langsung memperjelas cara menambahkan judul widget. Pengguna harus terlebih dahulu menambahkan blok. Setelah blok ditambahkan, mereka kemudian dapat mengklik placeholder heading/title yang muncul. Kemudian, UI beralih ke bidang untuk mengetik judul.

Video berikut menunjukkan cara kerja blok Grup Widget:

Saya lebih suka memiliki sedikit pengalaman janky daripada tidak ada solusi sama sekali. Setidaknya pengguna sekarang tidak perlu membuat pembungkus widget secara manual. Beberapa bahkan dapat menonaktifkan plugin Widget Klasik jika masalah ini adalah perampokan.

Variasi Grup "Baris" dan Tata Letak Fleksibel

Penulis posting, tanggal, dan tautan komentar berbaris di samping satu sama lain menggunakan variasi blok Baris baru.
Menambahkan bagian meta pos (byline) dengan variasi blok Baris.

Untuk mulai menguji sistem tata letak fleksibel baru yang diperkenalkan di Gutenberg 11.2, tim pengembangan telah menambahkan variasi pada blok Grup bernama Baris. Ini memungkinkan pengguna untuk menyelaraskan blok bagian dalam secara berdampingan alih-alih di atas satu sama lain dalam tata letak "aliran" default.

Ada banyak kasus penggunaan untuk fitur ini. Salah satu skenario utama untuk penulis tema akan menyelaraskan kotak metadata posting dan komentar di samping satu sama lain. Sebelumnya, ini membutuhkan penggunaan blok Kolom atau gaya khusus, yang keduanya tidak ideal.

Pengalamannya kasar di sekitar tepinya. Saya sering merasa sulit untuk mengklik di tempat yang tepat untuk mengedit blok, dan tombol appender tidak selalu muncul untuk menambahkan yang baru.

Blok Ikon Sosial juga menggunakan tata letak fleksibel baru. Namun, saat ini tidak ada cara untuk mengubahnya ke mode aliran untuk tautan sosial vertikal.

Integrasi Blok Celah Lainnya

Jarak/celah yang disorot antara blok kolom individual.
Celah antara setiap blok Kolom.

Blok Kolom sekarang menggunakan fitur celah yang diperkenalkan di Gutenberg 11.4 untuk menangani jarak antara blok Kolom individu. Belum ada UI bagi pengguna akhir untuk mengontrol ini, tetapi kemungkinan akan mendarat di rilis mendatang saat fitur berkembang.

Gutenberg 11.5 kini telah menambahkan margin bawah ke judul posting di editor. Untuk alasan apa pun, tim pengembangan telah membuat lompatan dan menganggap penanganan fitur celah blok saat ini membutuhkan ini. Ini adalah masalah yang kompleks untuk dipecahkan. Sementara itu, beberapa pengguna mungkin melihat lebih banyak spasi daripada yang biasa mereka lihat antara judul dan konten mereka di editor.

Jumlah spasi putih yang tidak biasa antara judul posting dan konten di editor blok.
Banyak jarak ekstra di sana.

Tentu saja, ini tergantung pada tema yang aktif, dukungannya terhadap fitur celah blok, dan gayanya saat ini.

Dukungan Duotone Penulis Pos

Untuk sesuatu yang seharusnya ditakdirkan untuk tumpukan memo, blok Post Author sekarang memiliki kehidupan baru dalam bentuk dukungan filter duotone untuk avatarnya. Ini berfungsi sama seperti untuk blok lain, seperti Gambar dan Sampul.

Masalahnya adalah Post Author di-punted dari rilis WordPress terakhir karena belum siap. Blok tersebut adalah perpaduan Frankenstein- esque dari nama penulis, avatar, dan deskripsi. Ini harus berupa beberapa blok yang dapat diatur oleh penulis tema dan pengguna dalam tata letak yang unik.

Sementara dukungan duotone hanya menambahkan satu baris kode tambahan, tidak masuk akal untuk terus mengerjakan blok dalam bentuknya saat ini. Saya ingin melihatnya sebagai bagian dari blok Avatar Penulis Pos yang terpisah.