Jika Anda sudah cukup lama menggunakan WordPress, pasti tidak asing dengan editor bawaannya, yaitu Classic Editor. Namun, semenjak rilisnya WordPress 5.0, kini tersedia editor blok baru yang disebut Gutenberg. Editor blok ini membawa cara baru dalam membuat konten, dengan lebih banyak pilihan dan kemudahan dalam mengatur tampilan. Artikel ini akan membahas panduan lengkap penggunaan editor blok WordPress Gutenberg yang dapat meningkatkan produktivitas dan kreativitas Anda dalam membuat konten berkualitas.
Pengenalan Editor Blok WordPress Gutenberg #
Gutenberg adalah editor blok yang diperkenalkan pada WordPress 5.0. Nama Gutenberg diambil dari nama pencetak Johannes Gutenberg yang terkenal karena menemukan mesin cetak yang revolusioner. Editor blok Gutenberg juga diharapkan membawa revolusi dalam cara kita membuat konten di WordPress.
Berbeda dengan Classic Editor yang hanya mengandalkan sebuah kotak teks untuk memasukkan semua konten, Gutenberg memungkinkan kita untuk menambahkan berbagai jenis blok yang terpisah, seperti teks, gambar, video, tabel, dan banyak lagi. Dengan adanya blok-blok ini, kita dapat lebih mudah mengatur tampilan dan struktur dari setiap elemen konten, serta memberikan sentuhan kreatif yang lebih personal.
Mengenal Antarmuka Editor Blok Gutenberg #
Setelah Anda memasuki editor Gutenberg, Anda akan disambut dengan antarmuka yang lebih segar dan bersih dibandingkan Classic Editor. Antarmuka ini juga lebih intuitif dan mudah digunakan, dengan berbagai fitur dan opsi yang tersedia di dalamnya.
Beberapa fitur yang ada pada editor blok Gutenberg antara lain: #
- Kotak Teks: Kotak teks ini merupakan blok dasar yang biasa digunakan untuk menambahkan konten teks. Anda dapat mengetik teks di dalamnya, dan memformat teks seperti halnya Anda melakukan di Microsoft Word. Ada juga opsi untuk mengubah ukuran teks, membuat daftar, dan menambahkan link.
- Gambar: Blok ini memungkinkan Anda untuk menambahkan gambar ke dalam konten Anda. Ada beberapa opsi yang tersedia di sini, seperti mengubah ukuran gambar, menambahkan caption, dan mengatur posisi gambar.
- Heading: Blok heading ini berguna untuk membuat tajuk atau judul yang membedakan bagian-bagian konten Anda. Anda dapat memilih level heading dari h1 hingga h6, tergantung pada seberapa pentingnya judul tersebut.
- Media & Text: Blok ini memungkinkan Anda untuk menampilkan konten teks dan gambar secara bersamaan dalam satu blok. Anda dapat menambahkan teks dan gambar secara bersamaan, dan mengatur tampilan untuk setiap elemen tersebut.
- Tabel: Blok tabel memungkinkan Anda untuk menambahkan tabel ke dalam konten Anda. Anda dapat mengatur jumlah kolom dan baris, dan menambahkan konten ke dalam setiap sel tabel.
- Quote: Blok quote ini berguna untuk menyoroti kata-kata penting atau kutipan yang ingin Anda tampilkan dalam konten Anda. Anda dapat menambahkan kutipan dan mengatur tampilannya sesuai dengan preferensi Anda.
- Audio & Video: Blok audio dan video memungkinkan Anda untuk menambahkan konten multimedia ke dalam konten Anda. Anda dapat menambahkan video atau audio yang disimpan di situs web atau di platform seperti YouTube atau Vimeo.
- Widget: Blok widget memungkinkan Anda untuk menambahkan widget ke dalam konten Anda. Anda dapat menambahkan widget seperti daftar tag, kalender, atau daftar kategori.
- Custom HTML: Blok custom HTML memungkinkan Anda untuk menambahkan kode HTML ke dalam konten Anda. Anda dapat menggunakan blok ini untuk menambahkan fitur atau tampilan khusus yang tidak tersedia di dalam blok bawaan Gutenberg.
- Dan banyak lagi: Selain blok-blok di atas, Gutenberg menyediakan banyak lagi blok yang dapat Anda gunakan untuk menambahkan konten yang beragam ke dalam halaman atau posting WordPress Anda.
Cara Menggunakan Editor Blok Gutenberg #
Setelah Anda mengenal beberapa blok yang tersedia di dalam editor Gutenberg, saatnya untuk mempelajari cara menggunakannya. Berikut adalah langkah-langkah sederhana untuk menggunakan editor blok Gutenberg:
- Buka editor Gutenberg: Setelah Anda masuk ke dashboard WordPress Anda, pilih halaman atau posting yang ingin Anda edit, dan klik tombol “Edit” untuk membuka editor Gutenberg.
- Tambahkan blok: Untuk menambahkan blok, klik ikon tambah yang terletak di sebelah kiri layar. Anda dapat memilih blok yang ingin ditambahkan dari daftar blok yang tersedia.
- Atur blok: Setelah menambahkan blok, Anda dapat mengatur tampilannya dengan mengklik blok tersebut. Anda dapat mengubah teks, menambahkan gambar atau video, dan mengatur tampilan sesuai dengan keinginan Anda.
- Tambahkan blok baru: Jika Anda ingin menambahkan blok baru di bawah blok yang sudah ada, cukup klik ikon tambah yang muncul ketika Anda mengarahkan kursor ke bawah blok tersebut.
- Hapus blok: Jika Anda ingin menghapus blok, cukup klik ikon sampah yang terletak di sebelah kanan atas blok tersebut.
- Simpan perubahan: Setelah Anda selesai mengedit halaman atau posting Anda, jangan lupa untuk menyimpan perubahan Anda dengan mengklik tombol “Publish” atau “Update”.
Tips dan Trik Penggunaan Editor Blok Gutenberg #
Agar lebih produktif dan kreatif dalam menggunakan editor blok Gutenberg, berikut adalah beberapa tips dan trik yang dapat Anda gunakan:
- Gunakan shortcut keyboard: Editor blok Gutenberg memiliki beberapa shortcut keyboard yang dapat mempercepat penggunaan dan membuatnya lebih efisien. Beberapa shortcut keyboard yang berguna antara lain: Ctrl + Alt + T untuk menambahkan blok teks, Ctrl + Alt + M untuk menambahkan blok multimedia, dan Ctrl + Shift + D untuk menggandakan blok.
- Buat template blok: Jika Anda sering menggunakan layout atau tampilan yang sama untuk konten Anda, buat template blok untuk mempercepat proses pembuatan konten. Caranya cukup dengan mengatur blok-blok yang ingin Anda gunakan dalam tampilan yang diinginkan, dan simpan sebagai template untuk digunakan di masa depan.
- Gunakan fitur Reusable Blocks: Jika Anda memiliki blok yang sering digunakan dalam konten Anda, Anda dapat menyimpannya sebagai blok yang dapat digunakan ulang. Dengan fitur Reusable Blocks, Anda dapat menyimpan blok yang sering digunakan dan memasukkannya ke dalam halaman atau posting yang baru dengan mudah.
- Gunakan opsi Alignment: Untuk mengatur tampilan konten Anda, Anda dapat menggunakan opsi Alignment yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat mengatur posisi konten, seperti tengah, kiri, atau kanan.
- Gunakan opsi Spacer: Jika Anda ingin membuat jarak antara blok-blok Anda, gunakan opsi Spacer yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat mengatur jarak antara blok dengan mudah.
- Gunakan opsi Columns: Jika Anda ingin menampilkan konten dalam beberapa kolom, gunakan opsi Columns yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat membagi konten ke dalam beberapa kolom dengan mudah.
- Gunakan opsi Cover Image: Jika Anda ingin menampilkan gambar sebagai latar belakang halaman atau posting Anda, gunakan opsi Cover Image yang tersedia di dalam blok Cover. Dengan opsi ini, Anda dapat menambahkan gambar sebagai latar belakang dan menambahkan teks di atasnya.
- Gunakan opsi Group: Jika Anda memiliki beberapa blok yang ingin dikelompokkan bersama-sama, gunakan opsi Group yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat mengelompokkan blok-blok ke dalam satu grup untuk memudahkan pengaturan tampilan.
- Gunakan opsi Block Style: Jika Anda ingin mengubah tampilan dari blok tertentu, gunakan opsi Block Style yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat memilih salah satu dari beberapa tampilan yang tersedia untuk blok tersebut.
- Gunakan opsi Custom CSS: Jika Anda ingin mengubah tampilan dari blok tertentu dengan cara yang lebih kustom, gunakan opsi Custom CSS yang tersedia di dalam setiap blok. Dengan opsi ini, Anda dapat menambahkan kode CSS untuk mengatur tampilan dari blok tersebut.
Kesimpulan #
Editor blok Gutenberg adalah salah satu fitur baru WordPress yang memberikan kemudahan dan fleksibilitas dalam membuat konten yang berkualitas. Dengan memahami cara menggunakan editor blok Gutenberg dan menerapkan beberapa tips dan trik yang telah dibahas di atas, Anda dapat meningkatkan produktivitas dan kreativitas dalam membuat konten WordPress yang menarik dan berkualitas. Selamat mencoba!
