Memulai dengan Editor Blok WordPress (Gutenberg) di 2026

Apa Itu Editor Blok WordPress?

Editor Blok WordPress, yang biasa disebut Gutenberg, adalah editor konten default di WordPress. Diperkenalkan di WordPress 5.0, ia menggantikan Editor Klasik dengan sistem modular berbasis blok di mana setiap bagian konten — paragraf, gambar, judul, atau embed — adalah blok individu yang dapat Anda atur, kustomisasi, dan susun kembali secara independen.

Pada tahun 2026, Gutenberg telah berkembang jauh melampaui sekadar editor konten sederhana. Dengan Pengeditan Situs Penuh (FSE), kini ia mengontrol seluruh tata letak situs termasuk header, footer, template, dan bagian template. Panduan ini akan membimbing Anda melalui semua yang perlu Anda ketahui, dari pengeditan blok dasar hingga teknik pembangunan situs yang lebih lanjut.

Ikhtisar Blok Inti

WordPress dilengkapi dengan lebih dari 90 blok inti yang diorganisir ke dalam kategori. Berikut adalah yang akan Anda gunakan paling sering:

Membuat Konten dengan Blok

Menambahkan Blok

Ada beberapa cara untuk menambahkan blok ke konten Anda:

• Tombol Plus (+): Klik ikon plus di toolbar atau di antara blok untuk membuka penyisipan blok
• Perintah Slash: Ketik / diikuti dengan nama blok (misalnya, /image, /heading) untuk penyisipan cepat
• Pallet Perintah: Tekan Ctrl+K (Windows) atau Cmd+K (Mac) untuk mencari blok atau tindakan apapun
• Seret dan Lepas: Seret blok dari panel penyisipan langsung ke kanvas

Mengonfigurasi Blok

Setiap blok memiliki dua area konfigurasi:

1. Toolbar: Muncul di atas blok yang dipilih dengan tindakan umum (penyelarasan, tebal, miring, tautan)
2. Panel Sisi: Menyediakan pengaturan rinci termasuk warna, tipografi, spasi, dan opsi lanjutan

Mengorganisir Blok

Atur konten Anda dengan memindahkan blok ke atas atau ke bawah menggunakan panah di toolbar blok, atau seret mereka ke posisi baru. Anda juga dapat menggunakan panel Tampilan Daftar (Shift+Alt+O) untuk melihat seluruh struktur dokumen Anda dan menyeret blok dalam pohon.

Blok yang Dapat Digunakan Kembali (Polanya Disinkronkan)

Blok yang dapat digunakan kembali — yang dinamakan Pola Disinkronkan pada tahun 2026 — memungkinkan Anda untuk membuat satu blok atau grup blok dan menyisipkannya di beberapa pos dan halaman. Ketika Anda memperbarui pola yang disinkronkan, setiap instance akan diperbarui secara otomatis.

Penggunaan umum untuk pola yang disinkronkan:

• Bagian ajakan bertindak yang muncul di beberapa halaman
• Kotak bio penulis yang digunakan di seluruh pos blog
• Pemberitahuan disclaimer atau pengungkapan afiliasi yang distandarisasi
• Formulir pendaftaran newsletter
• Blok informasi kontak

Untuk membuat pola yang disinkronkan: pilih blok, klik menu tiga titik, pilih "Buat pola," beri nama, dan aktifkan "Disinkronkan." Untuk menyisipkannya nanti, temukan di tab Pola dari penyisipan blok.

Pola Blok

Pola blok adalah pengaturan blok yang telah dirancang sebelumnya yang dapat Anda sisipkan dan kustomisasi. Berbeda dengan pola yang disinkronkan, pola ini tidak terhubung — mengedit instance pola tidak mempengaruhi penggunaan lainnya.

Pola Bawaan

WordPress menyertakan pola untuk tata letak umum: bagian hero, grid fitur, tata letak testimonial, tabel harga, dan lainnya. Tema aktif Anda mungkin mendaftarkan pola tambahan yang dioptimalkan untuk sistem desainnya.

Direktori Pola WordPress.org

Direktori pola WordPress.org menawarkan ribuan pola yang disumbangkan oleh komunitas. Anda dapat menjelajahi, melihat pratinjau, dan menyalin pola langsung dari penyisipan atau dari situs web direktori pola.

Membuat Pola Kustom

Buat pola Anda sendiri dengan mengatur blok, memilih semuanya, dan membuat pola dari menu blok. Pola kustom muncul di bagian "Pola Saya" dari penyisipan, menjadikannya dapat digunakan kembali di seluruh situs Anda.

Dasar-Dasar Pengeditan Situs Penuh

Pengeditan Situs Penuh (FSE) memperluas pengeditan blok di luar konten pos dan halaman ke seluruh struktur situs Anda. Dengan tema blok, Anda dapat mengedit:

• Template: Mengontrol tata letak jenis halaman tertentu (pos tunggal, arsip, 404, hasil pencarian)
• Bagian Template: Mengedit bagian yang dapat digunakan kembali seperti header dan footer
• Gaya Global: Mengatur warna, tipografi di seluruh situs
• Navigasi: Buat dan kelola menu secara visual

Akses Editor Situs

Menuju ke Penampilan → Editor di dasbor WordPress Anda. Ini membuka editor situs di mana Anda dapat menjelajahi template, mengedit bagian template, dan menyesuaikan gaya global. Perhatikan bahwa FSE memerlukan tema blok — tema klasik menggunakan Kustomizer tradisional sebagai gantinya.

Template vs Bagian Template

Konsep	Apa yang Dikendalikan	Contoh
Template	Tata letak halaman penuh untuk jenis konten	Posting Tunggal, Halaman, Arsip, 404
Bagian Template	Bagian yang dapat digunakan kembali dalam template	Header, Footer, Sidebar

Menyesuaikan Blok dengan theme.json

File theme.json adalah pusat konfigurasi untuk tema blok. Ini mengendalikan:

• Palet warna dan gradien yang tersedia di editor
• Presets tipografi (keluarga font, ukuran, tinggi garis)
• Skala spasi dan lebar tata letak
• Fitur blok mana yang diaktifkan atau dinonaktifkan
• Gaya default untuk blok tertentu

Pengembang tema menggunakan theme.json untuk membuat sistem desain yang konsisten. Sebagai pemilik situs, Anda dapat memodifikasi pengaturan ini melalui antarmuka Gaya Global di editor situs tanpa mengedit file secara langsung.

Shortcut Keyboard

Belajar shortcut keyboard secara signifikan mempercepat alur kerja pengeditan Anda:

Aksi	Windows / Linux	Mac
Tambahkan blok baru	/ (garis miring)	/ (garis miring)
Palet perintah	Ctrl + K	Cmd + K
Duplikat blok	Ctrl + Shift + D	Cmd + Shift + D
Hapus blok	Shift + Alt + Z	Ctrl + Option + Z
Buka Tampilan Daftar	Shift + Alt + O	Ctrl + Option + O
Toggel penyisip blok	Ctrl + Shift + ,	Cmd + Shift + ,
Simpan draf / Perbarui	Ctrl + S	Cmd + S
Urungkan	Ctrl + Z	Cmd + Z
Sisipkan tautan	Ctrl + K	Cmd + K

Gutenberg vs Editor Klasik

Beberapa pengguna WordPress masih lebih memilih plugin Editor Klasik. Berikut adalah perbandingan antara keduanya:

Aspek	Gutenberg	Editor Klasik
Pendekatan pengeditan	Berdasarkan blok, modular	Area teks tunggal (TinyMCE)
Kemampuan tata letak	Kolom, grid, bagian lebar penuh	Konten linier saja
Penanganan media	Galeri inline, gambar penutup, media+teks	Penyisipan media dasar
Kompatibilitas masa depan	Dikembangkan secara aktif, dukungan FSE	Mode pemeliharaan saja
Dukungan plugin/tema	Ekosistem blok yang berkembang	Pengembangan baru yang menurun

Plugin Classic Editor masih dipelihara, tetapi pengembangan WordPress telah sepenuhnya berkomitmen pada editor blok. Fitur, tema, dan plugin baru semakin banyak yang mengutamakan Gutenberg terlebih dahulu.

Plugin Blok yang Memperluas Gutenberg

Sementara blok inti mencakup sebagian besar kebutuhan, plugin-plugin ini menambahkan fungsionalitas khusus:

• Plugin Flavor: Menambahkan blok canggih seperti tab, akordeon, tabel harga, dan carousel pos
• Plugin Flavor: Menyediakan blok yang berfokus pada konten untuk pengalaman menulis yang lebih baik — bilah kemajuan, klik untuk tweet, pemberitahuan
• Plugin Flavor: Menawarkan blok yang berorientasi desain dengan animasi dan opsi styling yang canggih
• Plugin Flavor: Memperluas Gutenberg dengan blok yang dirancang khusus untuk tema FSE
• Plugin Flavor: Menambahkan blok kueri dan filter untuk tampilan konten dinamis

Ketika memilih plugin blok, pilih yang mengikuti standar pengkodean WordPress dan menghasilkan markup yang bersih. Hindari plugin yang memuat kerangka kerja JavaScript yang berat, karena mereka menghilangkan keuntungan kinerja Gutenberg.

Tips Praktis untuk Pengeditan Blok yang Efisien

Gunakan Tampilan Daftar

Untuk halaman yang kompleks, Tampilan Daftar (Shift+Alt+O) sangat penting. Ini menunjukkan seluruh struktur dokumen Anda sebagai pohon, membuatnya mudah untuk memilih blok bersarang, mengatur ulang bagian, dan memahami hierarki halaman Anda.

Kelompokkan Blok untuk Tindakan Massal

Pilih beberapa blok (klik yang pertama, Shift+klik yang terakhir) dan kelompokkan mereka. Blok yang dikelompokkan dapat distyling bersama, dipindahkan sebagai satu kesatuan, dan diubah menjadi pola. Ini sangat berguna untuk membuat bagian yang konsisten.

Kunci Blok untuk Mencegah Perubahan yang Tidak Sengaja

Kunci blok penting untuk mencegah pemindahan atau penghapusan yang tidak sengaja. Klik kanan pada blok dan pilih "Kunci" untuk membatasi modifikasi. Ini berguna untuk template atau konten yang dikelola oleh beberapa editor.

Gunakan Pintasan Keyboard Secara Agresif

Perbedaan antara pengeditan blok yang efisien dan lambat sering kali terletak pada pintasan keyboard. Pelajari lima pintasan yang paling umum terlebih dahulu (perintah garis miring, duplikat, hapus, simpan, batalkan), kemudian perluas repertoar Anda saat Anda merasa nyaman.

Untuk perbandingan dengan Elementor dan pembuat halaman lainnya, lihat perbandingan Elementor vs Gutenberg dan panduan perbandingan pembuat halaman kami. Jika Anda memilih tema yang cocok dengan Gutenberg, baca panduan pemilihan tema kami.

Pertanyaan yang Sering Diajukan

Bisakah saya masih menggunakan Classic Editor?

Ya. Plugin Classic Editor tetap tersedia dan dipelihara oleh tim WordPress. Namun, ia hanya menerima pembaruan pemeliharaan — tidak ada fitur baru. WordPress merekomendasikan untuk bermigrasi ke editor blok untuk mengakses fitur modern dan pengembangan yang berkelanjutan.

Apakah Gutenberg bekerja dengan semua tema WordPress?

Gutenberg bekerja dengan tema klasik dan blok. Tema klasik mendukung pengeditan blok dalam konten pos dan halaman. Tema blok juga mendukung Pengeditan Situs Penuh untuk header, footer, template, dan gaya global. Untuk pengalaman FSE yang lengkap, Anda memerlukan tema blok.

Bagaimana cara mengonversi konten Classic Editor ke blok?

Ketika Anda membuka pos Classic Editor di Gutenberg, WordPress membungkus konten dalam blok Klasik. Anda dapat mengklik "Konversi ke blok" untuk mengubah konten menjadi blok individu. Tinjau konversi setelahnya, karena tata letak yang kompleks mungkin memerlukan penyesuaian manual.

Apakah halaman Gutenberg lebih lambat daripada halaman Classic Editor?

Tidak. Gutenberg menghasilkan HTML yang bersih yang sebanding atau lebih ramping daripada output Classic Editor. Editor blok tidak menambah overhead frontend yang signifikan. Antarmuka editor itu sendiri (di admin) menggunakan lebih banyak sumber daya daripada Classic Editor, tetapi ini tidak mempengaruhi apa yang dialami pengunjung.

Bisakah saya membuat blok kustom tanpa pengkodean?

Ya, sampai batas tertentu. Anda dapat membuat pola blok kustom dengan mengatur blok yang ada. Untuk blok yang benar-benar kustom dengan fungsionalitas unik, Anda memerlukan pengembangan JavaScript (React). Beberapa plugin menawarkan pembuat blok tanpa kode, meskipun mereka memiliki keterbatasan dibandingkan dengan solusi yang dikodekan.

Apa itu pola yang disinkronkan, dan bagaimana perbedaannya dengan pola biasa?

Pola yang disinkronkan (sebelumnya Blok yang Dapat Digunakan Kembali) terhubung di seluruh instansinya. Mengedit satu memperbarui semuanya. Pola biasa adalah template — menyisipkan satu membuat salinan independen yang dapat Anda modifikasi tanpa mempengaruhi penggunaan lainnya. Gunakan pola yang disinkronkan untuk konten yang harus konsisten di mana saja (CTA, penafian). Gunakan pola biasa untuk tata letak yang ingin Anda jadikan sebagai titik awal.

Bagaimana cara memecahkan masalah isu editor blok?

Solusi umum meliputi: membersihkan cache browser Anda, menonaktifkan plugin satu per satu untuk mengidentifikasi konflik, beralih ke tema default untuk sementara, dan memeriksa konsol pengembang browser Anda untuk kesalahan JavaScript. Sebagian besar masalah editor blok berasal dari konflik plugin daripada masalah inti.

Apakah Pengeditan Situs Penuh siap untuk digunakan di produksi?

Per 2026, Pengeditan Situs Penuh stabil dan siap untuk produksi. Fitur-fitur telah matang secara signifikan dengan setiap rilis WordPress. Namun, ekosistem tema dan pola blok masih berkembang. Jika Anda membutuhkan template pra-bangun yang luas, Anda mungkin menemukan pilihan yang lebih terbatas dibandingkan dengan opsi tema klasik.

Temukan Tema WordPress yang Siap Blok

Jelajahi tema WordPress premium yang dioptimalkan untuk Gutenberg dan Pengeditan Situs Penuh. Kode yang bersih, kinerja cepat, dan desain profesional.

Jelajahi Tema →