Apakah kamu dulu adalah blogger di zaman Blogspot? Kagok ketika berpindah CMS dari Blogspot ke WordPress? Saat sudah mulai nyaman dan menemukan polanya, WordPress meluncurkan editor mereka bernama Gutenberg. Ketika Gutenberg pertama kali dirilis pada akhir 2018 di WordPress 5.0, rasanya memang seperti bencana. Editor klasik yang lama begitu gesit dan familier, sementara Gutenberg datang membawa perubahan radikal yang lambat, penuh bug, dan merusak alur kerja. Wajar sekali jika insting pertama para blogger saat itu adalah memasang plugin Classic Editor untuk membunuh Gutenberg yang dirasa tidak familiar di mata mereka.
Namun, melompat ke tahun 2026 ini, Gutenberg sudah berevolusi total menjadi Full Site Editing (FSE) yang sangat bertenaga. Dia mengambil fitur-fitur unggulan yang pernah ditonjolkan oleh Page Builder independen seperti Elementor, Divi dan WP Bakery, memadukannya dalam tubuhnya sehingga mudah dipahami oleh pengguna awam sekalipun. Mari kita kompilasi fitur-fitur Gutenberg dari yang paling sederhana sampai yang paling canggih, lalu kita bandingkan dengan Editor Klasik zaman dulu agar kamu melihat seberapa jauh perubahan teknologi ini telah membantumu:
Kompilasi Fitur Gutenberg: Dari Sederhana ke Canggih
1. Tingkat Dasar (Basic) – Elemen Konten Harian
Ini adalah fitur-fitur yang menggantikan ketikan teks polos zaman dulu menjadi blok-blok mandiri:
- Blok Paragraf & Heading: Menulis teks kini tidak tercampur aduk. Setiap paragraf dan heading ($H1$–$H6$) berdiri sebagai blok terpisah yang bisa diatur warna teks, latar belakang, dan ukuran hurufnya secara individu tanpa menyentuh kode CSS.
- Blok Media (Gambar & Galeri): Mengunggah gambar tinggal drag-and-drop langsung ke dalam sela-sela paragraf, lengkap dengan fitur resizing instan dan pengaturan caption yang rapi.
- Blok List & Quote: Membuat poin-poin rincian (bullet/numbering) atau kutipan kalimat (blockquote) yang secara visual langsung terpisah dari teks utama dengan struktur HTML yang bersih.
2. Tingkat Menengah (Intermediate) – Tata Letak & Desain Visual
Di tingkat ini, Gutenberg mulai mengambil alih peran yang dulunya hanya bisa dilakukan oleh plugin Page Builder berat seperti Elementor atau WPBakery:
- Blok Kolom (Columns): Membuat tata letak multi-kolom (misalnya membagi halaman menjadi 2 atau 3 kolom berdampingan) langsung di dalam editor pos tanpa perlu menulis kode tabel HTML atau div class yang rumit.
- Blok Group & Cover: Membungkus beberapa blok (misal: judul, teks, dan tombol) menjadi satu kesatuan (Group) lalu memberinya warna latar belakang khusus, atau membuat gambar latar belakang penuh yang estetik (Cover).
- Blok Tombol (Buttons): Membuat tombol Call to Action (CTA) dengan desain melengkung (border-radius), gradasi warna, dan tata letak tengah/kiri hanya dengan beberapa klik.
3. Tingkat Canggih (Advanced) – Otomatisasi & Arsitektur Situs penuh
Ini adalah fitur kelas berat yang membuatmu menyadari betapa kuatnya Gutenberg sekarang:
- Block Patterns (Synced & Unsynced): Fitur yang sedang kamu gunakan untuk CTA di
situse.org. Kamu bisa mendesain sebuah tata letak yang rumit sekali saja, menyimpannya sebagai Pattern, lalu memanggilnya di ratusan pos lain dalam sekejap. - Full Site Editing (FSE) / Site Editor: Seperti yang terlihat di dasbor menu atas tokomu, Gutenberg kini bukan cuma untuk mengetik artikel, tapi bisa dipakai untuk mendesain Header website, mengatur susunan menu Navigation, hingga merancang Footer global website secara visual tanpa perlu paham bahasa PHP.
- Blok Query Loop: Fitur super canggih yang bisa menampilkan daftar artikel terbaru secara dinamis berdasarkan kategori atau tag tertentu di halaman mana pun yang kamu mau, lengkap dengan pengaturan tata letak kartu (grid/list).
Perbedaan Editor Klasik vs Gutenberg Modern
| Aspek Perbandingan | Editor Klasik (Zaman Dulu) | Gutenberg (Modern) |
| Konsep Dasar | Berbasis Teks Kanvas Tunggal (seperti Microsoft Word biasa). | Berbasis Sistem Blok Semantik (setiap elemen adalah objek mandiri). |
| Tata Letak (Layout) | Sangat kaku. Jika ingin membuat kolom berdampingan, wajib memakai plugin pihak ketiga atau mengetik kode HTML/CSS manual. | Sangat fleksibel. Pengaturan kolom, jarak (padding/margin), dan grup bisa dilakukan langsung secara visual. |
| Kebersihan Kode | Sering kali menghasilkan kode yang kotor jika kita hobi copy-paste dari Word, atau dipenuhi shortcode kaku bawaan tema lama. | Menghasilkan kode HTML semantik bawaan yang sangat bersih dan terstruktur secara standar global. |
| Efisiensi Kerja | Harus membuat elemen berulang (seperti kotak CTA) secara manual di setiap pos baru, atau menggunakan trik copy-paste teks lama. | Cukup panggil Synced Pattern. Mengedit satu cetakan otomatis memperbarui ratusan halaman di seluruh website secara instan. |
| Beban Performa Website | Editornya ringan, tapi karena fiturnya minim, blogger terpaksa memasang banyak plugin tambahan yang akhirnya memperlambat loading web. | Editornya membutuhkan memori browser di awal, namun meminimalkan kebutuhan plugin pihak ketiga sehingga performa website di mata Google jauh lebih ngebut dan ringan. |
Mengapa Dulu Kamu Benci, tapi Sekarang Mulai Suka?
Dulu kamu merasa useless karena kamu menggunakan Gutenberg hanya sebagai “mesin ketik”. Jika fungsinya hanya untuk mengetik teks mengalir dari atas ke bawah, Editor Klasik memang jauh lebih gesit dan tidak membingungkan serta sudah familiar di mata para blogger. Namun, begitu kamu mulai masuk ke ranah strategi optimasi, efisiensi kerja, dan pembangunan ekosistem web (seperti membuat labirin internal linking dan kotak interaksi CTA), barulah kekuatan asli Gutenberg terasa nyata. Fitur Pattern itu berhasil menghentikan siklus kerja kaku “membuat manual satu per satu” yang melelahkan fisik dan mentalmu.
Cuma di SITUSE.ORG, bikin web gratis segampang main sosmed! Tunggu apa lagi???