Dipastikan, editor Gutenberg memang akan menjadi editor artikel default WordPress. SAYAai Saya dapat menguji yang terakhir dan saya segera menyadari bahwa banyak pengguna akan tersesat dengan editor baru ini, itulah alasan tutorial ini. Jadi bersama-sama kita akan mempelajari dasar-dasar editor Gutenberg dan membahas beberapa poin lanjutan.

sebelum memulai

Jika Anda tidak memiliki kemampuan untuk menginstal WordPress versi 5.0 (yang masih dalam pengembangan), Anda sekarang bisa unduh Gutenberg dan mengujinya di versi WordPress Anda (Saya memulai lingkungan percobaan lagi). Namun, saya mengaku sedikit terkejut saat melihat rating yang diberikan kepada editor baru ini, lebih dari separuh pengguna saya memberi rating 1/5.

preview gutenberg rating wordpress.jpeg

Saya tidak akan berhenti pada itu dan menguji untuk merasakannya.

Presentasi antarmuka

Untuk menggunakan Gutenberg, Anda harus menulis artikel (jelas), seperti yang telah Anda lakukan di masa lalu, yaitu " Artikel> Tambahkan".

presentasi gutenberg.jpeg

Apa yang saya perhatikan sejak awal adalah bahwa penerbit telah banyak berfokus pada tidak adanya gangguan dan mengeksploitasi seluruh lebar halaman.

versi lama wordpress.jpeg

Bahkan jika kita harus menyadari bahwa terdapat terlalu banyak margin di Gutenberg, latar belakang putih menurut saya adalah warna yang menyebabkan gangguan lebih sedikit. Anda akan melihat bahwa Gutenberg sangat mirip dengan editor posting di Calypso (WordPress.com).

kalypso editor wordpress.jpeg

Lokasi elemen

Bagian cadangan

Tata letaknya telah sangat berubah. Area penyimpanan barang sekarang terletak di bagian atas. Sebaliknya, ini adalah bagian akses cepat ke tombol simpan.

bagian backup gutenberg.jpeg

Tombol dengan ikon pengaturan memungkinkan Anda menutup penutup di bawah. Tombol yang memungkinkan kita untuk beralih antara editor visual dan editor teks sekarang berada di panel yang sama di paling kanan. Untuk melihat pratinjau artikel, Anda harus mengklik mata yang terletak sebelum tombol "Publikasikan ...".

kontrol maju gutenberg.jpeg

Bagian untuk memilih gambar unggulan untuk kategori dan visibilitas artikel ada di sebelah kanan seperti biasa. Apakah Anda perlu memastikan bahwa " Dokumen Dipilih.

kategori bagian gutenberg dan gambar pada first.jpeg

Bagian blok

Inilah inovasi yang dibawa Gutenberg. Anda harus tahu bahwa sekarang setiap paragraf di Gutenberg harus dianggap sebagai blok. Blok memiliki kemungkinan untuk dapat disesuaikan secara tunggal, tetapi juga dapat dengan mudah dipindahkan ke seluruh dokumen.

Ketika Anda telah meletakkan kursor pada paragraf Anda, untuk mengakses fungsi blok yang dipilih, Anda harus mengklik tab blok di sebelah kanan.

blok gutenberg wordpress.jpeg

Dengan pengaturan ini, Anda dapat, misalnya, menentukan warna latar belakang yang hanya berlaku untuk blok serta mengubah ukuran font blok. Saya merasa agak nyaman.

Memformat pilihan

Format akan muncul di atas setiap blok.

pilihan formatting.jpeg

Anda juga akan menampilkan opsi tata letak di atas dengan mengklik Opsi Editor kemudian dengan mengklik "Setel bilah alat di atas".

tampilkan opsi pemformatan di top.jpeg

Cara menambahkan blok khusus

Anda tidak dibatasi untuk menggunakan blok paragraf. Untuk menambahkan lebih banyak blok, Anda harus mengklik ikon + yang terletak di kiri atas.

gutenberg.jpeg blok yang berbeda

Ini memungkinkan Anda untuk mengakses berbagai blok yang tersedia. Di lokasi ini juga Anda dapat mengakses berbagai blok yang ditawarkan oleh tema dan plugin. Anda bahkan akan memiliki opsi untuk menyimpan blok kustom Anda sendiri. Saya pikir akan lebih mudah untuk mengedit artikel serupa.

Itu saja untuk tutorial ini, kami akan melanjutkan di tutorial berikutnya dengan mempraktikkan semua yang kami amati dalam tutorial ini.