10 Hal yang Perlu Anda Ketahui tentang Editor Gutenberg WordPress

Apa itu Editor Gutenberg WordPress?   The Editor Gutenberg WordPress adalah pembangun halaman baru yang sedang dirancang untuk mengintegrasikan dengan inti WordPress. Gutenberg akan menambahkan blok konten dan fungsi seperti pembuat halaman untuk setiap situs web WordPress yang up-to-date. Saat digunakan, itu akan menggantikan TinyMCE sebagai editor konten default. Dengan Gutenberg, konten ditambahkan dalam blok berbagai jenis dari backend WordPress. […]

Apa itu Editor Gutenberg WordPress?

 

The Editor Gutenberg WordPress adalah pembangun halaman baru yang sedang dirancang untuk mengintegrasikan dengan inti WordPress. Gutenberg akan menambahkan blok konten dan fungsi seperti pembuat halaman untuk setiap situs web WordPress yang up-to-date. Saat digunakan, itu akan menggantikan TinyMCE sebagai editor konten default. Dengan Gutenberg, konten ditambahkan dalam blok berbagai jenis dari backend WordPress.

Gutenberg dijadwalkan akan dirilis dengan WordPress 5.0. Untungnya, ada banyak perdebatan sehat yang terjadi di sekitar Gutenberg yang melibatkan banyak orang yang mengembangkan dan menggunakan WordPress.

 

      1.Tujuan Gutenberg

  • “Tujuan dari editor blok adalah untuk menambahkan konten yang kaya ke WordPress sederhana dan menyenangkan.”
    – Dari deskripsi plugin Gutenberg di WordPress.org.
  • “Gutenberg adalah langkah maju yang penting untuk WordPress. Gutenberg memungkinkan WordPress untuk membuat tata letak konten, bukan hanya menulis artikel. Ini adalah salah satu dari banyak transisi yang terjadi di WordPress menuju pengalaman pengguna yang lebih sederhana. ”
    – Zack Katz, berbicara di WordCamp Denver 2017
  1. Matt Mullenweg Sepenuhnya Di Balik Itu
  • 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 pemimpin proyek untuk Gutenberg awal tahun ini dan menugaskan karyawan Automattic Matias Ventura dan Joen Asmussen untuk memimpin pengembangan.
  • Bacalah pendapat Matt tentang Gutenberg di sini: Kami Memanggilnya Gutenberg karena Suatu Alasan .
  1. Gutenberg saat ini adalah sebuah Plugin
  • Anda dapat menambahkan Gutenberg ke setiap situs WordPress hari ini sebagai plugin yang diunduh dari direktori plugin WordPress.
  • The Gutenberg Plugin biasanya diperbarui setiap minggu sebagai fitur baru yang disertakan.
  • Seperti yang tercantum dalam deskripsi plugin … ini adalah perangkat lunak beta. Gunakan dengan hati-hati.
  1. Gutenberg Akan Diikutsertakan di WordPress 5.0
  • The Gutenberg roadmap direvisi diterbitkan pada bulan Agustus.
    • November 2017: rilis 4,9
    • Desember 2017: Mulai gabungkan proposal untuk Gutenberg
    • Jan 2018: Gutenberg / Customizer crossover
  • Tidak ada tanggal untuk WordPress 5.0 yang secara resmi ditetapkan berdasarkan pada peta jalan WordPress resmi .
  1. Gutenberg Jelas Belum Selesai
  • Banyak fitur Gutenberg yang masih diterapkan, dan versi baru telah mengubah UI dan fitur yang telah diterapkan sebelumnya.
  • Jangan panik karena tidak berfungsi dengan baik sekarang.
  • Saat ini, Anda pada dasarnya melihat sosis dibuat, dan itu tidak menyenangkan. Beberapa mengeluh tentang ini, tetapi ada sesuatu yang bisa dikatakan untuk transparansi. Mungkin tidak adil mengkritik rumah setengah jadi karena berangin.
  • Gutenberg saat ini ditulis menggunakan REACT javascript. Dengan langkah terbaru Facebook untuk menghidupkan kembali proyek di bawah lisensi MIT, Matt Mullenweg mengumumkan bahwa WordPress.com dan Gutenberg akan ditulis ulang menggunakan pustaka yang berbeda. Berikut info lebih lanjut tentang  REACT dan WordPress. Ini pasti akan menunda proyek Gutenberg untuk beberapa waktu.

 

  1. Gutenberg Blok & Sematan

Gutenberg menggunakan sejumlah ‘blokir’ yang dapat Anda gunakan untuk menyesuaikan konten dan tata letak di editor.

  1. Beberapa yang Baik dengan Gutenberg

Ini adalah langkah maju untuk editor visual WordPress.

  • Editor visual WordPress telah mandek selama bertahun-tahun.
  • Meskipun dapat diprediksi, ini bukan pengalaman yang fantastis.
  • Tujuannya adalah memiliki antarmuka yang lebih intuitif untuk pengguna baru seperti yang ditawarkan oleh Wix dan Squarespace.

Menggunakan komentar HTML untuk menyimpan info blok itu pintar.

  • Gutenberg menyimpan informasi tentang pemblokiran dalam komentar HTML.
  • Komentar ini hanya terlihat di bagian belakang situs dan tidak ditampilkan pada halaman aktif.

Menonaktifkan Gutenberg tidak akan merusak situs Anda.

  • Tidak seperti banyak editor halaman lainnya, jika Anda menghapus Gutenberg, Anda tidak akan merusak situs web Anda.
  • Komentar HTML khusus dipertahankan dalam konten sehingga Anda dapat mengaktifkan kembali Gutenberg tanpa kehilangan blok yang sebelumnya diatur.
  • Perhatikan bahwa tanpa Gutenberg aktif, komentar HTML ditampilkan di sumber halaman. Tetapi karena mereka hanya komentar, mereka jinak.

Aktivitas salin dan tempel dijalankan dengan baik.

  • Dalam versi Gutenberg sebelumnya, salin dan tempel menjadi berantakan. Format hilang dalam proses. Tidak lagi.
  • Menempelkan paragraf, daftar, judul, dll. Menghasilkan blok jenis yang sesuai yang secara otomatis dibuat oleh Gutenberg.
  • Markup teks seperti huruf tebal dan huruf miring juga dipertahankan.

Output HTML 5 padat

  • Gutenberg memblokir konten keluaran menggunakan tag HTML 5 seperti bagian dan gambar.
  • Menggunakan tag HTML 5 akan membantu konten bukti di masa depan yang dibuat di Gutenberg.

Anda dapat menulis blok Anda sendiri.

  • Pengembang akan dapat membuat blok mereka sendiri untuk konten yang disesuaikan.
  • Berikut informasi lebih lanjut tentang menulis blok Gutenberg
  1. Beberapa yang Buruk dengan Gutenberg

Tidak perlu lagi menulis di browser.

  • Gutenberg’s UI difokuskan pada tata letak konten bukan pembuatan konten.
  • Hari-hari duduk dan menulis di jendela pos hilang (tentu saja ada pertanyaan tentang berapa banyak orang yang melakukan hal ini).

UI agak kikuk.

  • Diperlukan lebih banyak klik untuk melakukan tugas-tugas sederhana. Memperbarui halaman sekarang membutuhkan dua klik, bukan satu.
    Ikon tak mencolok digunakan tanpa banyak petunjuk untuk fungsi mereka.
  • Tiga kolom yang dibentuk oleh menu admin, editor Gutenberg dan sidebar Gutenberg menjadi padat dan dapat membingungkan untuk menggulir pada tampilan yang lebih kecil (seperti Macbook 12 “saya sedang menulis ini).
  • Metabox tersembunyi di bawah pengaturan yang diperpanjang di bawah dan di samping editor.

Tidak ada kode pendek di paragraf.

  • Saat ini, shortcode tidak dapat dijalankan dalam kolom teks atau blok paragraf.
  • Mereka harus ditempatkan di blok kode pendek agar berfungsi.
  • Ini dapat menyebabkan beberapa masalah jika shortcode Anda menghasilkan konten sebaris seperti tahun atau ajakan bertindak sebaris.
  • Perhatikan bahwa shortcode di halaman / posting akan tetap berfungsi saat Gutenberg ditambahkan ke situs yang sudah ada. Jadi mereka telah melakukan pekerjaan dengan baik dan memastikan hal-hal yang sudah ada tidak rusak.

Tidak ada gambar atau penyematan lain dalam paragraf.

  • Di Gutenberg, Anda tidak dapat membungkus teks di sekitar gambar. Gambar memiliki blok mereka sendiri.
  • Sematan seperti audio dan video juga membutuhkan blok mereka sendiri. Ditarik dari Youtube, Vimeo, dll. tidak akan berfungsi lagi di paragraf atau kolom teks Gutenberg

Masalah aksesibilitas yang signifikan (setidaknya saat ini)

  • Saat ini ada masalah aksesibilitas utama pada penggunaan editor Gutenberg back end dan pada output konten olehnya di ujung depan (seperti CSS sebaris).
  • Tim Aksesibilitas WP pasti akan menangani masalah ini sebelum rilis.
  • Aksesibilitas adalah prioritas utama untuk WordPress secara umum.
  • Ada pertanyaan serius tentang bagaimana CSS sebaris akan diatasi karena saat ini disimpan dalam komentar HTML dan kemudian ditampilkan di bagian depan.

Tema yang lebih lama tidak memberi gaya hasil HTML 5.

  • Gutenberg memblokir konten keluaran menggunakan tag HTML 5 seperti bagian dan gambar.
  • Banyak tema yang lebih lama tidak memiliki CSS untuk mengatasi styling tag ini, jadi margin dan padding untuk tag ini mungkin tidak ada.
  • Gutenberg tidak memiliki stylesheet sendiri untuk menjelaskan hal ini.
  1. Apa yang Belum Terpecahkan dengan Gutenberg? Banyak.

Hubungan antara editor dan tema Gutenberg.

  • Seperti disebutkan di atas, Gutenberg berurusan dengan konten bukan styling (baik, semacam – Anda dapat menambahkan warna latar belakang ke blok tetapi ini dijalankan sebagai gaya sebaris).
  • Saat ini, blok padding dan margin benar-benar tidak tertangani. Ini tentu saja bisa berubah.
  • Kebanyakan pembuat halaman WordPress memungkinkan kontrol yang lebih baik terhadap baris, kolom, spasi, dll. Gutenberg bergantung pada tema sekarang untuk semua ini.
  • Saat ini hanya ada sedikit info di dokumen untuk dukungan tema Gutenberg , termasuk dukungan blok, dukungan gambar lebar dan dukungan palet warna.
  • Ada beberapa info di dokumen tentang menerapkan gaya ke Gutenberg dengan stylesheet .
  • Masalahnya di sini adalah bahwa pengguna pemula (yang merupakan audiens yang Gutenberg coba bantu) biasanya tidak tahu tentang tema atau hubungannya dengan sistem WordPress.

Bagaimana itu akan diintegrasikan ke inti WordPress?

  • Saat ini, setiap indikasi adalah bahwa Gutenberg akan menjadi bagian dari inti WordPress di versi 5.0 yang akan dirilis pada tahun 2018.
  • Apakah akan diaktifkan secara default? Apakah kita dapat menonaktifkannya? Pertanyaan-pertanyaan ini tidak terjawab pada saat ini.
    • Ini dapat dijalankan seperti API REST yang aktif secara default, tetapi mudah dinonaktifkan oleh plugin satu tujuan atau berbagai plugin keamanan seperti Keamanan iThemes.
    • Tentunya akan ada blok kode atau plugin “Disable Gutenberg”. Atau mungkin pembuat halaman populer akan menyertakan opsi Gutenberg yang dinonaktifkan di pengaturan mereka.
    • Salah satu saran terbaik yang pernah saya baca adalah meletakkannya di Jetpack dan membiarkan mereka yang ingin mengaktifkannya dari platform itu.

Kapan Editor Gutenberg WordPress akan dirilis?

  • Tidak ada yang tahu (atau setidaknya itu tidak disebutkan secara terbuka).
  • Dalam artikelnya di REACT dan WordPress, Matt Mullenweg berkata, “Tim Gutenberg akan mengambil langkah mundur dan menulis ulang Gutenberg menggunakan pustaka yang berbeda. Kemungkinan akan menunda Gutenberg setidaknya beberapa minggu, dan mungkin mendorong rilis ke tahun depan. “
  • Banyak yang memiliki reaksi keras terhadap pernyataan itu, seperti artikel Yoast tentang alternatif Gutenberg: “Di Yoast, kami cukup terkejut dengan kata-kata ini. Dalam bentuknya saat ini, Gutenberg belum siap – semua untuk penggunaan mainstream. Bahkan, kami tidak melihatnya sebagai siap dirilis di mana saja di paruh pertama tahun 2018. Dalam pandangan kami, siap untuk dirilis juga berarti bahwa masyarakat memiliki waktu yang cukup untuk memperbaiki semua integrasi mereka. Pada titik waktu ini, tidak mungkin plugin sama sekali berintegrasi dengan Gutenberg. Bagaimana seharusnya plugin penulis dapat membangun integrasi mereka dalam beberapa bulan? Itu tidak mungkin. Setidaknya bukan tanpa merusak sesuatu. ”
  1. Artikel Catatan tentang Editor Gutenberg WordPress

Ini adalah kumpulan artikel terbaik di Gutenberg yang telah saya baca hingga saat ini.