Yang Harus Anda Ketahui Tentang Gutenberg WordPress Editor

Editor Gutenberg WordPress akan menjadi salah satu aspek paling integral dari inti WordPress. Tapi, apa artinya bagi pemilik situs web? Bagaimana jika pengguna sudah menggunakan pembuat halaman? Kami akan menjawab pertanyaan-pertanyaan ini dan lebih banyak lagi dalam panduan ini. Juga, kita akan berbicara tentang dasar-dasar Gutenberg. Selanjutnya, kami akan membicarakan semua yang perlu Anda ketahui tentang versi terbaru. Sementara itu, berikut adalah plugin pembuat halaman untuk mendesain WordPress yang lebih mudah.

Memahami Editor Gutenberg WordPress

Editor Gutenberg WordPress adalah editor visual baru. Juga, itu dirancang untuk dimasukkan ke dalam inti WordPress. Gutenberg membantu dengan menambahkan fungsionalitas seperti pembuat halaman, tetapi dengan blok konten tambahan. Misalnya, mungkin mengembalikan TinyMCE sebagai salah satu editor konten default.

Meskipun demikian, saat Anda menggunakannya, Anda akan melihat bahwa konten ditambahkan dalam berbagai jenis blok. Selanjutnya, penambahan dimulai langsung dari back-end WordPress.

Apalagi Gutenberg lebih dari sekedar editor. Itu menambahkan penyesuaian ke seluruh pengalaman penerbitan konten. Ini memungkinkan pengguna untuk membuat desain modern. Selain itu, ia menawarkan pengalaman pengeditan yang lebih baik. Selain itu, ini membangun fondasi untuk masa depan situs web WordPress. Gutenberg bersiap untuk dirilis dalam WordPress 5.0.

Tujuan Utama Editor WordPress Gutenberg

Mari kita lihat tujuan utama Gutenberg dari perspektif fungsionalitas.

Penggunaan utama adalah untuk membuat pengalaman 'menambahkan konten yang kaya ke WordPress' lebih menyenangkan dan menarik.

Ini adalah langkah maju yang penting dalam evolusi WordPress. Tanpa Gutenberg, fungsionalitas asli WordPress hanya menyertakan editor teks dasar untuk artikel. Juga, dengan Gutenberg, pengguna WordPress dapat membuat tata letak konten yang tampak keren. Selain itu, Gutenberg termasuk di antara banyak transisi signifikan untuk menyederhanakan pengalaman pengguna WordPress.

Apakah Anda bertanya-tanya tentang perdebatan yang sedang berlangsung tentang Gutenberg? Kemudian baca terus saat kita membahas ini secara lebih rinci.

Matt Mullenweg Adalah Tokoh Terkemuka di Balik Gutenberg

Menurut pengumuman Mullenweg di 'State of the Word 2016', Gutenberg adalah editor visual. Namun, ini adalah salah satu dari tiga fokus inti utama untuk masa depan WordPress. Sebelumnya pada tahun 2017, Mullenweg mengambil alih Gutenberg sebagai pemimpin proyek. Namun, untuk pengembangan lebih lanjut, Mullenweg merekrut Joen Asmussen dan Matias Ventura. Dia mempekerjakan mereka sebagai karyawan Otomatis. Jadi, jika Anda ingin membaca lebih lanjut tentang Mullenweg tentang Gutenberg, Anda harus mengunjungi 'Kami Menyebutnya Gutenberg karena Suatu Alasan'.

Sangat mudah untuk menambahkan Gutenberg ke situs WordPress Anda dengan mengunduhnya sebagai plugin WordPress, yang akan Anda temukan di direktori plugin WordPress.
Plugin Gutenberg diperbarui setiap minggu, karena fitur baru dan yang ditingkatkan terus ditambahkan. Namun, perhatikan deskripsi plugin ini. Ini masih perangkat lunak beta dan harus digunakan dengan hati-hati. Seperti yang dinyatakan sebelumnya, editor ini kemungkinan akan diintegrasikan ke WordPress 5.0.

Gutenberg Masih Diimplementasikan

Inilah yang perlu Anda ketahui tentang fitur Gutenberg yang akan datang.

• Gutenberg belum selesai. Berbagai fitur Gutenberg saat ini sedang diimplementasikan. Bersamaan dengan itu, versi baru telah melakukan peningkatan pada fitur dan UI yang diimplementasikan sebelumnya.
• Jangan khawatir jika Gutenberg saat ini tidak bekerja dengan benar untuk Anda. Masalah sedang ditangani saat tim terus mengembangkannya.
• Editor sedang ditulis dengan bantuan React JavaScript. Namun, mengingat tindakan Facebook saat ini untuk melisensikan kembali proyek di bawah nama-lisensi MIT, Mr. Matt mengumumkan bahwa Gutenberg dan wordpress.com akan ditulis ulang dengan perpustakaan yang berbeda. Ini akan menunda kemajuan Gutenberg untuk sementara waktu.

Sematan dan Blok Gutenberg

Untuk menyesuaikan tata letak dan konten, Gutenberg menawarkan berbagai blok.

Berikut adalah Embeds yang ditawarkan oleh Gutenberg.

Kelebihan Gutenberg

Berikut adalah beberapa manfaat besar menggabungkan Gutenberg dengan WordPress 5.0.

Kemajuan untuk editor visual WordPress

• Selama bertahun-tahun, editor visual WordPress cukup hambar.
• Tujuan Gutenberg adalah untuk mengintegrasikan antarmuka yang sangat intuitif bagi pengguna. Ini dirancang untuk membantu WordPress bersaing dengan editor visual lain seperti Squarespace dan Wix.

Langkah cerdas untuk menyimpan informasi blokir dengan menggunakan komentar HTML

• Gutenberg menyimpan informasi blok dalam komentar HTML.
• Komentar ini tidak ditampilkan secara aktif di halaman langsung situs dan hanya dapat dilihat di bagian belakang situs.

Anda dapat dengan mudah menonaktifkan Gutenberg tanpa merusak situs

• Tidak seperti editor halaman lainnya, Anda dapat dengan mudah menghapus editor visual ini – Gutenberg tanpa merusak situs.
• Tidak ada peluang untuk kehilangan blok yang diatur sebelumnya saat Anda mengaktifkan kembali Gutenberg. Komentar HTML selalu disimpan dalam konten.
• Anda harus mencatat bahwa, jika Gutenberg dinonaktifkan, sumber halaman dapat merender komentar HTML.

Eksekusi rutin salin/tempel yang lebih baik

• Dalam versi Gutenberg sebelumnya, implementasi salin/tempel tidak kurang dari berantakan. Juga, pemformatan yang digunakan untuk tersesat dalam seluruh proses ini, tetapi ini tidak lagi terjadi.
• Menempelkan daftar, judul, paragraf, dll. berakhir di jenis blok yang sesuai, yang secara otomatis dibuat oleh Gutenberg.
• Markup teks seperti miring dan tebal juga dipertahankan.

Keluaran HTML5 yang kuat

• Gutenberg menggunakan tag HTML 5 seperti gambar dan bagian untuk memblokir konten keluaran.
• Dengan bantuan tag HTML 5, konten tahan masa depan dapat dibuat di Gutenberg.

Mudah untuk menulis blok

• Untuk menghasilkan konten yang disesuaikan, pengembang dapat membuat blok pribadi mereka sendiri.
• Ada banyak sumber online yang tersedia untuk mendapatkan informasi lebih lanjut tentang menulis blok di Gutenberg.

Kontra Menggunakan Gutenberg

Tidak ada lagi komposisi di browser

• Fokus UI Gutenberg adalah pada tata letak konten, bukan pembuatan konten.
• Masa lalu pengembang membuat konten menggunakan jendela posting sudah berakhir.

Anda mungkin menemukan UI menjadi sedikit kikuk

• Beberapa tugas sederhana mungkin memerlukan lebih banyak tindakan daripada sebelumnya. Saat Anda memperbarui halaman, Anda harus mengklik dua kali dan bukan satu. Ada beberapa ikon mencolok yang tersedia yang tidak memiliki banyak petunjuk tentang fungsi sebenarnya.
• Dalam kasus tampilan yang lebih kecil, tata letak tiga kolom dapat membingungkan saat pengguna menggulir ke bawah. Tiga kolom ini termasuk editor Gutenberg, menu admin, dan bilah sisi Gutenberg. Ini terutama benar jika ukuran layar Anda 12” atau lebih kecil.
• Di samping dan di bawah editor, kotak meta tidak terlihat dalam pengaturan yang diperluas.

Paragraf tidak memiliki kode pendek

• Untuk saat ini, tidak ada kemungkinan untuk mengeksekusi kode pendek di blok paragraf atau kolom teks.
• Untuk membuatnya berfungsi, mereka harus dimasukkan ke dalam blok kode pendek.
• Jika kode pendek menghasilkan konten sebaris seperti tahun atau ajakan bertindak sebaris, ini mungkin menimbulkan beberapa masalah.
• Perhatikan bahwa kode pendek dalam posting/halaman mungkin terus berfungsi bahkan ketika Gutenberg diintegrasikan ke dalam situs yang sudah ada. Pengembang telah melakukan pekerjaan yang lebih baik untuk memastikan bahwa platform saat ini tidak rusak.

Tidak ada tempat tidur atau gambar lain dalam paragraf

• Di Gutenberg, gambar membutuhkan bloknya. Jadi Anda tidak dapat membungkus teks di sekitar gambar apa pun.
• Demikian pula, penyematan seperti video atau audio juga perlu diblokir. Jika tidak, penyematan dari Vimeo, YouTube, dll. mungkin tidak lagi berfungsi di kolom teks atau paragraf Gutenberg.

Masalah aksesibilitas utama (setidaknya untuk saat ini)

• Untuk saat ini, Gutenberg menghadapi masalah aksesibilitas. Mungkin ada beberapa masalah signifikan dalam mengaksesnya menggunakan bagian belakang editor. Ini juga berlaku untuk keluaran konten di frontend (yaitu CSS sebaris).
• Sebelum rilis final, tim Aksesibilitas WP kemungkinan akan menyelesaikan masalah ini.
  - Secara umum, aksesibilitas adalah prioritas untuk WordPress.
  - Karena CSS sebaris saat ini disimpan dalam komentar HTML sebelum dirender di frontend, bagaimana pengembang akan mengatasi masalah ini sekarang menjadi pertanyaan besar.

Tema lama tidak membahas keluaran HTML 5

• Editor memblokir konten keluaran dengan menggunakan tag HTML 5 seperti gambar dan bagian.
• Banyak tema lama tidak memiliki CSS untuk menangani gaya tag. Oleh karena itu, padding atau margin untuk tag tersebut mungkin tidak ada.
• Gutenberg sendiri tidak memiliki stylesheet sendiri untuk menjelaskan hal ini.

Masih Banyak Yang Belum Terselesaikan Dengan Gutenberg

Hubungan antara tema dan editor Gutenberg:

• Seperti yang dinyatakan sebelumnya, Gutenberg lebih tentang konten dan bukan gaya keseluruhan. Anda mungkin masih menambahkan beberapa warna latar belakang untuk blok, tetapi ini dijalankan lebih seperti gaya sebaris.
• Untuk saat ini, margin dan padding blok belum tertangani.
• Pembuat halaman WordPress lainnya memungkinkan pengguna untuk dengan mudah menyempurnakan kontrol atas kolom, baris, spasi, dll. Saat ini, Gutenberg bergantung pada tema untuk ini.
• Mengenai dukungan tema Gutenberg, sangat sedikit informasi di dokumen. Ini juga termasuk dukungan gambar yang luas, dukungan blok, dan dukungan palet warna.
• Ada sedikit informasi dalam dokumen mengenai penerapan gaya ke editor Gutenberg dan menggunakan lembar gaya.
• Masalah utama adalah bahwa Gutenberg belum memecahkan masalah untuk pengembangan web/desain pemula. Mereka adalah audiens yang ingin dibantu oleh Gutenberg, tetapi kebanyakan dari orang-orang ini tidak tahu tentang bagaimana hubungan antara tema dan sistem kerja WordPress.

Bagaimana Gutenberg akan dimasukkan ke dalam inti WordPress?

Sejauh ini, indikasi menunjuk ke arah bahwa Gutenberg akan menjadi bagian dari inti WordPress. WordPress versi 5.0 diharapkan akan dirilis pada tahun 2018.
Jika Anda bertanya-tanya apakah editor akan diaktifkan secara default atau dapat dinonaktifkan karena pilihan, pertanyaan ini belum dijawab. Pada titik ini, tidak ada yang bisa dikatakan dengan pasti. Mungkin editor akan dieksekusi dengan cara yang sama seperti REST API (diaktifkan secara default). Selain itu, dapat dinonaktifkan dengan mudah dengan menggunakan plugin tujuan tunggal atau plugin keamanan yang berbeda seperti iThemes Security.

Kebanyakan orang berpikir bahwa itu akan datang dengan plugin atau blok kode 'Nonaktifkan Gutenberg'. Mungkin pembuat halaman terkenal mungkin menyertakan opsi untuk menonaktifkan Gutenberg di pengaturan mereka. Salah satu saran populer adalah menawarkannya di Jetpack dan membiarkan pengguna mengaktifkannya menggunakan platform itu.

Tanggal Rilis Editor WordPress Gutenberg

Sejauh ini, belum ada tanggal rilis resmi yang diumumkan.

Namun Matt Mullenweg mengatakan, "Tim Gutenberg mengambil langkah mundur. Mereka melakukannya untuk menulis ulang Gutenberg dengan menggunakan perpustakaan yang berbeda. Ini mungkin menyebabkan penundaan rilis Gutenberg, setidaknya penundaan beberapa minggu. Inilah tepatnya mengapa rilis Gutenberg telah didorong ke tahun 2018."

Ada banyak reaksi keras terhadap pernyataan khusus ini. Misalnya, Yoast mengatakan:

"Di Yoast, kami cukup terkejut dengan kata-kata ini. Dalam bentuknya saat ini, Gutenberg tidak siap -sama sekali- untuk penggunaan mainstream. Faktanya, kami tidak melihatnya siap untuk dirilis di mana pun pada paruh pertama tahun 2018 ini. . Juga, siap untuk dirilis berarti bahwa komunitas memiliki cukup waktu untuk memperbaiki semua integrasi mereka. Namun, saat ini, plugin sama sekali tidak dapat diintegrasikan dengan Gutenberg. Bagaimana mungkin penulis plugin dapat untuk membangun integrasi mereka dalam beberapa bulan? Itu tidak mungkin. Setidaknya bukan tanpa merusak banyak hal."

Yoast Merekomendasikan kursus alternatif untuk Gutenberg

“Kami sangat antusias dengan ide blok. Namun, kami memiliki kekhawatiran yang kuat tentang beberapa pilihan teknis. Juga, pada kecepatan proses implementasi. Selain itu, kekhawatiran kami adalah kurangnya prioritas yang diberikan untuk masalah aksesibilitas di Namun, kami sangat prihatin dengan fakta bahwa plugin tidak dapat berintegrasi dengan editor baru.”

Yoast membahas konsep menggabungkan plugin dengan Gutenberg.

"Kami mulai dengan memecah semua fitur kami. Selanjutnya, kami melanjutkan untuk melihat di mana kami dapat mengintegrasikannya ke Gutenberg. Namun, kami tidak berpikir berpegang pada satu kotak besar di bawah editor akan melayani pelanggan kami dengan baik. Jadi, kami lebih suka berintegrasi tepat di tempat aksi terjadi. Gutenberg menawarkan kami kesempatan itu."

Apa Pendapat Anda tentang Gutenberg?

Untuk menjawab ini, cobalah Gutenberg. Juga, jelajahi editor Gutenberg WordPress dengan menggunakannya di situs pengujian. Setelah itu, beri tahu kami apa yang Anda suka atau tidak suka tentangnya.

Namun, Anda dapat mengirimkan umpan balik Anda langsung ke tim Gutenberg. Buka bagian umpan balik di menu bilah sisi Gutenberg. Ceritakan tentang pengalaman Anda bekerja dengan Gutenberg. Akibatnya, Anda akan menjadi bagian dari keberhasilan proyek ini.