Cari File
Download Firmware Gratis

Cara Menambahkan Gambar di Block List Gutenberg

Pada artikel ini saya akan mengkhususkan cara untuk menambahkan gambar (inline image) pada block List di editor Gutenberg yang untuk wordpress versi terbaru sudah termasuk plugin ini untuk editor postingannya.

Bagi yang belum terbiasa dengan editor Gutenberg ini seakan-akan merepotkan dan banyak yang kembali ke editor Classic, tetapi bagi yang sudah mencobanya walaupun awalnya sama saja agak repot tetapi ke depannya malah akan memudahkan kita dalam menulis artikel wordpress.

Nah berhubung ABIHP.com merupakan blog tutorial maka tentunya akan menggunakan block List dan biasanya setiap lis terkadang disisipkan sebuah gambar untuk membuat lebih jelas dan menarik bagi pembaca, dan ini juga bisa diindex oleh robot google dan akan tampil di serp.

Pada editor classic akan mudah sekali menyisipkan gambar tersebut, tetapi pada Gutenberg dengan memilih block LIST seolah-olah tidak ada cara untuk memasukkan / menyisipkan gambar antara lis tersebut. Dan ternyata saya salah, rupanya sudah ada opsi untuk menyisipkan gambar.

Tahapan Menyisipkan Gambar di Block List

  1. Pertama masuk ke editor dan pilih block List Block List
  2. Kemudian silahkan buat lis, lalu klik pada drop down lalu pilih Inline Image Sisipkan Gambar
  3. Setelah diklik Inline Image maka akan muncul jendela Upload gambar, jadi silahkan upload gambar seperti biasa.
  4. Setelah upload selesai sudah muncul gambar tersebut tetapi dengan lebar standar yaitu 150px. Silahkan ubah ke ukuran konten anda, kalau saya ubah ke 600px Inline Image Gutenberg
  5. Lakukan seperti itu untuk menambahkan gambar lainnya.
  6. Selesai

Demikianlah cara menambahkan gambar (inline image) pada block Listing di editor Gutenberg wordpress, semoga bisa membantu anda yang membutuhkannnya.

Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *