Apa itu editor gutenberg? bagaimana hal itu mengambil dunia WordPress dengan badai? semua yang ingin kamu ketahui

Dengan 1 dari setiap 4 situs web yang menggunakan WordPress, tidak diragukan lagi ini adalah salah satu Sistem Manajemen Konten (CMS) yang paling banyak digunakan. Dari hari-hari awalnya, ia telah berkembang dari sistem manajemen blog menjadi CMS bonafide yang tersebar luas. Namun demikian, banyak hal berubah sangat cepat di Dunia WordPress dan menurut pendapat kami, semuanya berubah untuk selamanya!

Editor Berbasis Teks Tradisional, Di Ambang Kepunahan!

Pengeditan konten WordPress, secara tradisional, adalah tentang mengedit halaman teks dengan beberapa gambar. Itu tidak memberikan pengalaman pengguna seret dan lepas untuk pembuatan konten. Juga, untuk pengembang penyematan konten yang kompleks menggunakan kode pendek, yang merupakan jenis sintaksis khusus. Dengan semua keterbatasan ini, komunitas pengembangan WordPress membutuhkan editor yang lebih sederhana, yang dapat membuat pengembangan lebih cepat dan efisien.

Dengan WordPress 5.0 yang dirilis pada 6 Desember 2018, editor baru bernama Gutenberg telah diperkenalkan. Itu dinamai Johannes Gutenberg, penemu mesin cetak.

Bagaimana Gutenberg Berbeda Dari Editor TinyMCE atau Editor Teks Tradisional Seperti Itu?

Editor Gutenberg mengikuti pendekatan berbasis blok. Ini memungkinkan pembuatan tata letak konten apa pun dengan mudah dan pengguna dapat mengedit konten saat bepergian, jika diperlukan. Blok bisa berupa apa saja seperti:

• Teks
• Gambar
• Menanamkan
• Tombol
• Widget
• Tabel
• Dan masih banyak lagi.

Pengguna bahkan dapat membuat blok khusus, jika diperlukan, dan menggunakan yang sama beberapa kali. Tema dan plugin dapat meningkatkan kompatibilitas dengan Gutenberg dengan menambahkan jenis blok baru. Dengan pendekatan ini, ada kemungkinan yang tak terbayangkan. Dan kami yakin bahwa komunitas pengembang WordPress akan berinovasi dengan kemampuan terbaik mereka.

Ada kasus ketika banyak dari Anda menggunakan WordPress versi kurang dari 5.0 dan ingin bermain-main dengan plugin Gutenberg, untuk memulai Anda dapat mengikuti langkah-langkah di bawah ini:

Bagaimana Cara Menginstal Plugin Gutenberg?

Anda dapat memulai dengan mengunduh dan menginstal plugin Gutenberg dari repositori plugin WordPress.org. Jika Anda adalah orang repositori, rekomendasi standarnya adalah Anda mengkloning versi pengembangan Gutenberg yang dihosting di GitHub. Manfaat lain menggunakan repositori pengembangan adalah Anda akan mendapatkan versi pengembangan React.js yang sudah dibundel dengan repositori Gutenberg.

Versi pengembangan juga menyediakan pelaporan kesalahan yang lebih verbose yang membantu debugging yang efektif.

Memahami Tata Letak Gutenberg

1. Apa saja jenis blok yang tersedia?

Gutenberg menyediakan banyak blok, dibagi ke dalam kategori yang berbeda. Blok yang paling sering digunakan akan terlihat di atas, saat menggulir ke bawah, ada bagian lain seperti blok umum, pemformatan, elemen tata letak, widget, dll. Kita dapat memilih blok yang kita butuhkan, seret pada tata letak halaman dan mulai mengedit. Beberapa jenis blok dan kegunaannya dijelaskan di bawah ini

• Elemen sebaris hanya akan berisi satu blok untuk gambar sebaris.
• Sebuah blok umum akan berisi teks biasa, paragraf, kutipan, dan banyak lagi blok bangunan dasar.
• Pemformatan dapat digunakan untuk konten seperti tabel atau konten yang lebih berformat seperti kutipan tarik.
• Elemen tata letak dapat digunakan untuk membagi teks menjadi kolom.
• Widget dapat digunakan untuk menambahkan kategori, kode pendek atau untuk menampilkan widget bilah sisi.
• Sematan mungkin membantu menambahkan YouTube, Twitter, Instagram, atau konten eksternal lainnya.

2. Contoh Cara Menggunakan Blok

1. Di bawah ini adalah blok kutipan yang telah dipilih dari kategori blok umum dan ditempatkan di layar. Setelah Anda menempatkan blok kutipan Anda, Anda dapat mulai mengedit teks sesuai kebutuhan.

2. Anda juga dapat membuat beberapa tata letak kolom. Anda dapat memilih blok kolom dari bagian elemen tata letak. Setelah blok kolom dipilih, Anda dapat memindahkan sub blok apa pun di dalam blok kolom ini untuk menyusun konten Anda.

3. Bagaimana Mengatur Ulang Blok Bangunan Dasar Ini?

1. Panah atas atau bawah dapat digunakan untuk memindahkan balok satu per satu.
2. Jika Anda ingin memindahkannya dengan lebih bebas, Anda dapat menggunakan ikon enam titik untuk menarik dan melepas jika diperlukan.

• Bagaimana Cara Mengedit Kode Sumber?

1. Jika pengeditan diperlukan di tingkat kode sumber, Anda dapat mengklik tiga titik vertikal di kanan atas dan pilih Editor Kode.

   

2. Untuk meningkatkan pengalaman pengeditan Anda, Gutenberg menyediakan mode layar penuh, bilah alat tetap, mode sorotan.

Setelah Anda selesai mengedit, cukup klik tombol terbitkan dan kiriman Anda akan siap!

Keuntungan (PROS) dari Gutenberg

• Menurut kami, Gutenberg akan menjadi berkah bagi Penerbit. Itu akan memungkinkan mereka untuk membuat beberapa tema dan plugin yang sangat inovatif menggunakan pendekatan kunci Gutenberg.
• Pengembang dapat menyimpan informasi tentang blok dan bahkan membuat blok baru khusus untuk kebutuhannya. Bagian terbaiknya adalah pengembang dapat membuat blok satu kali dan menggunakannya di mana saja.
• Layar secara keseluruhan akan kurang berantakan karena pendekatan berbasis blok memberikan tata letak yang rapi dan bersih.
• Tata letak blok adalah pendekatan yang sangat optimal untuk pengembangan responsif seluler. Sekarang akan relatif lebih mudah untuk membuat situs web yang kompatibel dengan seluler.
• Ini sangat ramah pengguna sehingga bahkan pemula dapat dengan mudah mengatasi pembuatan situs WordPress dengan cukup mudah.

Kekurangan (CONS) dari Gutenberg

• Pertimbangkan 33% dari semua situs web di internet dibangun menggunakan WordPress, kompatibilitas mundur dengan Gutenberg masih dipertanyakan. Pemutakhiran akan mempermudah pengguna akhir atau pemula tetapi akan menjadi pekerjaan yang membosankan bagi komunitas pengembang untuk membuat situs web WordPress yang ada kompatibel dengan Gutenberg.
• Karena menggunakan React, akan agak sulit untuk dipelajari dibandingkan dengan pengembangan WordPress standar.
• Plugin dan tema yang ada harus ditingkatkan untuk mendukung Gutenberg dan hal yang sama mungkin memerlukan waktu untuk mencerna transisi ini.
• Karena semuanya berbasis kotak, ada bagian dari komunitas pengembang yang menyuarakan keprihatinan tentang tidak dapat menemukan elemen kotak yang benar, yang pada akhirnya menyebabkan disorganisasi tata letak.

Menggunakan Editor Tradisional (mis. TinyMCE) Dengan WordPress 5.0

Karena WordPress 5.0 sudah tersedia, semua situs web WordPress harus ditingkatkan, untuk menerima pembaruan keamanan. Ini dikatakan, ada Plugin WordPress resmi yang disebut "Editor Klasik" (https://WordPress.org/plugins/classic-editor/) yang akan memungkinkan pengembang beberapa waktu untuk terbiasa dengan Gutenberg. Sesuai pernyataan resmi yang disebutkan dalam deskripsi plugin ini “Editor Klasik akan didukung dan dipelihara sepenuhnya hingga setidaknya 2022, atau selama diperlukan”.

Jika Anda memerlukan bantuan untuk meningkatkan dan mulai menggunakan Gutenberg, jangan ragu untuk menghubungi kami di [email protected]. Kami akan dengan senang hati menyediakan layanan WordPress kami dan membawa situs web Anda dengan cepat bersama industri.