Satu Tahun bersama Gutenberg

Sepertinya baru kemarin Gutenberg menjadi bagian resmi dari WordPress tetapi, percaya atau tidak, ini sudah lebih dari setahun! Tahun 2019 tidak diragukan lagi adalah tahun Gutenberg di WordPress. Suka atau tidak suka, ini tidak akan kemana-mana dalam waktu dekat dan, pada kenyataannya, sekarang menjadi standar baru di CMS kami yang ditujukan untuk menawarkan pengalaman pengguna yang lebih baik.

Dalam posting hari ini saya ingin dengan cepat meninjau semua yang telah dicapai oleh editor blok WordPress dalam beberapa bulan terakhir. Secara khusus, saya ingin membahas apa yang membuatnya istimewa, mengapa beberapa orang menyukainya dan beberapa membencinya, dan apa artinya bagi kami para pengembang. Ayo selesaikan ini!

Peluncuran Gutenberg

Di State of the Word 2016, Matt mengatakan editor WordPress adalah salah satu hal yang harus kita fokuskan, karena perlu banyak perbaikan. Pada saat itu, rumor pertama tentang "editor berbasis blok" yang dapat digunakan untuk "menyatukan widget" dan "meningkatkan kode pendek " muncul. Apakah itu pandangan pertama pada apa yang kemudian menjadi Gutenberg?

Satu tahun kemudian, di State of the Word 2017, Matt secara resmi mempresentasikan Gutenberg, sebuah proyek yang pengembangannya telah memakan waktu 11 bulan dan masih ada beberapa lagi yang harus dilakukan. Proyek ini memperkenalkan konsep "blok" sebagai solusi elegan untuk pembuatan dan pengelolaan konten . Gutenberg masih terlalu hijau untuk menjadi bagian dari inti WordPress, sehingga tetap sebagai plugin selama beberapa bulan.

Akhirnya setelah dua tahun masa kehamilan, tibalah saatnya untuk menghadirkan anak baru tersebut kepada masyarakat dan di penghujung tahun 2018 Gutenberg akhirnya menjadi bagian dari WordPress Core . Menurut pendapat saya (dan banyak profesional lain di sektor ini), ini terasa seperti keputusan yang tergesa-gesa—kami merasa plugin tersebut belum siap untuk masyarakat umum tetapi, sayangnya, sudah ada. Integrasi Gutenberg dalam versi baru WordPress penuh dengan kontroversi dan banyak orang membencinya.

Untuk menghindari kejahatan besar, tim pengembangan WordPress juga menyiapkan plugin paralel yang dapat digunakan untuk menonaktifkan Gutenberg sepenuhnya dan dengan demikian terus menggunakan editor klasik… tetapi pengembangan Gutenberg tidak berhenti di situ, tentu saja!

Langkah pertama

Seperti disebutkan di atas, peluncuran resmi Gutenberg agak kasar, terutama karena memiliki banyak pencela dan ada banyak detail yang harus dipoles. Itu pasti terasa seperti keputusan yang terburu-buru. Anda tahu, WordCamp US 2018 sudah dekat dan "kami membutuhkan Gutenberg untuk berada di dalamnya," dan mereka melakukannya.

Bagaimanapun, kenyataannya adalah apa adanya dan, pada Januari 2019, kami semua memiliki editor baru ini di Dasbor WordPress kami. Ini berarti bahwa pengguna dan pengembang harus beradaptasi dengan kenyataan baru ini… dan semakin cepat kami melakukannya, semakin baik!

Masalah utama yang kita semua hadapi selama beberapa minggu pertama adalah UX yang berkinerja buruk. Saya ingat bahwa editor benar-benar tidak dapat digunakan jika Anda menggunakannya dengan Yoast, tampaknya karena masalah dengan API anotasi Gutenberg. Blok dipindahkan dengan cara yang aneh, pintasan keyboard berbeda dan tidak dapat diprediksi, editornya lamban di komputer lama…

Namun, terlepas dari kesalahan dan masalah awal, kecepatan pengembangan plugin yang hingar-bingar memungkinkan apa yang tampaknya hampir mustahil: dengan cepat memperbaiki dan meningkatkan pengalaman pengguna saat menggunakan Gutenberg. Sesuatu yang, jika saya benar-benar jujur ​​kepada Anda, sangat dibutuhkan, karena editor klasik sudah cukup ketinggalan zaman:

Evolusi

Evolusi Gutenberg selama tahun pertama kehidupan publiknya benar-benar luar biasa. Pembaruan terjadi satu demi satu dan pengembang telah memoles setiap detail Gutenberg hingga menjadi antarmuka yang lebih ramah dan lebih efisien. Saat melihat angka dan, khususnya, tingkat adopsi Gutenberg, sepertinya kami berada di jalur yang benar. Pada saat menulis posting ini, dua dari setiap tiga instalasi WordPress menggunakan versi 5.x, yang berarti Gutenberg tersedia secara native untuk dua pertiga dari semua pengguna WordPress.

Tapi, sejujurnya, ingat seseorang dapat menonaktifkan Gutenberg sepenuhnya hanya dengan menginstal plugin Editor Klasik. Saat ini, plugin ini memiliki lebih dari 5 juta instalasi aktif dan lebih dari 700 peringkat bintang lima disertai dengan komentar seperti “old is gold,” “plugin paling penting untuk dimiliki,” atau “plugin yang saya gunakan di semua situs web saya.” Jadi, mungkinkah Gutenberg gagal?

Yah, menurut saya, tidak. Jika Anda melihat tren penginstalan aktif saat ini yang terkait dengan plugin Editor Klasik, Anda akan melihatnya melambat. Artinya, seiring berjalannya waktu, semakin sedikit orang yang menggunakan plugin ini. Satu penjelasan yang mungkin untuk ini adalah fakta bahwa Gutenberg sudah "cukup baik" dan, dengan demikian, tidak perlu menggunakan versi editor yang lebih lama. Dan ini tidak diragukan lagi berita yang sangat bagus.

Blok Perpustakaan

Salah satu konsekuensi dari mengintegrasikan Gutenberg secara resmi ke WordPress adalah proliferasi blok baru untuk membuat konten. Jelas, pengembang mengidentifikasi titik masalah dan memutuskan untuk meningkatkan pengalaman secara keseluruhan.

Selama beberapa bulan terakhir kami telah melihat bagaimana plugin muncul dengan tujuan tunggal untuk memperluas jangkauan blok yang tersedia untuk Gutenberg. Jadi, misalnya, kami memiliki plugin seperti Blok Atom yang menambahkan blok baru, serta plugin seperti Stackable atau EditorsKit yang menyertakan gaya baru dan menawarkan opsi pengeditan tambahan ke blok yang sudah ada.

Keuntungan dari Gutenberg

Salah satu kritik hebat yang selalu ada di WordPress adalah efek penguncian inframous. Pada dasarnya, efek ini menggambarkan ketergantungan yang muncul dengan tema atau plugin tertentu saat Anda mulai menggunakannya. Setelah Anda membuat konten dengan salah satu proyek penguncian ini, Anda tidak dapat menghapusnya dengan mudah atau Anda akan kehilangan konten tersebut.

Sebagian besar contoh efek ini dapat ditemukan dengan pembuat halaman. Ketika kami hanya memiliki editor WordPress klasik, banyak pengembang tema mengidentifikasi kebutuhan lain: pengguna ingin dapat menata halaman menggunakan editor visual yang memungkinkan mereka untuk menarik dan melepas blok konten untuk membangun halaman mereka dengan mudah. Sayangnya, membuat halaman dengan pembuat halaman seperti itu berarti Anda akan dikunci dengan pembuat halaman itu selamanya—jika Anda tidak ingin menggunakan pembuat halaman lagi, Anda harus membuat ulang halaman Anda terlebih dahulu atau berisiko kehilangan dia.

Gutenberg adalah sebuah revolusi dalam hal ini. Sekarang, berkat pengenalan resmi konsep "blok", pembuat halaman akhirnya memiliki mekanisme standar yang dapat digunakan untuk menentukan tampilan halaman. Mereka hanya perlu memanfaatkan antarmuka baru yang disediakan Gutenberg. Tentu, proses standarisasi pembuat halaman saat ini ke blok WordPress akan lambat, tetapi saya yakin itu pada akhirnya akan terjadi.

Perbaikan Berkelanjutan

Gutenberg menjadi lebih baik dan lebih baik di setiap rilis baru, karena fitur baru dan beberapa peningkatan disertakan dalam setiap versi. Misalnya, beberapa minggu yang lalu versi baru plugin Gutenberg (sudah 7.1) muncul dengan sedikit peningkatan kegunaan bagi pengguna, seperti dialog selamat datang untuk "bertemu" Gutenberg atau peningkatan dalam pemilihan konten multi-blok.

Tapi ada satu peningkatan yang sangat saya sukai, dan itu adalah gerakan di editor. Silakan lihat posting ini oleh Matias Ventura di mana Anda memiliki penjelasan yang sangat rinci tentang "bagaimana gerakan membantu kita memahami perubahan."

Apa Arti Gutenberg bagi Kami (di Nelio)

Kedatangan Gutenberg juga membawa pembaruan menarik ke dalam perusahaan kami. Pada dasarnya, jika kami ingin mengembangkan produk kami dan membuatnya kompatibel dengan Gutenberg, kami harus mendaur ulang dan mempelajari tumpukan pengembangan yang sama sekali baru.

Seperti yang dikatakan Toni kepada Anda beberapa minggu yang lalu, selama dua tahun terakhir kami telah mempelajari dan mempelajari React dan Redux. Sebagai hasil dari tahap pembelajaran ini, kami meluncurkan beberapa plugin khusus untuk Gutenberg, seperti Nelio Maps, Nelio Translate, atau Nelio Compare Images. Kami juga telah mendedikasikan sebagian besar waktu dan sumber daya kami untuk memodernisasi Pengujian A/B Nelio, dan saat ini kami melakukan tugas yang sama dengan Konten Nelio.

Kami bahkan menerapkan beberapa keterampilan yang baru diperoleh untuk berkontribusi pada WordPress dan mengusulkan beberapa permintaan tarik:

• Perbaikan bug dengan tanggal
• Perbaikan bug dengan argumen kueri dan fragmen URL di JS
• Proposal untuk bekerja dengan atribut Number dan Boolean di Block API
• Perbaikan bug dengan entitas HTML (tidak) lolos

Tidak ada yang menyukai perubahan. Ketika Anda terbiasa dengan seperangkat alat atau teknologi, Anda mungkin tidak ingin meninggalkannya untuk mempelajari sesuatu yang baru. Orang-orang enggan untuk mengubah sesuatu… tetapi, jika saya jujur, perubahan telah membantu kami dengan baik. Kami sangat bangga dengan semua yang telah kami pelajari selama ini dan dengan hal-hal yang dapat kami lakukan hari ini berkat Gutenberg.

Bagaimana denganmu? Apakah Anda suka Gutenberg? Bagaimana itu mengubah hidup Anda ? Beri tahu kami di bagian komentar di bawah.

Gambar unggulan dari freestocks.org di Unsplash.