Editor WordPress Gutenberg: 10 Hal yang Perlu Anda Ketahui

Editor Gutenberg WordPress, juga dikenal sebagai editor blok WordPress, sekarang menjadi bagian dari inti WordPress. Apa arti pendekatan baru untuk editor WordPress ini bagi Anda? Bagaimana jika Anda sudah menggunakan pembuat halaman WordPress?

Dalam panduan ini, kami membahas dasar-dasar editor Gutenberg baru untuk WordPress dan apa yang perlu Anda ketahui.

Apa itu Editor WordPress Gutenberg?

Editor Gutenberg WordPress, juga disebut editor blok WordPress, adalah pembuat halaman baru yang disertakan dalam WordPress 5.0+. Editor Gutenberg menambahkan blok konten dan fungsionalitas seperti pembuat halaman ke setiap situs web WordPress terbaru.

Gutenberg menggantikan editor klasik WordPress sebelumnya yang menggunakan TinyMCE (WYSIWYG) sebagai editor konten default untuk posting dan halaman. Dengan Gutenberg, konten ditambahkan dalam "blok" individual alih-alih dalam satu area konten yang lebih besar.

Blok WordPress baru mencakup semuanya mulai dari paragraf, judul, daftar, gambar, galeri, penyematan, dan banyak lagi.

Gutenberg dirilis dengan WordPress 5.0, yang merupakan pembaruan terbesar untuk WordPress selama bertahun-tahun. Sejak Gutenberg dirilis, perdebatan sehat berlanjut tentang editor WordPress baru, yang melibatkan banyak orang yang mengembangkan, menggunakan, dan mendesain situs web dengan WordPress.

Tujuan Gutenberg

Tujuan utama editor Gutenberg adalah membantu pengguna membuat posting dan halaman dengan lebih fleksibel. Dapat juga diduga bahwa Gutenberg dimaksudkan untuk membantu WordPress bersaing lebih langsung dengan platform situs web pembuatan halaman lainnya.

Untuk konteksnya, berikut adalah beberapa kutipan tentang tujuan editor WordPress Gutenberg yang baru.

• “Tujuan dari editor blok adalah membuat penambahan konten yang kaya ke WordPress menjadi sederhana dan menyenangkan.” – Dari deskripsi plugin Gutenberg di WordPress.org.
• “Gutenberg adalah langkah maju yang penting untuk WordPress. Gutenberg memungkinkan WordPress untuk membangun tata letak konten, tidak hanya menulis artikel. Ini adalah salah satu dari banyak transisi yang terjadi di WordPress menuju pengalaman pengguna yang lebih disederhanakan.” – Zack Katz, berbicara di WordCamp Denver 2017

Mengapa Gutenberg merupakan langkah maju untuk WordPress? Editor visual WordPress telah stagnan selama bertahun-tahun. Meskipun dapat diprediksi, itu bukan pengalaman yang fantastis. Tujuannya adalah untuk memiliki antarmuka yang lebih intuitif untuk pengguna baru seperti yang ditawarkan oleh Wix dan Squarespace.

1. Pendiri WordPress Matt Mullenweg Sepenuhnya Dibalik Gutenberg

• Dalam The State of the Word 2016, Mullenweg mengumumkan bahwa editor visual akan menjadi salah satu dari tiga fokus inti untuk 2017.
• Matt mengambil alih sebagai pimpinan proyek untuk Gutenberg awal tahun ini dan menugaskan karyawan Automattic Matias Ventura dan Joen Asmussen untuk memimpin pengembangan.
• Baca pandangan Matt tentang Gutenberg di sini: Kami Menyebutnya Gutenberg karena Suatu Alasan.
• Perhatikan juga bahwa Gutenberg ditulis menggunakan javascript REACT. Dengan langkah Facebook baru-baru ini untuk melisensikan kembali proyek di bawah lisensi MIT, Matt Mullenweg mengumumkan bahwa WordPress.com dan Gutenberg akan ditulis ulang menggunakan perpustakaan yang berbeda. Berikut info lebih lanjut tentang REACT dan WordPress.

2. Gutenberg Adalah Plugin Terpisah Pertama Yang Masih Aktif Dikembangkan

Sebelum Gutenberg diluncurkan ke versi inti WordPress, Gutenberg pertama kali dikembangkan sebagai plugin terpisah yang memungkinkan pengguna untuk mengujinya dan melihat bagaimana hal itu akan mengubah cara mereka menulis dan mengedit konten di dalam WordPress.

• Saat ini, plugin Gutenberg masih aktif dikembangkan dengan pembaruan mingguan.
• Plugin Gutenberg biasanya beberapa versi rilis sebelum inti WordPress, sehingga Anda dapat melihat pratinjau fitur baru editor blok WordPress sebelum diperkenalkan ke inti WordPress.
• Menjalankan plugin Gutenberg adalah cara yang bagus untuk mendapatkan fitur baru terbaru dari editor blok WordPress. Ini juga sangat berguna bagi pengembang dan mereka yang bekerja dengan klien untuk mengetahui apa yang ada di cakrawala untuk editor blok.

3. Gutenberg Diluncurkan ke WordPress 5.0 sebagai Editor Konten Default

Pada 16 Desember 2018, WordPress 5.0 dirilis. Rilis versi utama WordPress ini mencakup perombakan besar-besaran pada editor posting dan halaman, memperkenalkan Gutenberg sebagai editor WordPress default.

Sebagai rilis yang paling dinanti dan diperdebatkan dalam sejarah WordPress, editor Gutenberg mewakili perubahan dramatis dari editor klasik sebelumnya yang telah ada sejak awal WordPress. Beberapa pengguna mungkin terkejut dengan perbedaan drastis dari editor WordPress setelah rilis 5.0.

4. Gutenberg Juga Biasa Disebut Editor Blok WordPress

Seiring berjalannya waktu, masih ada beberapa kebingungan tentang apa yang harus disebut editor WordPress baru. Nama proyeknya adalah Gutenberg, jadi beberapa orang masih menyebutnya Editor Gutenberg dan "blok"-nya blok Gutenberg.

Di sisi lain, editor baru disebut sebagai editor blok dari dalam antarmuka pengguna WordPress. Dokumentasi di WordPress.org hanya menyebutnya editor WordPress.

5. Gutenberg Terus Berkembang dan Meningkat di Setiap Versi

Sejak Desember 2018, semua versi utama inti WordPress telah menyertakan fitur baru, peningkatan, dan perbaikan bug untuk Editor Gutenberg. Pengalaman pengeditan terus berkembang, dan dengan cara yang baik.

Misalnya, fitur dan peningkatan baru teratas WordPress 5.5 sebagian besar terkait dengan editor blok. Perbaikan antarmuka pengguna, aksesibilitas, drag-and-drop, dan masalah kegunaan lainnya terus ditangani.

Catatan: Sebelum menjalankan versi utama WordPress atau plugin Gutenberg, kami sangat menyarankan untuk membuat cadangan situs web WordPress Anda dengan plugin cadangan WordPress seperti BackupBuddy.

6. Blok Gutenberg Terus Diperluas dan Ditingkatkan

Tujuan utama Gutenberg adalah untuk menciptakan pengalaman pengeditan konten yang lebih baik dan kaya terkait dengan bagaimana posting dan halaman disusun dan diedit di dalam WordPress. Di luar itu, visi Gutenberg melampaui editor posting/halaman menjadi widget dan bilah sisi dan bahkan header dan footer situs web.

Pada dasarnya, Gutenberg memungkinkan Anda untuk mengambil posting atau halaman, dan memecah konten menjadi berbagai "blok". Misalnya, blok WordPress mencakup blok gambar, blok paragraf, blok kutipan, blok judul, bahkan blok tombol. Baca lebih lanjut di Blok WordPress: Panduan Utama untuk Blok Gutenberg .

Berikut adalah beberapa blok WordPress default yang disertakan dengan editor Gutenberg.

7. Anda Dapat Menonaktifkan Gutenberg, Tapi Mungkin Tidak Selamanya

Tidak suka editor Gutenberg? Mungkin ada saatnya Anda mengetahui bahwa editor blok baru tidak sepenuhnya kompatibel dengan tema atau plugin yang ada yang menjalankan situs Anda. Kabar baiknya adalah Anda dapat kembali ke editor klasik menggunakan plugin bernama … Anda dapat menebaknya, itu Editor Klasik.

Classic Editor adalah plugin resmi yang dikelola oleh tim WordPress yang mengembalikan editor WordPress (“klasik”) sebelumnya dan layar “Edit Post”. Itu memungkinkan untuk menggunakan plugin yang memperluas layar itu, menambahkan kotak meta gaya lama, atau bergantung pada editor sebelumnya.

Menurut tim WordPress, Editor Klasik adalah plugin WordPress resmi yang hanya akan didukung dan dipelihara sepenuhnya hingga setidaknya tahun 2022. Meskipun mereka baru saja menambahkan “atau selama diperlukan.”

Berikut selengkapnya tentang cara menggunakan editor klasik dengan WordPress.

8. Gutenberg Sekarang Memiliki Direktori Blok Pihak Ketiga

Direktori blok WordPress adalah cara baru bagi pengguna WordPress untuk menemukan, menginstal, dan menguji blok WordPress pihak ketiga dari dalam editor blok WordPress. Diperkenalkan di WordPress 5.5, Direktori Blok WordPress memudahkan untuk menemukan blok WordPress yang paling sesuai dengan kebutuhan Anda.

Berdasarkan diskusi tentang bagaimana plugin blok perlu dibedakan dari plugin lain di Direktori Plugin WordPress.org, Direktori Blok baru dibuat sebagai bagian dalam Direktori Plugin yang hanya berisi plugin blok tunggal. Direktori Blok WordPress baru terpisah dari direktori plugin utama, jadi Anda bisa menelusuri plugin WordPress biasa atau plugin blok tunggal.

Plugin blok tunggal dimaksudkan untuk menjadi plugin yang relatif kecil dan sederhana yang menyediakan satu blok Gutenberg, jadi plugin adalah bloknya.

Sekarang di WordPress 5.5, lebih mudah dari sebelumnya untuk menemukan blok yang Anda butuhkan. Direktori blok WordPress baru dibangun langsung ke editor blok , sehingga Anda dapat menginstal jenis blok baru ke situs Anda tanpa harus meninggalkan editor.

Cukup gunakan ikon “+” di kiri atas halaman untuk menggunakan penyisipan blok baru dan mencari blok yang tersedia. Perhatikan direktori blok untuk benar-benar lepas landas di masa depan, karena tampaknya masih cukup baru (masih tidak terlalu banyak pilihan; hampir tidak ada ulasan).

9. Pola Blok Baru Membuka Jalan untuk Pembuatan Halaman Penuh

Di WordPress 5.5, editor blok memperkenalkan konsep baru yang disebut pola blok . Dengan pola blok, kini Anda dapat membuat dan berbagi tata letak blok yang telah ditentukan sebelumnya. Pola blok benar-benar membuka jalan bagi editor blok untuk menjadi pembuat halaman. Waspadai pola blok untuk lepas landas saat editor blok terus berkembang ke arah ini.

Anda dapat menemukan pola blok yang terdaftar dengan menggunakan ikon “+” di sudut kiri atas layar. Sekarang Anda akan melihat tab Blok dan Pola (ditambah Dapat Digunakan Kembali, jika ada), sehingga Anda dapat beralih di antara opsi ini. Kemudian Anda dapat menambahkan Pola Blok ke posting/halaman Anda seperti blok lainnya.

Pola blok baru mempermudah pembuatan tata letak halaman dan posting yang kompleks dan indah, menggunakan kombinasi blok yang dapat Anda padu-padankan. Anda juga akan menemukan pola blok dalam berbagai macam plugin dan tema, dengan lebih banyak ditambahkan setiap saat.

Layar rilis WordPress 5.5

WordPress 5.5 hadir dengan sejumlah pola blok bawaan, tetapi plugin dan tema pihak ketiga juga memungkinkan untuk mendaftarkan pola blok tambahan atau menghapus yang sudah ada. Untuk melihat pola blok beraksi, lihat tema default Twenty Twenty. Twenty Twenty selalu merupakan tema yang bagus untuk diinstal pada server pengembangan karena tema ini benar-benar menyoroti apa yang mungkin dilakukan dengan versi terbaru WordPress.

10. Gutenberg Mengubah Kebutuhan akan Shortcode WordPress

Sebelum editor blok WordPress, shortcode WordPress adalah salah satu hal terbaik yang bisa dilakukan editor WordPress untuk mempermudah menambahkan plugin dan fungsi tema ke halaman, posting, dan bagian lain dari situs web WordPress.

Dengan pindah ke editor blok, apa artinya ini bagi sebagian besar plugin dan situs web lama yang masih penuh dengan kode pendek? Apakah shortcode WordPress masih berfungsi? Apakah ada cara untuk dengan mudah berpindah dari menggunakan shortcode WordPress ke blok WordPress?

Singkatnya, editor blok WordPress memiliki implikasi besar untuk kode pendek. Editor blok WordPress secara mendasar mengubah kebutuhan dan tujuan kode pendek untuk sebagian besar plugin dan tema. Dengan sistem penyuntingan berbasis blok, setiap “elemen” pada halaman memiliki bloknya sendiri, bukan hanya dimuat dalam satu editor WYSIWYG yang dapat diedit.

Artikel Catatan tentang Editor WordPress Gutenberg

Ini adalah kumpulan artikel terbaik tentang Gutenberg yang saya baca sampai saat ini.

Chris Lema berbicara tentang Gutenberg

http://chrislema.com/ kesalahpahaman-goal-gutenberg-writing-experience/

Kutipan:

• “Jika kita akan memecahkan masalah dengan plugin ini, bukankah seharusnya disonansi kognitif yang dimiliki orang ketika mereka mengedit dalam satu antarmuka dan melihat produk kerja mereka muncul di antarmuka yang berbeda yang tidak terlihat seperti yang mereka pikirkan? akan?"

Tanggapan Beaver Builder terhadap Gutenberg

Kutipan:

• “Singkatnya, kami sangat senang dan mendukung Gutenberg! Harapan kami adalah bahwa proyek ini terus berkembang menjadi sesuatu yang dapat diterima dan diperluas oleh Beaver Builder. Kami telah berkolaborasi dengan tim inti dalam proyek ini, dan kami telah berspekulasi, baik secara optimis maupun hati-hati, tentang potensi dampak Gutenberg pada bisnis kami dan ruang WordPress secara umum. Bayangkan jika Gutenberg "Memblokir" kami dapat dipertukarkan dengan modul Beaver Builder, atau jika Anda dapat menyeret baris yang disimpan ke halaman Gutenberg. Atau, editor teks Gutenberg dapat digunakan sebaris di Beaver Builder. Banyak potensi yang menyenangkan, kan!?”

Tema Elegan

Kutipan:

• “Ketika melihat debat, penting untuk diingat bahwa setiap perubahan akan membawa beberapa kelembaman dan perlawanan. WordPress perlu bergerak maju untuk bersaing dalam lingkungan yang berubah. Namun, bukan berarti kekhawatiran yang disuarakan tidak valid dan tidak perlu ditanggapi. Untungnya, para pengembang melakukan yang terbaik untuk melakukan hal itu. Namun, melihat berapa banyak orang yang peduli dan merasa ditinggalkan, mungkin diperlukan komunikasi tambahan.”

Ulasan yang Agak Mencekam di WPMU

Yang ini tidak menarik.

Kutipan:

• “Sementara pengembang yang mengerjakan plugin editor Gutenberg jelas telah melakukan banyak pekerjaan untuk membuat plugin dan saya memuji mereka atas upaya mereka sejauh ini, kenyataannya, plugin ini belum siap untuk dimasukkan dalam WordPress dan membutuhkan banyak lebih banyak pekerjaan, khususnya, pekerjaan UX.”

Yoast Menyarankan Kursus Alternatif untuk Gutenberg

Beberapa masalah signifikan dicatat dan solusi disarankan.

Kutipan:

• “Kami sangat antusias dengan ide blok, tetapi memiliki kekhawatiran yang kuat tentang beberapa pilihan teknis dan kecepatan proses implementasi. Kami juga khawatir tentang kurangnya prioritas yang diberikan untuk masalah aksesibilitas dalam proyek. Tetapi yang terpenting, kami sangat prihatin dengan fakta bahwa plugin tidak dapat berintegrasi dengan editor baru.”

Yoast Berbicara Tentang Konsep untuk Mengintegrasikan Pluginnya dengan Gutenberg

Inilah petunjuk yang mungkin diikuti oleh pengembang plugin lain.

https://yoast.com/gutenberg-integration/

Kutipan:

• “Kami mulai dengan memecah semua fitur kami, dan melihat di mana kami dapat mengintegrasikannya ke dalam Gutenberg. Kami tidak berpikir berpegangan pada satu kotak besar di bawah editor akan melayani pelanggan kami dengan baik. Kami lebih suka berintegrasi tepat di tempat aksi terjadi, dan Gutenberg menawarkan kami kesempatan itu.”

Josh Pollock dari Bentuk Kaldera

Lima cara dia ingin dibuktikan salah tentang Gutenberg:

Kutipan:

• “Ini adalah keputusan besar tentang masa depan WordPress. Saya percaya bahwa kita sebagai komunitas akan melakukan ini dengan benar, tetapi akan membutuhkan banyak pengujian, pengulangan, dan diskusi untuk melakukannya dengan benar.”

Penutup: Apa yang Harus Anda Lakukan tentang Gutenberg?

• Cobalah. Kenali Gutenberg sendiri. Cobalah di situs uji atau situs langsung Anda (ya, ini cukup stabil). Lihat apa yang Anda suka dan tidak suka tentang itu.
• Berikan umpan balik. Plugin Gutenberg baru-baru ini menambahkan tautan Umpan Balik di bawah item menu bilah sisinya. Luangkan waktu dan tawarkan pengamatan yang dipertimbangkan dengan baik tentang pengalaman Anda menggunakan Gutenberg. "Kalian adalah orang bodoh" bukanlah yang mereka cari.
• Jangan panik. Ada banyak diskusi bijaksana yang terjadi oleh banyak orang baik tentang hal ini. Editor blok terus meningkat dan, meskipun perlu beberapa waktu untuk membiasakan diri, kami sekarang sepakat bahwa mengadopsi editor baru sepenuhnya merupakan langkah yang baik.

Lebih Banyak Sumber Daya Editor Blok WordPress (Editor Gutenberg)

Blok WordPress yang Dapat Digunakan Kembali: Panduan Utama

Blok WordPress yang dapat digunakan kembali adalah fitur hebat dari editor blok WordPress. Blok yang dapat digunakan kembali memungkinkan Anda dengan cepat menyimpan blok WordPress apa pun yang sering Anda gunakan. Baca lebih lajut …

Direktori Blok WordPress: Panduan Penting

Diperkenalkan di WordPress 5.5, Direktori Blok WordPress memudahkan untuk menemukan blok WordPress yang paling sesuai dengan kebutuhan Anda. Baca lebih lajut …

Blok WordPress: Panduan Utama untuk Blok Gutenberg

Dengan blok WordPress, juga dikenal sebagai blok Gutenberg, pengguna dapat merasakan cara yang lebih mudah untuk membuat konten yang kaya di postingan dan halaman dengan cara yang benar-benar visual. Baca lebih lajut …

Kristen Wright

Kristen telah menulis tutorial untuk membantu pengguna WordPress sejak 2011. Anda biasanya dapat menemukannya mengerjakan artikel baru untuk blog iThemes atau mengembangkan sumber daya untuk #WPprosper. Di luar pekerjaan, Kristen menikmati jurnal (dia menulis dua buku!), hiking dan berkemah, memasak, dan petualangan sehari-hari bersama keluarganya, berharap untuk menjalani kehidupan yang lebih kekinian.