Tutorial Gutenberg: Cara Menggunakan Editor Blok WordPress Baru

Dinamakan setelah penemu mesin cetak, Johannes Gutenberg, editor blok WordPress Gutenberg yang baru memulai debutnya di rilis WordPress 5.0 sebagai editor default untuk WordPress.

Misinya sederhana, untuk menciptakan pengalaman menulis dan mengedit baru dengan WordPress.

Menampilkan blok, editor Gutenberg memberikan pengalaman unik dalam membuat konten kaya media dengan WordPress.

Ini membawa banyak fungsi secara asli ke editor yang dengan editor klasik seseorang akan membutuhkan plugin untuk menyelesaikan tugas.

Sebentar lagi saya akan membawa Anda melalui cara menggunakan editor blok Gutenberg.

Bekerja dengan banyak klien menggunakan WordPress, tidak banyak yang senang dengan langkah sulit dalam pengalaman mengedit mereka.

Itu mungkin menjelaskan mengapa jutaan pengguna WordPress menginstal editor klasik begitu pilihan diambil dari mereka dengan rilis Gutenberg.

Satu bagian pembenaran bisa menjadi kompatibilitas dengan tema lama, bagian lain hanya kemarahan pengguna atau kurangnya pengetahuan tentang cara menggunakan editor blok Gutenberg.

Saya harap setelah melalui artikel ini, untuk nanti, Anda akan nyaman dengan editor blok.

Langkah demi Langkah: Bagaimana cara menggunakan editor blok Gutenberg?

Dimulai dengan membuat halaman atau posting. Sesuatu yang sudah Anda kenal.

Saat Anda menambahkan halaman atau posting baru, hal pertama yang harus Anda perhatikan adalah toolbar ini.

Di sebelah kiri, kami memiliki bilah alat + Tambahkan Blok. Ini adalah salah satu tempat Anda dapat menambahkan blok ke konten Anda.

Anda juga dapat menambahkan blok dengan mengklik di bawah blok terakhir lalu klik ikon + yang muncul.

Atau, arahkan kursor di antara blok, Ikon Tambahkan Blok muncul, klik untuk menambahkan blok.

Selanjutnya, adalah tombol Undo dan Redo.

Ikon berikutnya di bilah alat atas menunjukkan struktur konten Anda.

Berikutnya adalah Navigasi Blok

Jika dan ketika konten Anda tumbuh dengan banyak blok, Anda dapat menavigasi ke blok dari sini. Keren bukan.

Di kanan,

Ini cukup mudah, Simpan Draf, Pratinjau posting Anda (Buka di tab baru) dan Terbitkan.

Ikon berikutnya mengubah tampilan pengaturan. Ini menampilkan atau menyembunyikan panel kanan.

Jika pengaturan terlihat, klik untuk menyembunyikan editor bebas gangguan yang lebih luas. Klik lagi untuk menampilkan pengaturan.

Di ujung ekor bilah alat ada tiga titik vertikal. Itu memungkinkan Anda untuk menyembunyikan atau melihat lebih banyak alat dan opsi.

Jadi apa yang sebenarnya dapat Anda lakukan dengan lebih banyak alat dan opsi?

• Anda memiliki Toolbar – mengakses semua alat blok dan dokumen di satu tempat.
• Modus sorotan. Memungkinkan Anda fokus pada satu blok pada satu waktu
• Mode layar penuh. Meledakkan editor Anda untuk pengalaman mengedit total bebas gangguan.
• Beralih antara editor Visual – yang Anda lihat sekarang, dan Editor Kode – jika Anda perlu menulis kode yang tidak dapat ditangani oleh blok Kode dan HTML.
• Kelola blok yang dapat digunakan kembali
• Pintasan keyboard dan
• Salin semua konten di editor.

Blok Gutenberg

Sejauh ini Anda terus melihat blok, tapi apa itu?

Kami akan mengambil rute panjang untuk melihat bagaimana mereka bekerja, dan mudah-mudahan, itu akan masuk akal, dan Anda dapat memberikan definisi berdasarkan pemahaman Anda tentangnya.

Ada enam kategori blok di Gutenberg masing-masing, termasuk, Paling Banyak Digunakan, Blok Umum, Pemformatan, elemen Tata Letak, widget, dan penyematan.

Saat membuat konten, dengan editor klasik, yang harus Anda lakukan hanyalah memasukkan konten ke dalam area teks.

Dengan editor baru, Anda akan menggunakan blok, yang telah diatur tentang jenis konten. Untuk menambahkan konten teks, diperlukan blok teks/paragraf, blok Gambar – Gambar, Html, blok HTML.

Ini adalah sesuatu yang berbeda dari editor klasik di mana Anda memasukkan semua konten Anda di satu tempat.

Menggunakan alat blok

Setiap blok memiliki alat yang dapat Anda gunakan saat membuat dan mengedit konten.

Berbeda dengan editor klasik yang memiliki semua alat yang terlihat.

Untuk mengakses alat ini, klik konten di blok. Kami akan menggunakan paragraf/konten karena ini adalah salah satu yang akan sering Anda gunakan.

Saat Anda mengklik teks atau konten di blok, kotak alat akan terbuka di atas konten.

Alat yang akan Anda lihat eksklusif untuk blok yang Anda gunakan, jadi jangan berharap untuk melihat alat yang sama saat Anda mengklik blok media.

Blok paragraf, misalnya, memiliki alat pemformatan teks rata kiri, rata tengah, rata kanan, tebal, miring, sisipkan hyperlink, dan coret teks.

Ditambah lebih banyak alat pemformatan yang ditambahkan oleh plugin lain yang Anda instal untuk memperluas fungsionalitas blok default.

Dua fitur pada kit alat blok yang memotong blok adalah " Transform blok " di awal, dan kemudian di akhir, Anda akan melihat Ikon " Opsi lainnya " - tiga titik vertikal - yang berisi lebih banyak pengaturan untuk blok Anda bekerja dengan.

Ubah blok Gutenberg

Untuk mengubah blok, klik blok seperti yang Anda lihat di blok paragraf di atas.

Dengan asumsi kami ingin mengubah paragraf pertama kami menjadi kutipan, Anda mengkliknya, lalu klik Transform to Icon dan kemudian pilih blok baru yang ingin Anda ubah.

Mengubah blok paragraf menjadi kutipan sekarang terlihat seperti ini.

Tombol Pilihan Lainnya

Tombol lain yang dimiliki tool kit blok adalah ikon “ Opsi Lainnya ” – tiga titik vertikal. Klik blok mana saja untuk melihatnya.

Dengan Opsi Lainnya, Anda dapat melakukan lebih banyak hal dengan blok Anda seperti; Sembunyikan pengaturan blok, Gandakan blok, Sisipkan blok sebelum atau sesudah blok sebelumnya dan selanjutnya, edit blok sebagai HTML, tambahkan blok ke blok yang dapat digunakan kembali, dan terakhir, Hapus atau hapus blok.

Mengubah permalink posting atau halaman dengan editor blok Gutenberg

Klik judul postingan atau halaman. Di atasnya, tautan akan ditampilkan.

Klik Tombol Edit, lalu ubah tautan Anda lalu klik Simpan

Pengaturan Dokumen dan Blokir di Editor Blok Gutenberg

Di sebelah kanan setiap posting atau halaman Gutenberg adalah panel dengan dua tab.

Panel Dokumen memiliki pengaturan seluruh dokumen untuk halaman atau posting, termasuk Status dan visibilitas, penulis posting, Tag, Gambar Fitur, Diskusi – untuk mengizinkan komentar, Kategori dan pengaturan terkait plugin untuk posting dan atau halaman.

Panel blok berisi pengaturan khusus blok.

Klik blok di area konten, lalu di panel kanan klik panel Blokir.

Kesimpulan

Kami telah membahas beberapa informasi tentang editor Blok Gutenberg.

Saya berharap dengan pengetahuan itu seharusnya tidak terlalu mengintimidasi untuk menggunakannya untuk pembuatan dan penerbitan konten.

Apakah Anda menggunakan editor blok baru? Apa pengalaman Anda dengannya?

Anda mungkin juga ingin mengonversi posting WordPress yang ada ke blok Gutenberg?