facebook pixel

Berkenalan Dengan Gutenberg WordPress dan Cara Menggunakannya

Gutenberg WordPress

WordPress menjadi platform yang populer dan banyak digunakan untuk berbagai jenis kebutuhan pembuatan website mulai dari personal, pemerintahan, hingga toko online. Sebagai sebuah aplikasi open source dengan basis Content Management System atau biasa dikenal dengan CMS, platform ini banyak diminati karena user-friendly dan mudah dimodifikasi seingga bisa mengakomodasi kebutuhan penggunanya.

Versi terbaru WordPress yang rilis di tahun 2018 lalu, terdapat versi Editor terbaru pula, yaitu Gutenberg WordPress. Editor Gutenberg menjadi dasar tampilan user dalam menulis atau memposting artikel di WordPress. Namun, karena belum terlalu lama rilis, masyarakat belum terlalu familiar dengan Editor Gutenberg, sehingga tidak sedikit orang yang masih merasa kebingungan untuk menggunakannya.

Nah, pada kesempatan kali ini kami akan membahas apa itu Editor Gutenberg pada WordPress dan bagaimana cara menggunakannya. Yuk disimak!

Mengenal Gutenberg WordPress

Seperti yang sudah dijelaskan sedikit di atas, Gutenberg WordPress adalah versi Editor terbaru dari WordPress yang dirilis sejak Desember 2018 lalu, bersamaan dengan perilisan WordPress versi 5.0. Jika di versi Editor WordPress yang lama, kamu hanya bisa menulis artikel dengan tampilan Editor biasa yang klasik. Maka, untuk versi Editor Gutenberg ini memungkinkan kamu untuk mendapatkan sensasi menulis yang berbeda.

Kamu akan merasakan keleluasaan dalam menulis untuk menambahkan kode program html, paragram, gambar, cover image, menambah tombol dan beberapa hal lainnya dengan lebih fleksibel. Dengan jenis ini, kamu bisa memindahkan setiap blok konten hanya dengan melakukan drag and drop.

Panduan Menggunakan Gutenberg WordPress

1. Pastikan Kamu Sudah Memiliki Website WordPress

Sebelum kamu menggunakan Editor Gutenberg ini, pastikan terlebih dahulu kamu sudah memiliki website WordPress. Setelah memiliki website WordPress, kamu bisa membuat akun dan login melalui halaman admin WordPress yang sudah disediakan.

2. Mulai Menulis Menggunakan Editor Gutenberg WordPress

Setelah berhasil untuk masuk ke WordPress, kamu bisa langsung menulis dengan Editor Gutenberg. Caraya adalah, klik posts, kemudian add new. Caranya memang kurang lebih sama ketika memulai menulis dengan versi yang lama. Tapi, secara tampilan, kamu akan menemukan beberapa perbedaan.

Beberapa bagian yang berbeda akan terlihat ketika kamu pertama kali membuka halaman post terbaru. Seperti, adanya tombol “+” dan “undo” juga “redo” yang terdapat di bagian atas. Jika di versi klasik editor yang lama, akan muncul bagian menu bar yang terdiri dari berbagai toolbar secara langsung. Tapi, untuk Editor Gutenberg ini, kamu akan disuguhkan tampilan yang berisi blok-blok yang nantinya bisa kamu isi dengan berbagai hal seperti gambar, paragraph artikel, heading, dan beberapa hal lainnya.

3. Cara Menambahkan Konten di Artikel

Untuk menambahkan blog baru di artikel menggunakan versi ini, caranya adalah dengan “blok” atau bagian tertentu ke dalam artikel tanpa menggunakan kode HTML seperti versi klasik sebelumnya.

Berikut adalah beberapa blok yang harus kamu ketahui ketika menggunakan Editor Gutenberg WordPress:

  • Most Used: Kumpulan blok yang paling sering digunakan.
  • Common Blocks: Kumpulan blok yang paling umum digunakan (bol dasar)
  • Formatting: Berfungsi untuk editing artikel. Kamu bisa menemukan blok classic editor, custom HTML, code, preformat, table, pada bagian ini.
  • Layout Elements: Kumpulan blok yang digunakan untuk mengatur tampilan layout artikel.
  • Widgets: Untuk menampilkan konten atau kategori yang kamu inginkan.
  • Embeds: Kumpulan blok untuk memasukkan akun sosial media mu.

4. Menambahkan Gambar

Cara untuk menambahkan gambar ke dalam artikel yang sedang dibuat adalah dengan cara klik tombol “+”, dan pilih image yang kamu inginkan. Kemudian klik upload untuk mengunggahnya ke dalam artikel. Kamu juga bisa menambahkan Alt text atau setting apabila ingin mengubah ukuran, dimensi, atau hal lainnya yang berkaitan dengan gambar.

5. Menambahkan Button dan Kolom

Cara menambahkan button dan kolom adalah dengan melakukan drag and drop atau klik tombol “+” dan pilih Columns.

6. Menambahkan Kode HTML atau URL Sosial Media

Untuk menambahkan kode HTML, kamu bisa melakukannya dengan cara klik tombol “+” dan pilih Custom HTML dan klik Preview untuk melihat tampilannya. Sedangkan untuk menambahkan URL Youtube, cara yang bisa kamu gunakan adalah dengan langsung klik tombol “+” dan pilih bagian Embeds, kemudian pilih URL sosial media yang kamu ingin tambahkan.

Itu dia beberapa hal yang harus diketahui ketika kamu ingin menggunakan Editor Gutenberg WordPress. Semoga membantu.

Leave a Reply

Your email address will not be published. Required fields are marked *

× Konsultasi Gratis