Editor Blok WordPress: Semua yang Perlu Anda Ketahui (2022)

WordPress merilis editor Blok baru yang kini telah menggantikan editor klasik lama. Editor ini bekerja dengan cara yang sama sekali berbeda dan merupakan arah tujuan WordPress.

Jika Anda baru mengenal Editor Blok WordPress dan sedang mencari sumber daya untuk memahami cara kerjanya, Anda berada di tempat yang tepat!

Dalam posting ini, saya akan memandu Anda melalui Editor Blok WordPress baru ini.

Selain itu, saya akan menunjukkan cara kerjanya dan bagaimana Anda dapat membuang editor klasik untuk editor yang jauh lebih baik dan produktif ini.

Jadi, mari kita mulai.

Apa itu Editor Blok WordPress?

Editor Blok WordPress adalah editor default baru WordPress yang didasarkan pada blok. Blok adalah elemen konten yang dapat Anda gunakan untuk menambahkan paragraf, gambar, video, tombol, daftar, dan lainnya.

Dan Gutenberg adalah nama proyek editor blok WordPress baru. Proyek ini dinamai Johannes Gutenberg, yang menemukan mesin cetak mekanis tipe bergerak.

WordPress menyatakan bahwa salah satu tujuan terbesar dari editor baru adalah untuk memungkinkan pengguna membuat posting yang kaya dan tata letak yang indah hanya dengan beberapa klik.

Dengan antarmuka blok baru, kini memungkinkan bagi pengguna WordPress untuk membuat halaman dan posting yang indah tanpa memerlukan plugin pembuat halaman apa pun.

Untuk memahami blok dengan lebih baik, kita perlu melihat perbedaannya dari editor klasik.

Block Editor Vs Classic Editor: Apa Bedanya?

Editor blok baru sangat berbeda dari editor klasik.

Mari kita lihat caranya:

Beginilah tampilan editor klasik WordPress:

Dan, ini adalah editor Blok baru oleh WordPress:

Mereka terlihat sangat berbeda di permukaan. Tetapi perbedaan ini jauh lebih besar jika Anda menyelami lebih dalam ke setiap editor.

Perbedaan terbesar antara editor klasik dan editor blok adalah ini:

Editor klasik adalah editor teks sederhana dengan berbagai opsi pemformatan. Anda dapat menambahkan gambar, kode pendek, video, dll seperti yang Anda tambahkan di editor teks lainnya.

Editor blok, di sisi lain, menggunakan blok di mana setiap elemen atau entitas direpresentasikan sebagai blok. Jadi, setiap gambar, galeri, video, atau kode pendek yang Anda tambahkan ke konten Anda dalam bentuk blok.

Itu sebabnya itu juga disebut Editor Blok.

Editor Blok hadir dengan banyak blok yang telah ditentukan sebelumnya yang dapat ditambahkan ke konten Anda. Anda juga dapat menambahkan banyak blok baru dengan menggunakan plugin blok Gutenberg.

Jadi, sekarang Anda tahu perbedaan antara editor klasik dan editor blok.

Pertanyaannya adalah:

Bagaimana editor blok Gutenberg lebih baik daripada editor klasik?

Ada banyak keuntungan menggunakan editor blok dibandingkan editor klasik.

Yang terbesar adalah mudah digunakan daripada editor klasik. Anda juga dapat mengedit blok individual yang memberi Anda kontrol lebih besar atas desain dan tata letak halaman Anda.

Baca: Gutenberg (Editor Blok) Vs. Editor Klasik: Yang Mana Yang Harus Dipilih?

Pengantar Singkat untuk Antarmuka Editor Blok

Mari kita lihat lebih dalam pada antarmuka editor blok Gutenberg. Setiap kali Anda membuat posting atau halaman di Gutenberg, seperti inilah tampilan editornya:

Berikut ini ikhtisar singkat elemen antarmuka editor Gutenberg:

1. Judul posting/halaman blog Anda.
2. Area konten postingan/halaman Anda.
3. Memungkinkan Anda menambahkan blok baru.
4. Tombol batalkan/ulangi.
5. Akses ke pengaturan posting di mana Anda dapat menambahkan kategori, mengubah gambar unggulan, mengatur tanggal publikasi, dan banyak lagi.
6. Pengaturan untuk masing-masing blok yang dipilih. Setiap blok mungkin memiliki pengaturan blok yang berbeda.
7. Pratinjau langsung atau publikasikan/perbarui postingan.

Sekarang, setelah Anda terbiasa dengan antarmuka editor blok, mari kita lihat blok yang disertakan dengan Gutenberg.

Pengantar Blok

Anda telah membaca bahwa editor baru bekerja dengan blok sejak awal panduan ini. Tapi, apa blok-blok ini? Dan, bagaimana mereka bekerja?

Berikut adalah berbagai jenis blok yang tersedia di Gutenberg berdasarkan kategori yang berbeda:

Blok Umum

Ini adalah blok yang sangat sering digunakan saat bekerja dengan posting. Blok umum termasuk blok elemen paling dasar.

Blok Paragraf

Blok paragraf memungkinkan Anda menulis teks di editor blok. Ini adalah kotak sederhana di mana Anda dapat menulis konten untuk posting Anda.

Blok ini dilengkapi dengan opsi pemformatan standar yang memungkinkan Anda mengubah ukuran font, perataan, latar belakang, warna teks, dll dari paragraf.

Blok Judul

Blok judul memungkinkan Anda menambahkan judul ke konten Anda. Anda dapat memilih jenis heading dari enam ukuran (H1 hingga H6).

Anda dapat mengubah perataan heading, memformatnya, dan bahkan menyisipkan tautan.

Blok Gambar

Blok gambar memungkinkan Anda menambahkan gambar ke editor. Anda dapat menyisipkan gambar dari komputer Anda, perpustakaan media WordPress, atau dari URL.

Anda dapat menambahkan teks, mengubah ukuran gambar, menambahkan teks ALT, dan lainnya di blok gambar.

Blok Galeri

Anda dapat membuat galeri yang indah dengan blok Galeri. Dengan blok ini, Anda dapat menambahkan lebih dari satu gambar ke blok yang sama.

Anda dapat memilih jumlah kolom untuk galeri, menambahkan keterangan ke gambar, dan bahkan menautkan gambar galeri Anda.

Daftar Blok

Blok daftar memungkinkan Anda membuat daftar berpoin atau bernomor.

Blok ini juga dilengkapi dengan opsi pemformatan standar yang memungkinkan Anda membuat sub-item, menambahkan tautan jangkar, dan memformat teks daftar Anda.

Blok Kutipan

Blok kutipan memungkinkan Anda menambahkan kutipan indah ke konten Anda.

Anda dapat menambahkan kutipan bersama dengan nama penulis dan memformatnya seperti blok lainnya.

Blok Audio

Blok audio memungkinkan Anda mengunggah file audio ke konten Anda. Blok menampilkan pemutar audio yang indah.

Anda dapat menyesuaikan pemutar audio untuk memutar audio secara otomatis dan/atau dalam satu putaran.

Blok Penutup

Blok sampul dapat digunakan untuk menambahkan gambar atau video dengan hamparan teks.

Anda dapat mengubah warna latar belakang dan opacity overlay.

Blok File

Anda dapat menambahkan berbagai jenis file menggunakan blok file.

Blok file memungkinkan Anda menampilkan tombol, memilih untuk membuka file di tab baru, dan banyak lagi.

Blok Video

Blok video memungkinkan Anda mengunggah video ke konten Anda.

Anda dapat memutar video secara otomatis, membisukannya, mengunggah gambar mini video, dan banyak lagi.

Memformat Blok

Blok pemformatan mencakup blok kode, blok HTML khusus, dan blok serupa lainnya.

Mari kita lihat setiap blok pemformatan yang tersedia di Gutenberg.

Blok HTML Khusus

Blok HTML khusus memungkinkan Anda dengan cepat menambahkan HTML khusus ke posting Anda dan mempratinjaunya.

Blok Meja

Sekarang, Anda dapat membuat tabel di WordPress tanpa menggunakan plugin apa pun.

Blok tabel memungkinkan Anda membuat tabel dengan mudah. Anda dapat memilih jumlah baris dan kolom dan memilih tata letak.

Blok Kode

Anda dapat menampilkan cuplikan kode yang indah menggunakan blok kode.

Blok kode bukan blok tempat kode dapat dieksekusi. Ini hanya untuk menampilkan kode kepada pembaca Anda.

Blok Klasik

Anda dapat menambahkan editor klasik kecil menggunakan blok klasik.

Blok klasik memiliki semua opsi pemformatan editor klasik.

Blok yang telah diformat sebelumnya

Blok yang telah diformat memungkinkan Anda menampilkan teks di front-end saat Anda mengetiknya.

Ini menampilkan teks dalam font monospace.

Blok Kutipan Tarik

Anda dapat menekankan teks apa pun dari konten Anda menggunakan blok pullquote.

Anda dapat menyesuaikan warna blok dengan mengubah warna utama dan warna teks.

Blok Ayat

Blok ayat digunakan untuk menulis ayat seperti puisi atau lirik.

Ayat ditampilkan dalam baris baru dan Anda dapat menulis ayat sebanyak yang Anda inginkan.

Blok Elemen Tata Letak

Blok elemen tata letak memungkinkan Anda menyesuaikan tata letak posting Anda dengan indah.

Berikut adalah blok elemen tata letak di Gutenberg:

Blok Kolom

Anda dapat menambahkan kolom ke konten Anda menggunakan blok kolom. Tidak perlu lagi menggunakan plugin kode pendek untuk kolom!

Blok kolom dapat disesuaikan dan Anda dapat mengubah warna latar belakang kolom.

Blok Tombol

Anda dapat menambahkan tombol cantik ke posting Anda menggunakan blok tombol.

Ada banyak pengaturan untuk blok tombol yang memungkinkan Anda menyesuaikan batas dan warna tombol.

Blok Media & Teks

Blok media & teks dapat digunakan untuk menampilkan teks dan media secara berdampingan.

Blok ini memiliki opsi pemformatan standar untuk teks dan media.

Blok Pemutusan Halaman

Blok pemisah halaman memungkinkan Anda menambahkan jeda halaman sederhana ke konten Anda.

Blok Pemisah

Blok pemisah adalah blok sederhana yang memungkinkan Anda menambahkan pemisah ke pos Anda.

Blok Spacer

Blok ini menambah ruang antar blok.

Blok Elemen Widget

Blok elemen widget memungkinkan Anda menambahkan widget ke postingan Anda. Blok widget ini termasuk shortcode, arsip, kategori, pencarian, tag cloud, dan banyak lagi.

Blok Kode Pendek

Blok kode pendek memungkinkan Anda menambahkan kode pendek ke konten Anda.

Tidak seperti editor klasik tempat Anda menempelkan kode pendek langsung ke konten, blok kode pendek memungkinkan Anda memasukkan kode pendek dengan mudah.

Postingan Terbaru

Blok posting terbaru memungkinkan Anda menampilkan posting terbaru yang dipublikasikan di blog Anda di posting Anda.

Ada pengaturan yang memungkinkan Anda memilih kategori posting, memilih jumlah item yang akan ditampilkan, memesan posting, dan menampilkan tanggal posting.

Sematkan Elemen

Elemen tersemat memungkinkan Anda menyematkan konten dari sumber lain ke postingan Anda.

Beberapa blok elemen penyematan termasuk penyematan YouTube, Spotify, SlideShare, dan banyak lagi.

Blok Sematan YouTube

Blok penyematan YouTube memungkinkan Anda menyematkan video YouTube apa pun ke konten Anda.

Jadi, ini adalah blok yang datang dengan Gutenberg.

Mengubah Posting Lama menjadi Blok

Jika minat Anda pada editor blok telah memuncak sekarang, inilah saatnya untuk melihat bagaimana Anda dapat mengubah posting editor klasik lama Anda menjadi blok.

Prosesnya sangat sederhana dan hanya membutuhkan beberapa klik.

Berikut cara melakukannya:

Buka Posting > Semua Posting di dasbor WordPress Anda.

Klik 'Edit' pada postingan yang ingin Anda ubah menjadi blok.

Sekarang, jika Anda telah menginstal Gutenberg di WordPress Anda, posting akan dimuat dengan antarmuka editor blok baru.

Tapi, semua konten Anda akan berada di dalam 'Blok Klasik' yang telah kita bahas di bagian sebelumnya.

Blok klasik hanyalah editor TinyMCE dengan semua fitur editor klasik.

Penting untuk dicatat bahwa hanya karena posting Anda dimuat di editor blok baru tidak berarti itu diubah menjadi blok.

Untuk mengubah blok klasik menjadi blok individual, klik opsi 'Konversikan ke Blok'.

Seluruh posting Anda akan diubah menjadi blok individu.

Dan, itu saja!

Sesederhana itu untuk mengubah posting lama Anda menjadi blok.

Tapi, bagaimana dengan membuat posting baru dengan antarmuka editor Blok?

Mari kita lihat itu.

Memasukkan Blok Baru

Di bagian sebelumnya, kami melihat antarmuka editor blok Gutenberg. Ini adalah antarmuka yang sederhana dan mudah yang memungkinkan Anda membuat posting dengan mudah.

Untuk menambahkan sesuatu ke posting Anda, Anda perlu memasukkan blok.

Berikut adalah berbagai cara Anda dapat menyisipkan blok ke pos Anda di Gutenberg.

Ada tiga cara memasukkan blok dan semuanya cukup sederhana.

Yang pertama cukup klik tanda '+' di editor postingan.

Anda juga dapat menambahkan blok baru dengan mengeklik tanda '+' di bilah alat atas.

Dan yang terakhir cukup mengagumkan. Cukup ketik / lalu nama blok dan masukkan blok pada editor.

Bagian terbaik tentang metode ini adalah Anda tidak perlu mengetikkan nama lengkap blok. Blok secara otomatis memberi Anda saran saat Anda mengetik.

Menduplikasi, Memindahkan & Menghapus Blok

Bagian terbaik tentang editor Blok adalah bahwa semuanya ada dalam satu blok. Jadi, jika Anda ingin menyalin teks, gambar, atau tabel, Anda tidak perlu menyalin semuanya.

Cukup pilih blok dan pilih apa yang ingin Anda lakukan dengannya. Anda dapat menduplikasi blok, memindahkannya hanya dengan menyeret, atau menghapusnya.

Inilah cara Anda dapat melakukannya.

Menggandakan Blok

Menggandakan blok sangat mudah.

Untuk menduplikasi blok, pilih blok dan klik pengaturannya (tiga titik vertikal). Di pengaturan, ada opsi untuk menduplikasi blok.

Klik di atasnya dan blok Anda akan digandakan.

Anda juga dapat menduplikasi blok dengan memilih blok dan menggunakan tombol pintas Ctrl+Shift+D.

Memindahkan Blok

Anda dapat memindahkan blok dengan menyeretnya atau hanya dengan mengklik tombol atas dan bawah.

Arahkan kursor ke blok Anda dan di sisi kiri Anda akan melihat dua tombol atas dan bawah bersama dengan tombol di tengah.

Mengklik tombol atas/bawah akan memindahkan blok ke atas/bawah. Atau Anda dapat mengklik tombol tengah, seret blok ke mana pun Anda inginkan.

Menghapus Blok

Untuk menghapus blok, klik pada pengaturan blok dan pilih opsi hapus blok.

Anda juga dapat menghapus blok dengan menggunakan tombol pintas Shift+Alt+Z.

Membuat Blok yang Dapat Digunakan Kembali

Salah satu fitur hebat dari editor blok adalah konsep Blok yang Dapat Digunakan Kembali. Blok yang dapat digunakan kembali pada dasarnya adalah blok yang dapat disimpan dan digunakan pada posting lain.

Ini adalah fitur yang sangat membantu karena Anda sekarang dapat menyimpan blok dan menggunakannya kembali.

Untuk membuat blok yang dapat digunakan kembali, klik pada pengaturan blok dan pilih opsi 'Tambahkan ke blok yang dapat digunakan kembali'.

Kemudian, beri nama pada blok yang Anda simpan dan klik tombol simpan.

Ini akan menyimpan blok Anda di perpustakaan blok Gutenberg.

Sekarang, kapan pun Anda ingin menggunakan blok yang dapat digunakan kembali di pos lain, Anda dapat memasukkannya seperti blok lainnya.

Anda juga dapat mengelola blok yang dapat digunakan kembali di halaman pengelola blok. Dari halaman ini, Anda dapat mengedit atau menghapus blok Anda. Anda juga dapat mengimpor atau mengekspor blok.

Menambahkan Lebih Banyak Blok ke Editor Blok

Blok default yang disediakan di editor blok sangat bagus dan membantu Anda membuat posting dan halaman yang indah.

Tapi, bagaimana jika Anda ingin melangkah lebih jauh?

Untungnya, editor Blok memungkinkan pengembang untuk mengembangkan blok mereka sendiri. Ini telah mengarahkan pengembang untuk membuat beberapa plugin blok Gutenberg yang sangat mengagumkan.

Salah satu plugin tersebut adalah Ultimate Blocks.

Plugin blok ini dibuat untuk mereka yang ingin membumbui posting blog mereka dan membuatnya lebih menarik.

Plugin ini hadir dengan lebih dari 15 blok. Beberapa blok penting adalah:

• Filter Konten
• Tinjauan
• Daftar isi
• Panggilan untuk bertindak
• Klik untuk Tweet
• Berbagi Sosial
• Hitung mundur

Ultimate Blocks sangat mudah digunakan dan sangat cepat. Dengan plugin ini, Anda dapat menambahkan beberapa blok unik ke posting Anda dan meningkatkan keterlibatan dan pembagian sosial Anda.

Kesimpulan

Jadi, itu menyimpulkan panduan kami untuk Editor Blok WordPress. Saya harap panduan ini membantu Anda belajar dan memahami Gutenberg dengan lebih baik.

Jika Anda benar-benar baru mengenal editor ini, saran terbaik yang saya miliki untuk Anda adalah mencobanya. Anda akan terbiasa menggunakan editor yang luar biasa ini.

Dan, jika Anda memiliki pertanyaan tentang posting ini, jangan ragu untuk menanyakannya di bagian komentar di bawah.

---

Satu Plugin Untuk Mengganti Semuanya.

• Daftar isi
• Konten Bertab
• Beralih Konten
• Panggilan untuk bertindak

• Penggeser Gambar
• Kesaksian
• Bilah Kemajuan
• Hitung mundur

• Kotak Ulasan
• Skema Cara
• Klik Untuk Tweet
• Dan Lainnya

Ultimate Blocks adalah plugin Gutenberg Blocks gratis yang memiliki 18+ blok.

Dapatkan Ultimate Blocks GRATIS!