Tutorial WordPress Gutenberg Cara Menggunakan Editor Baru

Jika Anda telah menggunakan WordPress selama beberapa tahun, maka Anda ingat ketika orang -orang di WordPress meluncurkan editor Gutenberg di WordPress 5.0 Kembali di 2018.

Editor default baru ini adalah perbaikan besar untuk mengedit kedua posting dan halaman di situs Anda. Itu mengubah kotak teks besar yang terbiasa pemilik situs web menjadi platform pengeditan berbasis blok yang sangat berbeda.

Memilih salah satu blok dari jendela pop-up menambahkan blok itu sebagai bagian selanjutnya di halaman atau posting Anda.

Sebelum kita sampai ke blok ini, mari kita mulai dari awal dan membuat posting baru menggunakan Gutenberg di WordPress.

Membuat Posting dan Menambahkan Blok

Menambahkan posting tetap tidak berubah dari versi terakhir WordPress. Pilih saja Posting dari bilah navigasi kiri, dan pilih Tambah baru di bawahnya.

Ini akan membuka jendela editor pos. Di sinilah semuanya berbeda. Anda akan melihat editor Gutenberg WordPress default.

Menambahkan item blok di editor Gutenberg

Anda dapat mengetik judul untuk posting Anda di bidang judul. Lalu pilih + Ikon di sebelah kanan untuk menambahkan blok pertama.

Blok paragraf

Blok pertama yang paling umum ditambahkan orang setelah judul adalah blok paragraf. Untuk melakukan ini, pilih Gugus kalimat dari jendela pop-up.

Ini akan memasukkan bidang blok di mana Anda dapat mulai mengetik paragraf pertama posting Anda. Pemformatan untuk blok paragraf mengikuti font default untuk blok paragraf situs Anda. 

Berikut adalah beberapa tips untuk menambahkan blok paragraf di editor Gutenberg.

• Paragraf Anda bisa selama Anda suka. Teks akan secara otomatis membungkus ke baris berikutnya, seperti di editor klasik.
• Jika Anda menekan Memasuki, Editor Gutenberg secara otomatis membuat blok paragraf baru, namun itu hanya terlihat seperti paragraf kedua dengan istirahat paragraf.
• Menyoroti teks apa pun dalam paragraf akan menampilkan jendela pemformatan di mana Anda dapat mengubah pemformatan untuk teks itu, atau memodifikasi blok menjadi daftar atau jenis blok lainnya.
• Pilih tiga titik dan pilih Hapus blok untuk menghapus blok paragraf dan menggantinya dengan sesuatu yang lain.

Blok gambar

Jika Anda memilih blok gambar, Anda akan melihat kotak gambar di mana Anda dapat memilih tombol Unggah untuk mengunggah gambar ke dalam posting Anda dari komputer Anda. Pilih Perpustakaan Media tautan untuk menggunakan gambar dari perpustakaan media Anda yang ada, atau Sisipkan dari URL untuk menautkan ke gambar dari situs lain.

Ini akan memasukkan gambar ke dalam artikel tempat Anda menambahkan blok gambar baru. Anda akan melihat bahwa Anda dapat mengetik keterangan untuk gambar langsung di bawah gambar itu sendiri.

Anda dapat menggunakan opsi pemformatan yang sama pada teks teks yang Anda bisa pada teks paragraf biasa.

Daftar blok

Saat Anda menambahkan blok baru dan pilih Daftar, itu akan memasukkan blok daftar pada saat itu di artikel.

Itu akan menampilkan satu peluru, tetapi saat Anda mengetik dan menekan Memasuki, Setiap peluru baru akan muncul saat Anda membutuhkannya.

Daftar pemformatan juga mengikuti gaya dan ukuran font sebagaimana ditentukan oleh tema Anda, jadi jangan kaget jika font dalam daftar Anda terlihat berbeda dari blok paragraf Anda.

Anda dapat menyorot teks di blok daftar dan Anda akan melihat opsi pemformatan untuk teks ini jika Anda ingin mengubahnya. Anda tidak dapat mengubah gaya font di sini, tetapi Anda bisa berani, miring, menambahkan hyperlink, atau mengubah jenis blok sepenuhnya.

Blok lainnya

Jika Anda ingin melihat semua blok yang tersedia, pilih + Untuk menambahkan blok, lalu pilih Jelajahi semuanya untuk melihat seluruh daftar.

Daftar ini sebenarnya cukup panjang. Apa pun yang Anda ingat tersedia di editor klasik melalui sistem menu akan disertakan di sini. Ini termasuk blok lain yang umum digunakan seperti:

• Tabel
• File dan media
• Video
• Tag "lebih"
• Halaman istirahat dan pemisah
• Widget seperti ikon sosial, awan tag, kalender, dan widget plugin WordPress
• Embed kode untuk situs sosial, situs media seperti YouTube dan Spotify, dan banyak lagi

Fitur Gutenberg lainnya

Anda tidak harus tetap dengan blok yang telah Anda tambahkan di mana pun Anda menambahkannya. Anda dapat menggulir kembali di pos Anda dan memilih + ikon antara salah satu blok yang ada. Ini akan memungkinkan Anda memasukkan blok baru di antara yang sudah ada.

Anda juga tidak terjebak dengan penempatan blok Anda juga. Dalam editor WordPress klasik, tidak selalu mudah memindahkan hal -hal seperti gambar ke bagian lain dari posting Anda tanpa kadang -kadang mengacaukan pengkodean latar belakang.

Di Gutenberg, elemen bergerak seperti gambar sesederhana memilih blok dan kemudian memilih panah atas atau bawah di bilah menu pop-up untuk memindahkan blok ke atas atau ke bawah di pos.

Setiap kali Anda memilih panah itu akan menggeser yang memblokir satu posisi ke arah apa pun yang telah Anda pilih.

Menggunakan Editor Glutenberg di WordPress

Area pos bukan satu -satunya tempat untuk menambahkan blok baru. Anda akan melihat ada menu ikon yang sangat sederhana di bagian atas editor tempat Anda dapat menggunakan + ikon untuk menambahkan blok juga.

Ikon lain di menu ini memberi Anda akses cepat ke fitur Gutenberg lainnya.

• Pulpen Edit Ikon memungkinkan Anda beralih untuk memilih mode untuk lebih mudah memilih blok. Klik dua kali blok untuk kembali ke mode edit.
• Membuka atau Mengulangi Ikon (panah melengkung kiri dan kanan) akan membatalkan atau mengulang edit terakhir Anda.
• Itu Saya (Detail) Ikon menunjukkan kepada Anda jumlah karakter, kata, judul, paragraf, dan blok di posting Anda.
• Itu Garis besar Ikon memungkinkan Anda dengan cepat menavigasi ke blok di posting Anda berdasarkan pesanan mereka di garis pos Anda.

Bagi banyak orang, editor Gutenberg di WordPress memang perlu dibiasakan. Tetapi setelah mengalami betapa mudahnya membuat, mengedit, dan memanipulasi blok elemen dalam posting Anda, Anda akan menemukan bahwa proses membuat posting dan halaman Anda lebih cepat dan lebih produktif.