Editor Blok WordPress terus mengalami peningkatan. Setiap versi baru berisi sesuatu yang patut dirayakan.
Alat ini telah memberdayakan pembuat konten dan desainer. Anda tidak lagi memerlukan plugin tambahan untuk membangun tata letak halaman yang fungsional. Inti WordPress mencakup hampir semua hal mendasar. Butuh sesuatu yang lebih? Ada banyak cara untuk memperluas editor juga.
Namun, semua ini tidak membuat Editor Blok menjadi sangat mudah. Masih mudah untuk melukiskan diri Anda sendiri ke sudut virtual. Kesalahan sederhana dapat menyebabkan pemeliharaan menjadi lebih sulit – terutama jika melibatkan klien.
Saya telah membangun beberapa situs dengan blok. Dan tidak semua keputusan adalah keputusan yang baik. Ya, saya telah membuat beberapa kekacauan. Membersihkannya bisa memakan waktu.
Hari ini, saya akan membagikan beberapa hal yang telah saya pelajari. Semoga pelajaran ini membantu Anda menghindari nasib serupa!
Bersembunyi
-
Lakukan: Pikirkan tentang Kebutuhan Pemeliharaan di Masa Depan
-
Jangan: Izinkan Pengguna Beralih antara Editor Blok dan Klasik
-
Lakukan: Pilih Plugin Blok Pihak Ketiga dengan Hati-hati
-
Jangan: Edit Blok sebagai HTML
-
Lakukan: Gunakan Fitur Tampilan Daftar Editor Blok
-
Lakukan: Teruslah Bereksperimen dengan Editor Blok
Lakukan: Pikirkan tentang Kebutuhan Pemeliharaan di Masa Depan
Tata letak halaman tidak bertahan selamanya. Mereka harus menyesuaikan seiring dengan berkembangnya kebutuhan konten kita. Editor Blok dapat bertindak sebagai jebakan dalam situasi ini.
Misalnya, daftar staf sebuah perusahaan. Katakanlah klien kita ingin menampilkan nama, gelar, dan foto setiap orang.
Kedengarannya sederhana. Kita bisa menggunakan Kolom blok untuk membuat tata letak yang indah dan responsif. Halamannya terlihat sempurna. Namun apa jadinya bila kita perlu melakukan perubahan?
Anggota staf datang dan pergi. Ya, kami bisa mengganti staf yang keluar dengan yang baru. Kemudian lagi, klien kami ingin mereka ditampilkan dalam urutan abjad. Perubahan yang diperlukan tidak mengikutinya. Apa yang kita lakukan sekarang?
Pilihannya kurang ideal. Kita dapat mengedit kode blok untuk mengatur ulang setiap kolom. Atau kita dapat merekonstruksi tata letaknya dari awal. Kedua kemungkinan tersebut penuh dengan bahaya. Oke, mungkin aku sedikit dramatis. Tapi itu tidak menyenangkan.
Blok khusus mungkin merupakan solusi yang lebih baik. Dengan menggunakan Advanced Custom Fields PRO, Anda dapat membuat antarmuka yang memudahkan pemeliharaan. Menambah, menghapus, dan mengatur ulang daftar akan dimasukkan ke dalam blok. Tidak perlu menemukan kembali roda saat melakukan perubahan.
Pelajarannya adalah memikirkan kebutuhan pemeliharaan tata letak Anda di masa depan. Kemudian, terapkan strategi yang memungkinkan terjadinya perubahan. Anda akan senang ketika saatnya tiba.
Jangan: Izinkan Pengguna Beralih antara Editor Blok dan Klasik
Editor WordPress Klasik masih hidup dan sehat. Jutaan situs web menggunakannya. Tidak apa-apa. Tidak ada salahnya menggunakan alat yang Anda rasa nyaman.
Namun, mencampurkan editor Blok dan Klasik bisa jadi berantakan. Itu Editor Klasik plugin memiliki pengaturan yang memungkinkan pengguna untuk beralih antar editor. Anda mungkin ingin membiarkan fitur ini dimatikan.
Katakanlah Anda telah membuat tata letak yang kompleks menggunakan Editor Blok. Namun klien Anda tidak menyukai pemblokiran. Atau mereka tidak mengenalnya. Mereka memutuskan untuk mengedit halaman ini menggunakan Editor Klasik. Hilaritas (atau tragedi) pun terjadi.
Kemudian, Anda mengedit halaman dan beralih kembali ke Editor Blok. Anda melihat banyak kesalahan yang menyatakan bahwa blok berisi konten yang tidak valid. Fitur “Upaya Pemulihan Blokir” tidak berfungsi. Sepertinya tanganmu berantakan.
Terlalu banyak hal yang salah dalam skenario ini. Oleh karena itu, jangan izinkan pengguna beralih antar editor. Ini adalah kecelakaan yang menunggu untuk terjadi.
Lakukan: Pilih Plugin Blok Pihak Ketiga dengan Hati-hati
Ada banyak plugin untuk memperluas Editor Blok. Banyak dari mereka menawarkan serangkaian blok khusus.
Itu hal yang bagus. Blok inti yang disertakan dengan WordPress tidak selalu fleksibel. Jadi, memasang blok khusus mungkin bisa membantu. Namun ada baiknya untuk menelitinya terlebih dahulu.
Blok khusus adalah plugin. Mereka dapat bervariasi dalam hal fitur dan kualitas. Aturan yang sama berlaku ketika memilih yang tepat.
Instal hanya yang Anda perlukan. Pelajari ulasan dan log perubahan setiap plugin. Dan hapus semua plugin blok yang tidak Anda gunakan.
Apa bahayanya? Plugin yang salah dapat menyebabkan bug atau masalah kinerja. Ditambah lagi, keamanan selalu menjadi perhatian.
Pemblokiran pihak ketiga memerlukan komitmen. Pastikan Anda siap mengambil langkah itu.
Jangan: Edit Blok sebagai HTML
Editor Klasik memudahkan peralihan antara pengeditan visual dan kode. Anda mungkin menggunakan fitur ini untuk menambahkan kelas HTML atau CSS. Ada beberapa kendala, namun cukup berhasil.
Block Editor memiliki fitur serupa. Blok memiliki “Sunting sebagai HTML” antarmuka. Anda dapat mengaksesnya melalui menu opsi setiap blok.
Saya tidak pernah mengerti tujuan dari fitur ini. Itu mungkin karena saya selalu merusak sesuatu. Menambahkan kelas CSS, misalnya, memicu kesalahan saat beralih ke editor Visual.
A "This block contains unexpected or invalid content"
kesalahan ditampilkan. Dari sana, saya harus masuk kembali dan menghapus kelas. Masalah yang sama juga terjadi saat menambahkan jenis konten lainnya.
Oleh karena itu, mungkin bijaksana untuk mempertimbangkan pengeditan blok HTML sebagai hal terlarang. Ada lebih banyak risiko daripada imbalan.
Selain itu, Anda dapat menggunakan HTML khusus blok untuk tugas serupa. Tambahkan HTML, CSS, atau bahkan JavaScript ke dalam bidang. Anda tidak akan merusaknya!
Ngomong-ngomong, kamu bisa tambahkan kelas CSS untuk memblokir melalui tab Advanced di panel pengaturan.
Lakukan: Gunakan Fitur Tampilan Daftar Editor Blok
WordPress memungkinkan kita untuk menyusun blok-blok di dalam satu sama lain. Dan balok bersifat portabel. Anda dapat menyeretnya ke mana saja di layar. Hal ini dapat mengakibatkan beberapa efek yang tidak diinginkan.
Misalnya, memindahkan balok ke tempat baru bisa jadi sulit. Sangat mudah untuk membuat kesalahan. Langkah yang salah bisa membatalkan banyak kerja keras.
Itu Tampilan Daftar fitur ini dapat menyelamatkan Anda dari banyak sakit kepala. Ini memberikan garis besar visual dari setiap blok di halaman Anda. Ia bahkan bekerja dengan blok bersarang.
Bahkan lebih baik lagi, Anda dapat dengan mudah mengubah posisi blok langsung dalam Tampilan Daftar. Klik pada satu blok dan seret ke posisi yang diinginkan. Perlu memindahkan beberapa blok? Itu juga mungkin.
Pengalaman pengguna jauh lebih baik daripada bergulat dengan editor. Anda akan lebih memahami posisi Anda di halaman tersebut. Dan kemungkinan besar akan mempermudah pengeditan.
Lakukan: Teruslah Bereksperimen dengan Editor Blok
Editor Blok tidak sempurna. Seperti semua editor, ia memiliki beberapa keanehan dan gangguan. Namun masih layak untuk diuji batasnya.
Seringkali itulah cara terbaik untuk belajar. Jadi, buatlah situs web lokal dan bereksperimenlah. Lihat mana yang berhasil dan mana yang tidak. Namun jangan membatasi diri Anda pada satu tes saja.
Pengalaman pengguna terus berkembang. Oleh karena itu, teknik yang sebelumnya tidak berhasil, kini dapat dilakukan. Anda bahkan mungkin menginstal Gutenberg plugin untuk mengetahui apa yang akan terjadi pada rilis mendatang.
Melakukan hal itu akan membantu Anda dengan baik. Anda akan dapat membuat tata letak yang bertahan dalam ujian waktu. Dan Anda mungkin terkejut dengan apa yang dapat Anda capai dengan menggunakan balok.
Atas