Saatnya bagi Penulis Tema WordPress Untuk Meningkatkan Permainan Pola Blok mereka

Diterbitkan: 2021-05-05

Melalui rutinitas saya minggu ini, saya membaca sekilas rilis tema WordPress terbaru dan menemukan proyek baru yang mendukung editor blok. Bahkan mengirimkan beberapa pola khusus. Meskipun desainnya tidak luar biasa, itu adalah tema yang solid secara keseluruhan. Namun, setelah menghabiskan sebagian besar hari ini untuk menulis tentangnya, saya tidak berpikir saya bisa melanjutkan ceritanya. Ada yang menggangguku.

Itu adalah hal yang sama yang saya rasakan dengan beberapa orang lain akhir-akhir ini. Terlalu banyak peluang yang terlewatkan. Tema memiliki fondasi, potensi yang mendasarinya, untuk menjadi lebih dari itu.

Tema tersebut memiliki versi "pro" komersial yang dapat dibeli pengguna. Namun, hampir setiap fitur pro mengandalkan taktik kuno untuk meningkatkan opsi tema tambahan. Satu-satunya pengecualian adalah fitur terkait blok yang akan gratis sebagai bagian dari komponen Gaya Global yang kemungkinan akan dikirimkan bersama WordPress akhir tahun ini.

Di mana gaya blok khusus? Di mana pengguna dapat menemukan beberapa pola unik? Menu navigasi ekstra, bilah sisi, pengaturan warna, dan opsi tipografi menjadi semakin tidak bernilai tambah bagi pengguna akhir. Ini mungkin uang yang aman sekarang, dan saya dapat memahami kenyamanan untuk tidak mengambil terlalu banyak peluang.

Penulis tema harus mulai mengubah persneling. Upsell harus datang dalam bentuk fitur yang tidak akan tersedia dari stok WordPress. Saat ini, itu berarti membangun pola dan gaya balok yang unik.

Menjelajahi Ide Pola

Dalam sebulan terakhir, saya telah mengutak-atik pola kustom. Ketika saya berada di bisnis desain dan pengembangan selama lebih dari satu dekade, apa yang dapat saya capai dengan editor blok saja — tanpa menggunakan kode khusus — dan tema siap blok yang lengkap hanyalah menggores permukaan. Kami memiliki bakat yang jauh lebih baik di komunitas WordPress, dan saya ingin melihat seni mereka dilepaskan.

Semuanya dimulai dengan podcast WP Tavern Jukebox — Anda harus melihat episode #1 dan #2 jika Anda belum pernah mendengarnya. Nathan Wrigley, tuan rumah baru, cukup mendorong saya untuk mengenakan kembali batasan desain dan pengembangan saya untuk mengimplementasikan beberapa fitur yang dia butuhkan. Selama bertahun-tahun, saya tidak banyak bekerja dengan podcasting atau jenis audio apa pun. Ini adalah wilayah baru bagi saya. Pada akhirnya, podcast menginspirasi saya untuk berpikir tentang pola audio.

Apa yang mungkin dengan editor WordPress hari ini?

Saya menjelajahi web untuk berbagai tata letak, mencari presentasi audio modern. Banyak konsep yang tidak mungkin diterapkan oleh pengguna akhir dari editor saja. Mereka akan membutuhkan gaya blok khusus yang ekstensif dari tema itu sendiri. Dan, ada beberapa desain yang menurut saya tidak bisa dilakukan sama sekali, tetapi ini biasanya memiliki elemen wilayah plugin.

Namun, saya menemukan ide yang dapat saya jalankan dan buat sendiri. Saya mulai dengan file audio sederhana dari soundtrack The Martian — saya telah menonton ulang film itu pada malam sebelumnya dan menyukai David Bowie.

Pola blok dengan thumbnail di sebelah kiri dan info, embed audio, dan ikon sosial di sebelah kanan.
Soundtrack pola audio tunggal.

Itu sederhana. Cukup tambahkan blok Grup, Kolom, Gambar, Paragraf, Judul, Audio, dan Ikon Sosial. Saya senang dengan hasilnya, dan beberapa pengikut Twitter saya merespons dengan positif.

Terinspirasi oleh dukungan, saya membuat tata letak alternatif. Itu bahkan lebih sederhana dengan menambahkan blok Sampul, Paragraf, Judul, Audio, dan Ikon Sosial.

Pola penyematan audio bersarang di blok Cover.

Berdasarkan pola aslinya, saya membuat yang menggunakan penyematan SoundCloud alih-alih blok Audio. Saya juga membuat yang lain dengan beberapa perubahan yang lebih melayani podcaster.

Saat saya menyelam lebih dalam ke proyek ini, semakin mampu saya membuat tata letak. Saya mulai memahami beberapa batasan itu dan menyatukan segala sesuatu di sekitar mereka.

Salah satu area yang paling bermasalah dengan editor adalah bahwa ia tidak memberikan kontrol spasi yang cukup. Oleh karena itu, saya harus menggunakan blok Spacer secara bebas, sesuatu yang saya lebih suka untuk tidak menggunakannya karena bergantung pada unit piksel dan menempatkan <div> tambahan ke dalam markup. Untuk membangun beberapa pola, saya harus menjadi sedikit kurang murni dan hanya menggunakan alat yang tersedia.

Perubahan pola pikir itu membuka beberapa kemungkinan lagi. Saya membuat beberapa pola blok terkait audio lainnya. Mereka, sekali lagi, adalah tata letak yang sederhana, tetapi saya ingin membuatnya menonjol secara visual dengan citra yang dapat ditambahkan oleh pengguna akhir. Tujuannya adalah memberi pengguna akses sekali klik ke bagian yang telah dirancang sebelumnya, titik awal di mana orang dapat menunjukkan kreativitas mereka sendiri.

Langkah selanjutnya adalah mulai berpikir di luar pola audio. Ada begitu banyak lagi yang bisa dilakukan orang lain di ruang itu. Saya ingin menjelajah lebih jauh.

Sejak itu saya telah membangun beberapa pola lain seperti tajuk artikel tipe berita berikut yang ingin saya gunakan di Tavern di masa mendatang:

Pola dengan blok Sampul, judul posting di sebelah kiri, dan titik data di sebelah kanan.
Pola header artikel berdasarkan berita atau data.

Saya dapat membagikan lebih banyak konsep, tetapi ini sepertinya tempat yang ideal untuk berhenti. Tujuannya bukan untuk memamerkan portofolio pola saya. Ini untuk menginspirasi komunitas desain tema kami dengan harapan mereka membangun sesuatu yang jauh lebih baik. Saya juga ingin menunjukkan betapa mudahnya memunculkan beberapa pola. Alih-alih berjam-jam waktu pengembangan, banyak ide dipotong menjadi hanya beberapa menit. Itulah kekuatan yang diberikan sistem blok hari ini.

Ketika saya menulis tentang sistem blok yang menciptakan peluang komersial untuk penulis tema pada bulan Januari, itu adalah posting teoretis. Ini adalah tindak lanjut yang memasukkannya ke dalam sedikit lebih banyak praktik (tanpa penjualan yang sebenarnya, tentu saja).

Bayangkan, sebagai perusahaan tema, Anda sedang membangun tema freemium untuk musisi. Anda mungkin ingin menyertakan beberapa pola dasar untuk dipilih pengguna. Namun, ada banyak sekali alternatif yang dapat Anda tawarkan sebagai bagian dari paket pro.

Saya yakin sudah ada penulis/perusahaan tema di luar sana saat ini dengan konsep tema multiguna yang pada akhirnya akan memiliki ratusan pola. Saya hanya bisa berharap bahwa mereka memiliki sistem kategorisasi yang solid atau menawarkan paket atau impor terpisah.

Direktori pola blok dijadwalkan untuk mendarat bersama WordPress 5.8. Pada awalnya, itu terutama akan menjadi pola inti. Namun, yang lain akan didorong untuk berkontribusi seiring waktu. Ini adalah fitur sambutan untuk platform, tetapi tidak akan pernah cocok dengan setiap desain tema dengan sempurna. Setiap tema memiliki nuansa desain tersendiri. Masing-masing memiliki metode penyelesaian masalah yang berbeda.

Pola terbaik akan datang dari penulis tema itu sendiri, terutama bila dikombinasikan dengan gaya blok khusus, dikemas dan dipasarkan sebagai bagian dari pengalaman tema mereka. Pengembang dapat menunggu sampai seluruh pasar mengejar atau melompat ke depan permainan.