Bangun Template Kustom dengan Add-On Tampilan MB untuk Meta Box

Meta Box merilis plugin add-on MB Views minggu lalu. Ekstensi baru memungkinkan pengembang untuk membuat templat khusus dari kenyamanan admin WordPress mereka. Tujuannya adalah untuk menyediakan antarmuka yang mudah digunakan untuk menghasilkan bidang khusus tanpa mengedit file tema, tetapi fleksibilitasnya mendorong batas pengeditan situs penuh.

Pengambilan cepat: Tampilan MB menawarkan pengalaman pengembang yang solid tetapi kurang ramah bagi mereka yang tidak terbiasa dengan kode.

Saya telah lama menjadi penggemar apa yang telah dilakukan tim Meta Box dengan plugin dan ekstensi intinya. Pengembang proyek telah membuat basis kode yang terdokumentasi dengan baik, dokumentasi tertulis yang solid, dan umumnya memperhatikan detail di mana orang lain gagal. Tampilan MB tidak berbeda. Dalam beberapa menit setelah mengaktifkan ekstensi, saya memiliki tampilan khusus yang disiapkan dan diluncurkan di ujung depan situs pengujian saya.

Antarmukanya cukup sederhana untuk diambil segera dengan fleksibilitas yang cukup untuk membangun hampir semua hal dari admin WordPress.

Secara keseluruhan, add-on baru tim ini sepadan dengan harga salah satu bundel premium yang tersedia, yang berkisar antara $79 dan $349. Ini bukannya tanpa beberapa masalah kecil, tetapi itulah yang diharapkan dengan rilis versi 1.0.

Alat yang Kuat untuk Pengeditan Ujung Depan

Pengalaman saya bekerja dengan layar pengeditan tampilan terasa alami. Editor kode menggunakan Code Mirror dan tema Oceanic Next-nya. Ini memiliki tab otomatis dan pelengkapan otomatis, jadi rasanya seperti kebanyakan editor offline. Pengembang harus merasa betah dengan cepat membangun tampilan kustom.

Karena saya kebanyakan menggunakan Tailwind CSS akhir-akhir ini, saya dapat membuat formulir pendaftaran email palsu dalam beberapa menit dan menampilkannya langsung di bawah postingan saya menggunakan pengaturan tampilan yang tersedia.

Editor kode memiliki tombol "Bidang Baru" yang membuka kotak geser di sisi kanan layar. Ini memungkinkan pengguna untuk memasukkan bidang posting, situs, pengguna, dan kueri. Opsi juga mencakup bidang khusus yang dibuat melalui plugin Kotak Meta.

Selain mengedit template, pengguna juga dapat menambahkan CSS dan JavaScript khusus langsung dari editor kode tampilan.

Output dari bidang ini semua ditangani melalui Twig, mesin templating PHP modern. Banyak pengembang PHP sudah akrab dengan Twig dan akan merasa nyaman dengan sintaksnya. Melalui sistem ini, pengguna plugin tidak terbatas pada HTML. Mereka dapat menggunakan kondisional dan loop untuk menyesuaikan output konten tampilan mereka.

Untuk pengalaman pengembang yang lebih baik, alangkah baiknya melihat opsi pelengkapan otomatis untuk memasukkan bidang baru daripada mengeklik tombol "Bidang Baru" dan kemudian mengeklik bidang tertentu. Kemungkinan besar, pengembang akan mulai menghafal bidang dari waktu ke waktu dan cukup mengetiknya. Pelengkapan otomatis akan menjadi sentuhan yang bagus untuk bidang khusus.

Di mana Tampilan MB benar-benar bersinar adalah pengaturan tampilannya. Plugin ini memungkinkan tampilan untuk mengambil alih seluruh halaman antara header dan footer tema atau hanya area konten. Ini memungkinkan pengguna untuk memilih antara menampilkan tampilan pada posting tunggal, halaman arsip, atau sesuatu yang khusus menggunakan kode pendek bawaannya. Pengguna selanjutnya dapat mengelompokkan tempat tampilan muncul berdasarkan kondisi yang dapat dikelompokkan dalam berbagai cara. Ini bisa sesederhana atau serumit yang diperlukan. Ini tidak sepenuhnya setara dengan apa yang mungkin dengan persyaratan PHP khusus, tetapi cukup dekat untuk mencakup sebagian besar kasus penggunaan.

Jika seseorang ingin mencobanya, mereka dapat menggunakan Tampilan MB sebagai editor situs secara keseluruhan. Satu-satunya persyaratan nyata adalah membangun tema mereka dengan header dan footer. Pada titik tertentu, mungkin plugin akan memungkinkan pengguna untuk mengambil alih seluruh tata letak halaman, secara efektif membuat tema tidak diperlukan.

Masalah dan Peningkatan di Masa Depan

Versi 1.0 adalah tentang mengirimkan sesuatu ke tangan pengguna. Ini adalah saat ketika pengembang mendapatkan beberapa umpan balik mereka yang paling berguna, jadi saya berharap hal-hal berikut ini ditangani karena pengembang terus membangun plugin di masa mendatang. Saya tidak mengalami hambatan besar, tetapi saya menemukan beberapa masalah kecil dan memiliki beberapa ide untuk perbaikan.

Masalah pertama yang saya tekan membuat saya awalnya percaya bahwa plugin tidak berfungsi sama sekali. Saya telah memilih untuk menampilkan tampilan kustom saya pada posting tunggal. Ini mudah dilakukan melalui pengaturan tampilan. Anda memilih jenis "Singular". Kemudian, pilih "Posting" di drop-down pilih pertama. Saya berasumsi ini akan membuat template muncul di semua posting. Namun, tidak ada yang terjadi setelah disimpan. Tidak ada konten khusus saya yang muncul di bagian depan. Masalahnya adalah ada pilihan drop-down kedua, yang belum diisi dengan nilai secara default. Ada opsi "Semua Postingan" yang harus saya pilih. Itu adalah masalah yang cepat untuk diatasi, tetapi inilah mengapa default yang baik sangat penting dalam pengembangan plugin.

Tidak ada dukungan revisi. Untuk editor kode di admin WordPress, masuk akal jika pengguna dapat mengembalikan kode mereka ke versi sebelumnya. Jika pengguna hanya pernah membuat tampilan dengan sedikit kode, ini tidak akan menjadi masalah. Namun, plugin ini memungkinkan pengguna untuk membuat seluruh tata letak halaman antara header dan footer tema. Itu terkadang berarti banyak kode dan kebutuhan untuk melakukan perubahan backpedal.

MB Views menawarkan kode pendek [mbv] untuk mengeluarkan tampilan dalam area yang siap kode pendek, seperti konten posting. Namun, tidak ada blok yang setara untuk digunakan dalam editor blok. Pada titik ini, memiliki kode pendek tetapi tidak ada blok sepertinya merupakan kesalahan besar. Kode pendek harus mati dengan lambat dan menyakitkan.

Layar manajemen tampilan juga bisa menggunakan sedikit cinta. Akan menyenangkan untuk melihat setidaknya kolom untuk tipe tampilan. Saat daftar tampilan kustom bertambah, mungkin sulit untuk mengetahui di mana setiap tampilan digunakan secara sekilas.

Keramahan Pengguna dan Masa Depan

Anda ingin mendapatkan nilai bidang Meta Box dan meletakkannya di template front-end Anda, tetapi Anda tidak terlalu terbiasa dengan pengkodean dan tidak ingin menyentuh file tema?

Deskripsi pembukaan MB Views mengklaim bahwa plugin ditujukan untuk pengguna yang tidak terbiasa dengan pengkodean. Saya tidak yakin apakah rata-rata pengguna dapat memanfaatkannya tanpa mengambil beberapa pengetahuan pengkodean di sepanjang jalan. Antarmuka terutama ditujukan untuk pengembang. Secara harfiah, editor tampilan adalah editor kode. Itu memang memiliki penyisip bidang yang mudah diklik, tetapi bidang itu sering kali tidak berguna tanpa keakraban dengan HTML dan CSS.

Alat ini bagus dalam apa yang dilakukannya, tetapi hampir terasa seperti ukuran stop-gap di era editor blok.

Agar Tampilan MB menjadi alat pengguna akhir yang lebih berguna, diperlukan transisi ke lebih banyak antarmuka visual, tunjuk dan klik dengan opsi desain. Jika tidak, sebagian besar akan tetap berada di tanah pengembang yang dapat menyesuaikan output tampilan dengan sempurna.

Saya tidak berpikir MB Views harus mengarah ke sana jika tim ingin fokus pada pengalaman pengembang yang hebat. Namun, saat ini tidak memenuhi klaim keramahan bagi mereka yang kurang akrab dengan kode.

Kami masih mungkin setidaknya satu tahun keluar dari pengalaman mengedit situs penuh melalui sistem blokir. Upaya tim Meta Box mungkin paling baik dilakukan dengan mengintegrasikan pengeditan tampilan dalam sistem itu. Add-on MB Views adalah alat yang berguna dan diperlukan untuk banyak pengguna plugin Meta Box saat ini, tetapi mungkin tidak punya waktu untuk mendapatkan daya tarik sebelum pengeditan situs penuh masuk ke inti. Pada saat itu, tim plugin harus sudah bertransisi ke dunia pengalaman pengguna yang jauh berbeda dengan WordPress.