Tampilan Pertama Demo Langsung dari Editor Konten Gutenberg untuk Drupal 8

Drupal Europe baru saja mengumumkan programnya untuk acara mendatang di Darmstadt, Jerman, 10-14 September. Konferensi ini akan menjadi tuan rumah lebih dari 1.600 profesional dan penggemar Drupal selama 162 jam sesi dan 9 lokakarya mendalam.

Automattic mensponsori ruang jaringan Open Web Lounge dan Matt Mullenweg akan bergabung dengan Dries Buytaert dan Barb Palser dalam sebuah panel yang membahas masa depan web terbuka dan sumber terbuka.

Satu sesi menarik terkait WordPress pada program ini berjudul Introducing the Gutenberg content editor for Drupal 8. Modul baru ini memporting editor Gutenberg WordPress ke Drupal. Itu dibuat oleh Per Andre Rnsen dan timnya Frontkom, sebuah agen layanan digital yang berbasis di Norwegia.

Proyek Drupal Gutenberg bertujuan untuk memberikan pengalaman penerbitan baru berdasarkan editor Gutenberg WordPress. Demo langsung di situs saat ini menyediakan implementasi interaktif frontend dari Gutenberg di dalam Drupal, mirip dengan demo "Frontenberg" WordPress di wordpress.org/gutenberg. Implementasi modul terbaru akan muncul di sana tetapi Rnsen mengatakan saat ini sedang dirubah, karena banyak hal telah terjadi dengan Gutenberg dalam beberapa minggu terakhir.

Bagaimana Proyek Drupal Gutenberg Lahir

Rnsen memberi tahu kami bahwa dia pertama kali melihat Gutenberg pada tahun 2017 dan terinspirasi untuk menggunakannya untuk salah satu klien media Frontkom.

“Pemikiran untuk melakukan forking muncul pada pertengahan 2017, saat kami menjelajahi penggunaan Gutenberg sebagai lib untuk membuat pembuat halaman depan yang disponsori oleh Google Digital News Initiative,” kata Rnsen. “Kami akhirnya menggunakannya, dan modul Drupal adalah spin-off alami.”

Frontkom menyesuaikan pembuat halaman berbasis Gutenberg untuk industri media. Ini menambahkan fungsionalitas ekstra ke Gutenberg yang memungkinkan pengguna untuk memposisikan dan mengubah artikel untuk halaman depan surat kabar online. Rnsen mengatakan proyek berjalan dengan baik dan timnya berencana untuk membukanya, tetapi terlalu dini untuk membagikan apa pun sekarang.

Mengikuti pengalaman sukses menggunakan Gutenberg untuk klien, Frontkom mulai mengerjakan proyek Drupal Gutenberg pada awal Januari 2018.

“Bagian utama dari pekerjaan ini adalah membuat Gutenberg lebih agnostik CMS,” kata Rnsen. “Pertama kami melakukan fork dan mempertahankan fork. Kemudian kami mulai menggunakan Gutenberg sebagai ketergantungan, menguji pendekatan yang lebih dapat dipelihara.”

Rnsen membuka tiket di GitHub, meminta agar tim Gutenberg mempertimbangkan untuk menyusun proyek agar lebih agnostik CMS. Tiket ditutup segera dengan penjelasan bahwa "tidak berhubungan langsung dengan pekerjaan yang sedang berlangsung dengan proyek dan tujuannya."

“Kami memiliki sangat sedikit, jika ada, komitmen hulu sejauh ini, karena minat inti WP sejauh ini hanya memenuhi kebutuhan WP,” kata Rnsen. “Tapi itu baru saja berubah.”

Gutenberg bergerak untuk membuatnya lebih mudah digunakan di luar WordPress. Tim sedang mengerjakan penerbitan semua modul React sebagai paket npm. Rnsen mengatakan dia mengantisipasi bahwa mengurangi jumlah global yang dibutuhkan untuk membuat Gutenberg bekerja akan sangat membantu CMS lainnya.

Sejauh ini proyek Drupal Gutenberg belum dibagikan secara luas tetapi Rnsen mengatakan timnya telah melihat banyak minat dari komunitas teknologi Drupal.

“Kami memiliki posting blog dalam bahasa Inggris dengan lebih detail; kami menyimpannya untuk setelah liburan,” kata Rnsen. “Tapi kemudian meledak, dan para pengembang terus menghubungi kami untuk membantu.”

Frontkom telah terlibat dalam komunitas Drupal selama lebih dari 10 tahun dan WordPress selama tiga tahun terakhir. Rnsen dan timnya percaya bahwa Gutenberg mengisi celah di ruang Drupal.

“Drupal tidak memiliki semua pembuat halaman WordPress yang mewah itu,” katanya. “Jadi itu benar-benar lebih menarik daripada sekadar UI edit posting baru – kami ingin cara terpadu untuk membangun tata letak yang kompleks.”

Drupal sudah memiliki inisiatif untuk memperbaiki UI adminnya menggunakan React, dan Rnsen mengatakan dia berpikir Gutenberg mungkin berkontribusi pada bagaimana ini bisa terjadi di inti Drupal. Di dunia yang ideal, banyak proyek open source yang bisa sangat diuntungkan dari Gutenberg agnostik CMS, dengan semuanya berkontribusi bersama untuk peningkatannya.

“Bagi kami sebagai perusahaan, sangat menarik untuk membangun front-end yang dapat dengan mudah dipindahkan antar CMS,” kata Rnsen. “Untuk CMS open source secara umum, saya pikir akan banyak belajar dari proses implementasinya. Misalnya, D8 memiliki konsep 'semuanya adalah balok.' Ini memudahkan kami untuk membuat blok inti Drupal tersedia di Gutenberg – kami hanya perlu melakukan beberapa keajaiban untuk mengekspos pengaturan blok.”

Tim Frontkom tidak hanya penggemar antusias antarmuka Gutenberg, tetapi juga menghargai cara proyek dijalankan. Rnsen belum mengikuti reaksi komunitas terhadap putaran terakhir pengujian Gutenberg tetapi mengatakan dia pikir pengguna WordPress akan menyukainya dalam jangka panjang, karena "sebagian besar pembuat halaman di luar sana memiliki masalah."

“Drupal dapat belajar banyak dari WordPress, cara mereka benar-benar membangun proyek Gutenberg – proses desain yang transparan, banyak kolaborasi, dan masih sangat efisien,” kata Rnsen. “Jadi, WordPress jelas berada di depan Drupal dalam hal pekerjaan admin UI/JS mereka. Karena sudah ada banyak minat di komunitas Drupal untuk melakukan hal serupa, sangat menyegarkan melihat seseorang melaluinya dan berhasil (semoga).”

Steve Persch, advokat pengembang utama di Pantheon, berbicara di DrupalCon di Nashville 2018 tentang apa yang mungkin dengan WordPress 5.0 dan juga memberikan sesi di Twin Cities Drupal Camp berjudul “Semuanya adalah Blok: Bagaimana WordPress Menulis Ulang WYSIWYG.” Menanggapi buzz di Twitter tentang sesi Drupal Gutenberg, Persch mengatakan Drupal membutuhkan perbaikan UX editorial untuk tetap kompetitif, tetapi tidak harus dengan mengadopsi Gutenberg.

“Kami memiliki inisiatif yang sedang berjalan menuju tujuan itu,” kata Persch. “Gutenberg sendiri bisa menjadi pengalih perhatian dari pekerjaan itu. Di kedua [presentasi] saya juga menyebutkan bahwa Paragraphs atau Layout Builder bisa menjadi titik awal model data yang lebih baik untuk fungsionalitas seperti Gutenberg. Memberikan hal yang sama persis seperti WordPress akan merugikan diri sendiri. Konten terstruktur adalah jantung dari Drupal. Saya melihat Gutenberg (atau sesuatu seperti itu) sebagai UI yang lebih baik untuk sudut model data (bagian Paragraf) yang dimiliki situs Drupal selama bertahun-tahun.”

Akan menarik untuk melihat bagaimana komunitas open source yang berbeda mendekati Gutenberg dan bagaimana umpan balik yang lebih beragam dari luar WordPress dapat memengaruhi proyek.

Modul Drupal Gutenberg dapat diunduh dari halaman proyek. Saat ini ditandai sebagai modul eksperimental dan direkomendasikan untuk penggunaan pengembang saja. Demo langsung untuk proyek ini akan segera diubah untuk mencerminkan pembaruan terbaru dengan Gutenberg. Anda juga dapat mengikuti perkembangan proyek di GitHub.