Apa itu Tema Blok? Yang Perlu Anda Ketahui Sebelum WordPress 5.9

Diterbitkan: 2022-01-12

WordPress 5.9 akan diluncurkan pada 25 Januari, dan banyak pengguna akan terkejut. Rilis mendatang akan menjadi perubahan paling monumental dalam cara kerja platform sejak diperkenalkannya editor konten berbasis blok di 5.0. Blokir tema, gaya global, dan editor situs akan memulai masa depan baru untuk WordPress.

Untuk rata-rata pembaca WP Tavern, ini bukan berita. Kami telah membahas tema blok di sini selama lebih dari setahun. Bagi mereka yang keluar dari lingkaran, ada banyak hal yang harus dikejar dalam dua minggu ke depan.

Salah satu keluhan dengan peluncuran editor blok pada tahun 2018 adalah bahwa pengguna hanya dapat memilih untuk tidak menggunakannya dengan menginstal Editor Klasik atau plugin terkait. Ini tidak berlaku untuk fitur baru di 5.9. Pengguna dapat terus menggunakan pengaturan mereka saat ini tanpa perubahan sama sekali. Mengakses editor situs dan gaya global adalah proses keikutsertaan. Ini membutuhkan aktivasi tema blok.

Perubahan yang akan datang akan memengaruhi dua grup utama pengguna. Yang pertama adalah mereka yang lebih suka menjalankan tema WordPress default terbaru. Yang kedua adalah mereka yang siap untuk mencoba sistem baru.

Saat ini, ada 35 tema blok dalam direktori di WordPress.org, dengan lebih banyak lagi dalam antrian tinjauan. Itu membatasi opsi yang tersedia untuk saat ini.

Grid tiga baris dari tiga kolom. Masing-masing menampilkan tangkapan layar tema WordPress dan namanya.
Blokir tema dari WordPress.org.

Setelah WordPress 5.9 diluncurkan dan pengembang menjadi lebih terbiasa dengan membangun sistem baru, saya berharap kita akan melihat peningkatan yang nyata dalam tema blok dalam beberapa bulan mendatang.

Catatan: posting ini berfokus pada perubahan yang dihadapi pengguna. Jika Anda seorang pengembang yang ingin memulai dengan desain tema blok, baca ikhtisar Marcus Kazmierczak tentang tema blok bangunan untuk WordPress 5.9 .

Dua Puluh Dua Puluh Dua

Tentang desain halaman dengan logo, judul, dan menu di bagian atas. Berikut adalah bagian intro besar dan gambar seekor burung.
Tema Dua Puluh Dua Puluh Dua tentang templat halaman.

Tema WordPress default terbaru, Twenty Twenty-Two, akan diluncurkan bersamaan dengan versi 5.9. Meskipun saya memiliki beberapa pilihan tentangnya, itu mungkin saja menjadi tema default favorit saya sepanjang masa yang pernah dibuat.

WordPress 5.9 RC 2 dirilis sebelumnya hari ini. Sekarang adalah waktu yang tepat untuk mencobanya. Dua Puluh Dua Puluh Dua sudah dibundel dengan versi ini.

Seperti yang sering terjadi dengan tema default, kemungkinan besar menjadi standar de facto di mana pengembang membangun proyek mereka sendiri. Ini menggunakan semua fitur terbaru dan merupakan salah satu tema paling mutakhir di luar sana. Ini menjadikannya titik awal yang ideal bagi pengguna yang ingin menguji sistem baru.

Tema hanyalah salah satu komponen dari sistem yang lebih luas. Bagi pengguna, itu bisa menjadi sesuatu yang mereka atur dan lupakan. Atau, mereka dapat membawanya ke tingkat berikutnya dan menyesuaikan ujung depan mereka sampai hati mereka puas.

Editor Situs dan Gaya Global

Tema blok berbeda dari banyak tema tradisional. Di era klasik, pengguna mengaktifkan tema dan menyesuaikan opsi apa pun yang disediakan pengembang. Itu adalah sistem kaku yang sering kali tidak memberikan banyak fleksibilitas kepada pengguna kecuali mereka tahu cara menulis kode.

Pengguna dapat mengakses banyak fitur baru setelah mengaktifkan tema blok. Ini dilakukan melalui editor situs, yang terletak di bawah layar Admin Appearance > Editor. Pengguna dapat memodifikasi template tema mereka langsung di kanvas dan menyesuaikan desain mereka melalui panel gaya global.

Editor situs WordPress terbuka untuk templat beranda. Panel gaya global terbuka di sebelah kanan dengan opsi untuk tipografi, warna, dan tata letak.
Editor situs dengan panel gaya global terbuka (kanan).

Pengalaman pertama dengan editor situs bisa jadi luar biasa. Beberapa mungkin lebih suka menyelam langsung, sementara yang lain mengambil pendekatan yang berbeda. Terlepas dari bagaimana Anda belajar, saya sarankan untuk mengikuti kursus Desain Situs Sederhana dengan Pengeditan Situs Lengkap dari Learn WordPress. Tim Pelatihan telah membuat rencana 15 pelajaran yang memandu Anda melalui semua yang perlu Anda ketahui. Mereka juga mengadakan lokakarya enam menit tentang penggunaan gaya global.

Menggunakan editor situs bisa menyenangkan, tetapi juga bisa membuat frustrasi. Ini pada dasarnya adalah "versi 1.0" dari fitur tersebut. Itu tidak akan memenuhi kebutuhan semua orang dengan peluncurannya dalam dua minggu. Ini akan memakan waktu untuk matang dan bagi penulis tema untuk membangun di atasnya.

Saya menghabiskan lebih dari satu dekade membangun tema secara profesional. Salah satu pertanyaan paling umum yang saya dapatkan adalah, “Bagaimana cara mengubah area meta pos?” Pengguna ingin menghapus penulis, memindahkan daftar kategori, dan melakukan banyak hal lainnya. Tidak ada jumlah opsi tema yang mencakup setiap skenario. Saya sering terpaksa berjalan non-coder dengan membuat perubahan pada template tema mereka.

Kecuali dalam kasus yang paling kompleks, masalah ini tidak ada lagi. Melalui editor situs, pengguna dapat memilih apa yang muncul.

Memasukkan area byline khusus di blok Query Loop di editor situs WordPress. Di bawah judul posting, muncul nama penulis, tanggal, dan tautan komentar.
Byline/meta pos kustom.

Saya berharap kita memiliki sistem seperti itu satu dekade yang lalu. Itu akan menyelamatkan saya jam kerja dukungan.

Tentu saja, ini adalah contoh sederhana tentang apa yang mungkin dilakukan dengan editor situs. Semuanya, mulai dari mengubah bit template hingga membuat seluruh palet warna khusus hanya dengan klik mouse dari kenyataan.

Namun, kemungkinannya tidak terbatas. Ada batasan yang pasti akan dihadapi pengguna saat mereka semakin maju dengan ide-ide desain. Kontributor telah mengambil langkah besar untuk menyiapkan versi pertama ini untuk WordPress 5.9. Dan, akan ada lebih banyak lagi yang akan datang.

Penyesuai, Widget, dan Menu Nav

Hal yang paling mengejutkan bagi mereka yang telah keluar dari lingkaran kemungkinan akan hilangnya layar kustomisasi, widget, dan menu nav admin. Komponen ini digantikan oleh editor situs saat menggunakan tema blok.

Ada beberapa masalah yang diketahui terkait dengan penyesuai, seperti tidak ada opsi CSS khusus, pratinjau langsung, atau setelan ikon situs. Saya membahas ini secara lebih rinci di posting sebelumnya.

Menu Nav sekarang ditangani melalui blok Navigasi:

Blok navigasi dipilih dan dibuka di editor situs WordPress.
Memilih menu navigasi.

Butuh waktu untuk membiasakan diri. Meskipun saya penggemar sistem blok, saya akui masih lebih suka mengelola menu melalui layar klasik. Namun, saya mulai datang. Para kontributor yang telah bekerja di blok telah membuat pengalaman jauh lebih baik daripada beberapa bulan yang lalu.

Adapun bilah sisi dan widget dinamis, mereka hilang, setidaknya dalam pengertian tradisional. Semuanya adalah blok sekarang. Penulis tema dapat membuat kolom atau wadah yang terlihat seperti bilah sisi di masa lalu, tetapi semuanya dikelola melalui editor situs. Dan, pengguna dapat menempelkan blok apa pun yang mereka inginkan di mana saja.