Tema Masa Depan: Kerangka Desain dan Tema Utama

Tema WordPress memiliki sejarah yang kaya. Selama bertahun-tahun, penulis tema telah membawa banyak fitur ke platform. Sebagian, itu karena mereka sering kali harus memecahkan masalah mendasar dengan WordPress untuk membuat fitur yang diinginkan pengguna akhir.

Kelas pos dan isi yang digunakan semua penulis tema hari ini? Itu awalnya dalam tema yang disebut Kotak Pasir.

Gambar unggulan? Itu dipopulerkan oleh tema majalah satu dekade lalu.

Menurut Anda format posting berasal dari Tumblr? Matt Mullenweg, co-creator WordPress, mengajari kami cara membuat postingan sampingan di tema kami pada tahun 2004, tetapi postingan tersebut sudah ada sebelum itu.

Fitur WordPress sering memulai di dunia tema. Kami terkadang menerima begitu saja bertahun-tahun eksperimen dan iterasi pada ide-ide di mana penulis tema dimasukkan ke dalam pekerjaan. Bahkan editor blok menangani item yang secara tradisional berada dalam ranah desain tema. Blok penutup adalah contoh yang baik. Selama bertahun-tahun, penulis tema membuat opsi tema untuk gambar pahlawan dasar dengan teks dan tombol yang dilapis. Hasilnya sering kali kikuk dan tidak ideal bagi pengguna. Dengan menghadirkan fitur ini ke dalam inti, ini memberi pengguna kemampuan untuk menempatkan blok penutup ini di area blok mana pun yang diizinkan.

Alasan banyak fitur tema menjadikannya inti adalah karena fitur tersebut berfungsi lebih baik saat distandarisasi. Pengguna tahu apa yang diharapkan, dan penulis tema dapat fokus pada aspek desain daripada memecahkan masalah pengalaman pengguna.

Bagian dari masalah di masa lalu adalah bahwa setiap fitur baru yang diadopsi ke dalam inti tidak mengikuti pola desain standar atau skema penamaan. Keahlian besar dalam mendesain tema WordPress adalah memasukkan ratusan kelas ke dalam memori.

Editor blok berada dalam posisi unik untuk mengubahnya dengan membuat kerangka desain universal.

Apakah WordPress Membutuhkan Kerangka Desain Front-End?

Dengan pola blok yang akan datang di masa depan dan penyesuaian situs penuh di beberapa titik setelah itu, penulis tema bertanya-tanya di mana tepatnya kapal ini berlayar. Ini menarik karena kemungkinannya tidak terbatas bagi pengguna akhir. Hal ini menakutkan bagi penulis tema yang telah membangun kerajaan mereka di atas satu cara melakukan sesuatu, tetapi pengembangan lebih tentang adaptasi dari apa pun.

Berbekal pengetahuan sebelumnya bahwa lanskap sedang berubah, inilah saatnya penulis tema harus bersatu untuk membentuk masa depan mereka di dunia berbasis blok.

Ada sedikit lelucon di salah satu grup pengembang yang saya ikuti bahwa pengembang inti bukanlah penulis tema. Dari sudut pandang penulis tema, terkadang tampak seperti ide-ide yang dilempar sembarangan tanpa memikirkan sistem desain CSS.

Oh, saya melihat beberapa BEM. Mengapa sub-elemen ini tidak mengikuti skema penamaan yang sama? Tunggu. Apakah itu kelas utilitas 38 karakter?

Apa yang selalu kurang dari WordPress adalah sistem desain front-end universal. Terkadang, itu adalah hal yang baik. Ini memungkinkan penulis tema untuk menggunakan kerangka kerja pilihan mereka. Setiap penulis tema yang telah cukup lama berada dalam permainan akan memberi tahu Anda, fleksibilitas semacam itu sangat bagus ... sampai tidak . Pernahkah Anda mencoba menambahkan kelas kontekstual ke widget? Bagaimana dengan menambahkan kelas utilitas ke pembungkus formulir komentar? Anda akan membutuhkan Aspirin. Atau dua.

Dengan WordPress, beberapa hal diatur dalam batu dan yang lainnya dapat dipasang. Beberapa fitur mengikuti skema penamaan kelas standar dan yang lainnya tidak masuk akal. Hasil untuk tema adalah CSS yang sering membengkak dalam upaya untuk memperdebatkan berbagai komponen.

Hampir tidak mungkin untuk sepenuhnya menggunakan framework kelas utilitas seperti Tailwind CSS dalam sebuah tema tanpa membuat ulang fitur inti.

Sebagian besar dari ini berasal dari kode lama yang menumpuk selama bertahun-tahun dan komitmen WordPress terhadap kompatibilitas ke belakang. Tapi, masa depan tidak harus menyerupai masa lalu. Kami berada di ambang era baru, dan sekarang saatnya bagi desainer front-end untuk terjun ke dalam percakapan.

WordPress membutuhkan kerangka kerja desain front-end yang solid.

Itu adalah pernyataan yang dimuat. Jika Anda menempatkan 20 desainer di sebuah ruangan dan meminta mereka untuk mendiskusikan kerangka desain, itu bisa menjadi resep baku hantam. Saya cenderung optimis dan berharap debat memberikan hasil.

Gutenberg telah mendorong kita sebagian ke arah ini, tetapi itu tidak cukup jauh. Dengan pengeditan situs penuh di masa depan, ada kebutuhan untuk pendekatan yang lebih holistik dalam mengatasi masalah ini.

Lebih dari segalanya, kami membutuhkan lebih banyak desainer ujung depan dalam percakapan. Tidak mungkin .has-subtle-pale-green-background-color harus ada sebagai kelas utilitas di atas sesuatu seperti .bg-pale-green , .bg-green-100 , atau bahkan .background-pale-green , jika Anda ingin lebih bertele-tele. Tidak ada konsep optimasi yang masuk ke dalam keputusan itu. Di saat pengembang menjalankan koneksi internet gigabit, mudah untuk melupakan bahwa sebagian besar dunia mengikuti dengan kecepatan yang lebih lambat.

Skema penamaan berbasis komponen dengan dosis kelas utilitas yang sehat adalah salah satu opsi yang dapat mencapai beberapa titik manis. Ini bukan argumen untuk satu kerangka kerja CSS di atas yang lain. Ada banyak pilihan bagus yang ada. WordPress harus menangani ini secara langsung dengan meminjam dari dasar yang ditetapkan oleh proyek lain dan menciptakan sesuatu yang unik dari WordPress. Ini harus menjadi pemimpin di lapangan.

Kerangka kerja desain juga tentang plugin. Ada beberapa persilangan ke ranah tema di mana keduanya telah mengobarkan perang yang sedang berlangsung sejak awal sistem tema. Medan perang antara tema dan plugin dipenuhi dengan kematian ide-ide bagus. Terlalu banyak yang tidak pernah mengumpulkan dukungan yang mereka butuhkan untuk mendarat di inti. Semacam standar desain universal dapat menghentikan banjir masalah dan menyerukan gencatan senjata.

Sebuah plugin yang mengeluarkan komponen front-end kustom tidak memiliki cara untuk mengetahui bagaimana tema saat ini menangani ritme vertikal, misalnya. Apakah menggunakan margin atas atau bawah? Berapa nilai dan satuan yang digunakan? Ini adalah hal mendasar, dan hampir selalu rusak ketika plugin mencoba menambahkan CSS khusus untuk menanganinya.

WordPress membutuhkan kerangka kerja desain, atau bahasa, yang memungkinkan semua bagian yang bergerak bersatu secara harmonis di bagian depan. Saya yakin kita akan sampai di sana suatu saat nanti. Saya berharap ini lebih kohesif daripada komponen acak dan skema penamaan di masa lalu. Kita juga harus memiliki peta jalan yang jelas yang mengisi beberapa detail teknis sehingga pengembang dan desainer dapat bersiap.

Apakah Masa Depan Satu Tema Mungkin?

Rich Tabor membuat argumen bahwa inti WordPress dapat menyediakan tema induk tunggal dalam artikelnya A Look at WordPress Themes of the Future. Idenya adalah bahwa penulis tema akan diturunkan untuk membuat tema anak untuk tema "master" ini.

Reaksi naluriah bagi banyak orang adalah bahwa itu tidak akan berhasil, tema akan kehilangan kepribadiannya dan kita akan hidup di dunia desain pemotong kue.

Kenyataannya adalah bahwa kita sedang menuju masa depan di mana gagasan tentang orang tua tunggal atau tema utama menjadi pertimbangan yang serius.

Kebanyakan tema adalah pengelompokan kustom dari elemen standar yang ada di hampir semua tema. Ada beberapa keputusan, selain masalah gaya, yang membuat tema berbeda satu sama lain, seperti tata letak header. Satu tema mungkin memiliki judul situs dan menu navigasi dalam satu blok. Yang lain mungkin memiliki menu navigasi, judul, dan menu navigasi kedua di bawah. Namun, tema lain mungkin menampilkan kotak pencarian. Di dunia di mana kustomisasi situs penuh menjadi milik pengguna, keputusan tersebut menjadi bagian dari pengalaman pengguna, bukan pengalaman pengembang.

Tema harus menonjol dengan palet warna, tipografi, dan keunikan merek mereka sendiri — kembalinya zaman CSS Zen Garden tetapi dalam skala yang jauh lebih besar.

Saya tidak akan sedih tentang itu. Akan menarik untuk melihat persaingan antara desainer papan atas di lapangan. Ini juga dapat membawa tema WordPress kembali ke era ketika siapa pun dapat melakukannya dengan sedikit pengetahuan dan tekad CSS.

Meskipun kita belum siap untuk masa depan di mana satu tema mengatur semua tema, itu adalah tempat untuk memulai percakapan. Jika kami merancang WordPress untuk masa depan yang potensial ini, bahkan jika kami tidak pernah mengimplementasikan tema utama, seperti apa peta jalan itu? Hambatan apa yang menghalangi? Apakah itu layak?