Pola Blok Akan Mengubah Segalanya

Itu sekitar setahun yang lalu. Saya dengan senang hati merancang tema untuk calon novelis. Saya ingin menjadi yang terdepan dalam kompetisi dan memasarkan tema khusus untuk penulis yang akan mencoba tantangan Bulan Penulisan Novel Nasional 2019.

NaNoWriMo, singkatnya, adalah angin puyuh bulan di mana 1.000 orang dari seluruh dunia bermain-main dengan keyboard mereka untuk menulis naskah novel 50.000 kata. Satu bulan tekad belaka, kopi dengan galon, dan malam tanpa tidur sebagai ganti kemuliaan. Tidak ada hadiah utama atau kontrak penerbitan yang dijamin di akhir perjalanan. Anda mendapatkan sertifikat, beberapa kupon, dan hak membual. Saya menyelesaikan tantangan pada tahun 2018.

Terinspirasi oleh kemenangan saya beberapa bulan sebelumnya, saya membangun sebuah tema untuk mereka yang akan melakukan perjalanan di tahun berikutnya. Saya juga ingin memperluas daya tariknya kepada siapa saja yang mungkin seorang calon novelis tetapi tidak harus berpartisipasi dalam tantangan tersebut. Atau, bahkan mungkin kepada seseorang yang baru saja menerbitkan buku pertamanya. Mungkin ini akan menjadi kesempatan untuk membawa beberapa pengguna WordPress baru ke dalam komunitas kami.

Saya menguraikan tata letak beranda untuk menunjukkan bagaimana pengguna dapat menampilkan buku terbaru mereka dengan tombol beli. Kemudian, saya sadar.

Bagaimana seseorang bisa membangun halaman penjualan buku ini tanpa pengalaman yang solid dengan editor blok?

Saya telah menggunakan plugin Gutenberg selama berbulan-bulan sebelum mendarat di WordPress 5.0. Saya tahu seluk beluk sistem.

Desainnya sederhana. Menggunakan media inti & blok teks, judul, beberapa paragraf, dan tombol, saya telah membuat sesuatu yang mungkin terlalu rumit untuk pengguna rata-rata. Saya bahkan belum masuk ke opsi warna, ukuran font, dan gaya blok khusus yang memberi aksen pada tata letak.

Kombinasi blok sederhana ini berpotensi menjadi terlalu rumit bagi sebagian orang. Saya punya rencana lain untuk tata letak yang lebih kompleks. Penulis tema lain telah mengambil kombinasi blok yang lebih besar. Untuk pengguna akhir, mereka mungkin melangkah ke dunia yang tidak masuk akal. Mereka akan melihat demo tema yang indah dan menjadi frustrasi ketika mereka tidak dapat membuat semuanya bekerja. Editor blok tidak, dan masih belum, cukup intuitif bagi pengguna yang paling tidak berpengetahuan untuk membangun tata letak di luar dasar-dasarnya.

Saya memilih tutorial langkah demi langkah untuk memandu pengguna saya membangun bagian penjualan buku sederhana ini. Namun, dokumentasi tidak selalu merupakan jawaban terbaik. Bahkan ketika pengguna menemukan dan membacanya, hasilnya tidak selalu akurat. Akan jauh lebih mudah untuk memiliki tombol yang, ketika diklik, menyisipkan bagian ini langsung ke editor. Pengguna kemudian dapat menyesuaikannya agar sesuai dengan konten mereka.

Di situlah pola blok masuk.

Penulis tema harus dapat membuat kombinasi blok yang unik dan kompleks dengan gaya khusus. Pengguna harus bisa membuatnya terlihat seperti demo .

Sejak "membangun" (saya menggunakan istilah ini secara longgar) tema WordPress pertama saya pada tahun 2005, saya telah melihat atau mencoba segala cara untuk menyelesaikan masalah ini. Template halaman. Pilihan tema. Kode pendek. Widget. Anda nama itu. Mereka semua telah mencoba sebelumnya. Setiap metode memberikan rintangan besar bagi pengguna. Beberapa ( ahem, shortcode ) membuat konten pengguna berantakan dan menciptakan efek penguncian di mana mereka akhirnya terikat dengan tema mereka.

Ini adalah waktu yang lama untuk sesuatu yang baru.

Apa itu Pola Blok dan Bagaimana Mereka Meningkatkan Pengalaman Pengguna?

Apa yang terjadi ketika pengguna ingin membuat tata letak dengan beberapa kolom opsi harga seperti yang ditunjukkan pada tangkapan layar di atas? Semoga berhasil. Sebagian besar tidak bisa memproduksinya dengan sistem blok. Bahkan tanpa pola blok, tema akan membutuhkan beberapa gaya blok khusus untuk memungkinkannya. Plugin kemungkinan akan mengisi kekosongan untuk output yang begitu kompleks dan telah menangani tabel harga dengan berbagai cara selama bertahun-tahun. Bagaimana jika kita bisa menghasilkan tata letak seperti ini di dalam tema atau di plugin yang lebih sederhana?

Hal ini dimungkinkan dengan pola blok.

Sederhananya, pola blok adalah sekelompok blok. Inti WordPress, tema, dan plugin akan dapat mendaftarkan pola dengan pengaturan yang telah ditentukan yang melekat padanya.

Dari sudut pandang rata-rata pengguna, pola blok adalah bagian yang telah ditentukan sebelumnya yang dapat mereka gunakan untuk membuat tata letak. Tata letak ini dapat berupa sesuatu yang sederhana seperti bagian buku dari awal artikel ini hingga kolom harga yang lebih kompleks. Dengan pola-pola ini tersedia, pengguna akan dapat membuat tata letak yang kompleks dengan mengklik tombol.

Sistem blok meletakkan dasar untuk masa depan yang jauh berbeda dan kompatibel dengan masa depan dari apa yang telah kami alami selama bertahun-tahun. Pada akhirnya, sebagian besar blok hanyalah HTML biasa. Pola blok tidak lebih dari pendaftaran sekelompok blok ini. Saat pengguna mengganti tema, konten mereka tetap utuh, bahkan saat tema baru mereka tidak mendaftarkan pola yang sama.

Versi 7.7 dari plugin Gutenberg mengirimkan iterasi pertama dari antarmuka untuk pola. Ini adalah dasar dan akan menjalani beberapa iterasi lagi sebelum siap digunakan dalam produksi. Akhirnya, akan ada antarmuka yang sepenuhnya terintegrasi untuk memilih dari beberapa pola. Pengguna melihat sesuatu yang ingin mereka gunakan. Mereka mengklik pola itu. Itu akan dimasukkan ke dalam pos.

Tidak ada lagi opsi tema yang rumit. Tidak ada lagi sup kode pendek. Tidak ada lagi rasa frustrasi yang bertanya-tanya mengapa Anda tidak dapat membuat halaman depan khusus yang ditampilkan dalam demo tema yang dibuat dengan hati-hati.

Saya mungkin agak optimis. Pola blok akan membutuhkan dukungan besar-besaran dari komunitas pengembang tema dan plugin. Sementara inti WordPress akan mengirimkan beberapa pola populer secara default, mereka sama sekali tidak akan menutupi luasnya desain yang mungkin terjadi ketika penulis tema menggunakan keterampilan artistik mereka untuk bekerja.

Saya selalu bersemangat tentang editor blok. Namun, saya selalu merasa lebih bersemangat tentang potensi daripada produk akhir. Saya terus-menerus menunggunya menjadi hal yang saya pikir bisa terjadi. Ya, saya masih menunggu. Namun, mengutak-atik versi awal sistem pola terasa seperti kita mencapai titik di mana kita dapat melakukan hal-hal luar biasa yang seharusnya diizinkan oleh editor untuk kita capai. Sudah lama menunggu, dan kami masih memiliki sedikit untuk pergi. Tapi, saya memiliki semangat baru untuk proyek ini setelah mengalami pekerjaan yang telah dilakukan sejauh ini.