Cara Membuat Block Sendiri di Editor Gutenberg WordPress – Reuseable

wordpress versi 5 hadir memakai editor baru yaitu editor gutenberg, editor gutenberg adalah editor andalan wordpress karena belum ada cms lain yang memakai editor seperti ini.

dalam gutenberg kita bisa membuat block kita sendiri, kita bisa menambah block menyimpannya dan bahkan bisa menjualnya.

block yang kita buat bisa kita masukan ke dalam artikel manapun, kita bisa juga memindahkan block ini ke blog wordpress lain.

block yang kita buat bisa bermacam jenis, bisa seperti kalimat penutup, follow sosmed, form berlangganan, video, gambar dan lainya.

so jika anda ingin membuat block sendiri, block yang dibuat oleh anda sendiri ikuti terus panduan ini.

Editor Gutenberg WordPress

editor gutenberg wordpress adalah editor berbasis block, dimana setiap paragraf akan berada dalam satu block dan terpisah dari paragraf lainya.

editor gutenberg memiliki banyak kelebihan dari pada text editor classic wordpress, salah satu kelebihannya kita bisa membuat block kita sendiri.

jika anda memakai wordpress versi terbaru pasti sudah pada tau bagaimana tampilan dari editor gutenberg.

tampilan gutenberg

jika kita hanya melihat sekilas rasanya ini bukanlah text editor ini hanya seperti halaman kosong, tanpa ada fitur peformatan seperti bold, italic dan lainnya.

nah itu perbedaan editor gutenberg, mereka hanya menampilkan fitur-fitur lainnya setelah kita memasukan text.

dalam editor gutenberg jika kita ingin memasukan gambar maka kita bisa klik tombol + yang ada diatas kiri.

tombol ini akan membuka semua block yang sudah tersimpan, seperti block image, paragraf, heading dll.

semua block ini adalah block bawaan dari wordpress, kita bisa menambah block ini dengan block buatan kita sendiri.

Kenapa Membuat Block Gutenberg? Untuk Apa?

mungkin anda bertanya kenapa harus membuat block? padahal kan block-block gutenberg sudah banyak.

memang block di gutenberg sudah banyak, tapi ada yang masih kurang. misalnya saya ingin menambahkan sebuat paragraf penutup diakhir artikel.

cara untuk membuat paragraf penutup ini, kita harus ketik kata-katanya setiap kali kita ingin menambahkan paragraf penutup.

nah dalam editor gutenberg kita bisa membuat paragraf penutup lalu kita simpan sebagai block.

lalu ketika kita ingin menambahkan paragraf penutup diakhir artikel kita hanya tinggal add block lalu pilih block yang sudah kita buat.

bukan hanya paragraf penutup kita bisa buat block apa saja misalnya block untuk ajakan memfollow atau like sosial media kita.

jadi jika kita membuat block milik kita sendiri dapat menghemat waktu dan memudahkan kita untuk memasukan sesuatu yang sipatnya jarang berubah.

Membuat block dan menyimpan block gutenberg

untuk membuat block di editor gutenberg wordpress cara sangat mudah, anda hanya perlu mengikuti langkah-langkah dibawah ini.

Langkah 1. Buat Post Baru

untuk membuat block baru wordpress tidak menyediakan menu untuk membuat block. anda bisa membuat block dari link dibawah ini.

https://bikinblog.com/wp-admin/post-new.php?post_type=wp_block

ganti url bikinblog.com dengan url blog anda. dengan link diatas anda akan masuk ke halaman untuk memanbahkan blog.

atau anda bisa masuk dulu ke editor wordpress yaitu halaman untuk membuat post/artikel.

klik menu Posts >> Add New

setelah berada di dalam editor gutenberg wordpress, saatnya untuk membuat block baru.

dalam contoh disini saya akan membuat tulisan penutup yang dipakai di akhir artikel, kata-katanya hanya mengajak untuk memfollow sosial media, baik itu youtube, twitter, facebook dll.

silakan ketik kata-katanya, misalnya seperti ini

Jika anda menyukai artikel ini, silakan Subscribe di Channel Youtube Bikinblog.com untuk mendapatkan video tutorial wordpress. Anda juga dapat mengikuti kami di Twitter dan Facebook

silakan dibuat sekreatif mungkin, jangan ikuti kata-kata saya karena saya bukanlah seoarang yang bisa merangkai kata.

setelah membuat kalimatnya jangan lupa di setting warna dan ukuran text nya pada bagian text settings. punya saya hasilnya akan seperti ini.

membuat block gutenberg

setelah anda merasa selesai mengatur blocknya sekarang saatnya kita simpan block milik kita ini.

Cara Menyimpan Block

klik pada block yang akan disimpan, ini untuk mengaktifkan blok, lalu akan ada keluar option pada bagian atas block.

option block

silakan klik pada titik 3 lalu klik pada Add to Reusable Blocks

ini adalah perintah untuk menyimpan block ini ke dalam reuseable agar suatu nanti bisa digunakan kembali.

setelah di klik tulisan add to reuseable aakan terbuka kota untuk memasukan nama dari block milik kita ini.

silakan masukan namanya di dalam kotak name lalu klik Save

nah sampai disini anda sudah berhasil membuat block milik anda sendiri, jadi nanti jika anda membuat artikel anda bisa menambahkan kalimat penutup dengan cepat kedalam artikel anda.

Cara Memasukan Block yang sudah dibuat kedalam artikel

untuk menggunakan block yang sudah kita buat, atau memasukan block milik kita kedalam artikel maka cara sama seperti memasukan block lainnya.

kita tinggal masuk kedalam text editor gutenberg lalu klik pada tanda + (add block)

lalu scrool kebawah ke bagian menu Reuseable, semua block yang sudah anda buat akan masuk kedalam menu ini.

reuseable block

setelah itu klik pada nama block yang anda buat tadi, dalam contoh tadi nama block yang saya buat adalah follow sosmed. tinggal klik maka akan masukan kalimat penutup yang sudah anda simpan sebagai block tadi.

dengan cara ini anda tidak perlu berulang-ulang mengetik kata penutup anda hanya perlu tambahkan block.

cara ini sangat memudahkan kita untuk memasukan text atau kata yang sipatnya jarang berubah, bukan hanya text anda juga bisa membuat block seperti iklan, form berlangganan dll.

demikian tutorial membuat block di editor gutenberg semoga bermanfaat.

cara buat anchor text di gutenberg (1)

BikinBlog.com

Tidak perlu susah payah untuk memecahkan teka-teki SEO. Kamu hanya perlu akal sehat.⁣⁣ Salah satunya: konten berkualitas yang disukai oleh pembaca, sudah pasti disukai oleh Google.⁣⁣

Mungkin Anda juga menyukai

Apa komentar Anda