WordPress 7.1 & Gutenberg 23.5: Fitur Baru yang Wajib Anda Coba

Setiap tahun, WordPress merilis pembaruan besar yang mengubah cara kita membangun website. Kali ini WordPress 7.1 resmi dirilis pada 19 Agustus 2026 bersamaan dengan WordCamp US — dan versi ini terasa berbeda. Bukan sekadar perbaikan kecil: rilis ini menggabungkan sepuluh versi plugin Gutenberg (dari 22.7 hingga 23.6, termasuk Gutenberg 23.5) ke dalam inti WordPress, plus lebih dari 310 tiket Core dengan sekitar 600 penyempurnaan dan 630 perbaikan bug.

Bagi Anda yang mengelola website UMKM, toko online, atau blog pribadi di Indonesia, kabar baiknya: banyak fitur baru ini bisa langsung dipakai tanpa menyentuh kode sama sekali. Artikel ini membahas apa saja yang baru, mana yang paling berguna untuk bisnis Anda, dan bagaimana cara upgrade tanpa khawatir website rusak.

Responsive Styling: Atur Tampilan HP, Tablet, dan Desktop Tanpa CSS

Ini fitur yang paling dinanti. Sebelumnya, membuat website terlihat rapi di HP, tablet, dan desktop hampir selalu butuh CSS custom — atau setidaknya plugin page builder. Dengan WordPress 7.1, Anda bisa mengatur tampilan blok secara terpisah untuk tiga ukuran layar langsung dari editor, baik di Global Styles (berlaku untuk semua blok sejenis) maupun per blok.

Cara memakainya sederhana. Klik blok mana pun, buka pengaturan, lalu aktifkan opsi Responsive Styles dari menu View di editor. Pilih perangkat desktop, tablet, atau HP, lalu ubah ukuran font, padding, margin, dan alignment. Perubahan itu hanya berlaku di ukuran layar yang Anda pilih, mengikuti pola desktop-first: gaya desktop menjadi dasar dan mengalir ke layar lebih kecil sampai Anda menyesuaikannya.

Bagi pemilik toko online UMKM, ini sangat berharga. Tombol “Beli Sekarang” yang ingin tampil besar di HP tapi ramping di desktop, atau teks yang perlu lebih lega di layar kecil — semua bisa diatur dari editor, tanpa menyewa developer. Ada juga preset rasio aspek per perangkat untuk blok Image, Featured Image, dan Cover, plus tombol drag untuk mengubah ukuran jendela pratinjau secara manual, tidak hanya tiga pilihan perangkat bawaan.

Interactive States: Efek Hover dan Fokus Tanpa Plugin

Fitur kedua yang tak kalah penting: interactive states. Sekarang Anda bisa memberi gaya pada elemen saat pengunjung mengarahkan kursor (hover), saat elemen sedang fokus (focus), atau saat diklik (active) — semuanya dari pengaturan blok, tanpa CSS tambahan.

Contoh nyata: tombol di halaman landing yang berubah warna saat disentuh, tautan menu yang diberi garis bawah saat disorot, atau item menu navigasi aktif yang ditebalkan. Efek kecil seperti ini membuat website terasa profesional dan modern. Di WordPress 7.1, kontrol ini tersedia untuk blok Button dan Navigation Link, dan pengembang tema bisa menerapkannya lebih luas lewat theme.json. Tema juga bisa mendefinisikan breakpoint sendiri, misalnya mobile: 30rem dan tablet: 45rem.

Media Editor Baru: Crop Bebas, Flip, dan Rotasi dalam Satu Tempat

Pernah kecewa karena ingin memotong gambar dengan rasio tertentu tapi editor WordPress terlalu sederhana? Di WordPress 7.1, semua itu berubah. Media editor baru menggantikan alat crop lama dengan modal yang jauh lebih lengkap:

• Freeform crop — potong gambar bebas tanpa terikat rasio.
• Aspect-ratio crop — potong presisi untuk rasio tertentu, misalnya 16:9 untuk thumbnail YouTube.
• Flip horizontal dan vertikal, plus rotasi presisi dengan panduan sudut.
• Edit metadata (judul, alt text, caption) dalam satu alur kerja.

Kebutuhan dasar pengeditan gambar kini ada di dalam WordPress, mengurangi ketergantungan pada Canva atau editor eksternal untuk pekerjaan sederhana. Ini sangat membantu ketika Anda mengelola katalog produk ratusan foto dan hanya perlu crop cepat sebelum upload.

Proses Gambar di Browser: Upload Lebih Cepat, Server Lebih Ringan

Ini mungkin fitur paling “diam-diam” penting. WordPress 7.1 memindahkan proses kompresi, resize, dan pembuatan thumbnail gambar ke browser pengunjung memakai teknologi WebAssembly (wasm-vips), bukan lagi membebani server. Dampaknya nyata, terutama bagi pemilik website dengan hosting shared murah:

• Beban CPU server turun drastis saat upload gambar — salah satu penyebab utama website lemot saat admin mengunggah banyak foto.
• File hasil kompresi lebih kecil sehingga halaman lebih cepat dimuat.
• Error “memory limit” atau upload timeout untuk gambar besar berkurang signifikan.

WordPress 7.1 juga menambahkan dukungan native untuk format AVIF, HEIC, dan HDR gain maps — format modern yang dihasilkan kamera dan HP keluaran terbaru. Foto dari iPhone atau kamera DSLR kini bisa langsung diunggah tanpa konversi manual. Ada pula konversi GIF ke video yang bisa diaktifkan untuk menghemat bandwidth.

Blok Baru: Playlist, Tabs, dan Table of Contents

WordPress 7.1 memperkenalkan blok-blok baru yang langsung bisa dipakai dari library blok bawaan:

• Playlist — tampilkan daftar audio atau episode podcast dalam satu pemutar interaktif dengan visualisasi waveform. Cocok untuk website kursus, podcast, atau portofolio musik.
• Tabs — konten bertab, ideal untuk halaman harga, spesifikasi produk, atau FAQ.
• Table of Contents (Daftar Isi) — otomatis dibuat dari heading artikel. Sangat membantu SEO dan kenyamanan membaca artikel panjang.
• Icon — kini menjadi API publik: pengembang bisa mendaftarkan koleksi ikon sendiri, dan ikon mewarisi warna dari teks di sekitarnya.

Blok Tabs stabil dan siap produksi di 7.1, sementara Playlist masih versi pertama — penyempurnaan seperti shuffle, tombol skip, dan performa lebih baik sedang disiapkan untuk rilis berikutnya. Untuk website yang selama ini memakai plugin daftar isi tambahan, blok TOC bawaan ini bisa menggantikannya dan mengurangi beban plugin.

Notes: Kolaborasi Makin Mudah dengan @Mention

Bagi tim yang mengelola website bersama, fitur Notes di WordPress 7.1 adalah penyelamat. Sebelumnya catatan hanya bisa ditempel per blok; sekarang Anda bisa:

• Menambahkan catatan pada bagian teks tertentu, bukan hanya satu blok utuh.
• Memformat catatan dengan tebal, miring, tautan, dan emoji.
• Menyebut rekan kerja dengan @mention — mereka mendapat notifikasi, dan beberapa percakapan bisa terbuka di blok yang sama.

Alur kerja “tulis, review, revisi, approve” bisa dilakukan sepenuhnya di dalam WordPress tanpa pindah ke WhatsApp atau Google Docs. Kolaborasi real-time memang belum masuk rilis ini, tapi untuk kebutuhan tim kecil, Notes asynchronous sudah sangat memadai.

Yang Perlu Diperhatikan Developer

Jika Anda menggunakan tema atau plugin custom, ada beberapa perubahan penting di WordPress 7.1:

• Post editor kini selalu iframed untuk semua tema — konten diedit di canvas terpisah dari admin. Plugin yang memanipulasi DOM editor perlu diuji ulang, termasuk custom meta box yang bergantung pada halaman edit.
• SVG Icon API diluncurkan dengan sanitasi ketat sehingga ikon custom tetap aman dari serangan XSS.
• Abilities API baru membuka jalan untuk integrasi MCP dan AI — sejalan dengan arah WordPress yang mulai terbuka ke ekosistem kecerdasan buatan.
• Design System / ThemeProvider — token desain untuk admin UI yang lebih konsisten antar-plugin.
• Gutenberg 23.5, yang ikut tergabung dalam 7.1, menaikkan versi minimum WordPress untuk plugin editor menjadi 6.9 dan menambahkan text shadow di Global Styles.

Panduan Upgrade Aman untuk Website Anda

Sebelum menekan tombol upgrade, ikuti langkah ini supaya website tidak bermasalah:

1. Backup dulu — database dan file. Banyak hosting Indonesia menyediakan backup otomatis, tapi backup manual ekstra tidak ada ruginya.
2. Cek kompatibilitas — pastikan tema dan plugin yang terpasang sudah mendukung WordPress 7.1 (lihat kolom “Tested up to” di halaman plugin).
3. Uji di staging — jika hosting Anda punya fitur staging, gunakan untuk mencoba sebelum upgrade di produksi.
4. Perhatikan Media Library — infinite scroll menjadi default; jika kurang nyaman, bisa dimatikan dari pengaturan user.
5. Update bertahap — plugin dulu, lalu tema, baru WordPress.

Dari pengalaman saya menangani website klien di antond.net, mayoritas masalah setelah upgrade WordPress bukan berasal dari core-nya, melainkan dari plugin yang belum diperbarui. Selama ekosistem plugin Anda sehat, upgrade ke 7.1 umumnya berjalan mulus — bahkan di hosting shared budget sekalipun, berkat pemindahan proses media ke browser.

FAQ

Apakah WordPress 7.1 gratis?

Ya. WordPress adalah software open-source dan semua pembaruan — termasuk 7.1 — gratis untuk semua pengguna. Anda hanya membayar domain dan hosting.

Apakah fitur 7.1 berjalan di hosting murah?

Sebagian besar fitur berjalan di semua jenis hosting. Pemrosesan gambar di browser justru membuat hosting shared lebih ringan karena beban CPU server berkurang saat upload.

Apakah WordPress 7.1 mempengaruhi SEO website saya?

Tidak negatif — justru sebaliknya. Gambar yang lebih kecil membuat halaman lebih cepat dimuat, dan blok Tabs, Playlist, serta TOC yang terstruktur baik membantu pengalaman pengguna, yang merupakan faktor penting bagi Google.

Apakah plugin lama saya masih berfungsi?

Sebagian besar masih berfungsi, tapi periksa daftar kompatibilitas di halaman plugin Anda. Plugin yang sudah lama tidak diupdate berisiko bermasalah dengan editor iframed baru dan perubahan API di 7.1.

Apakah Gutenberg 23.5 berbeda dengan WordPress 7.1?

Gutenberg adalah plugin editor yang dikembangkan lebih cepat daripada WordPress. WordPress 7.1 menggabungkan fitur dari Gutenberg 22.7 hingga 23.6, jadi Gutenberg 23.5 adalah salah satu tahapan yang sudah termasuk di dalam rilis 7.1.

Kapan harus upgrade ke WordPress 7.1?

Setelah backup dan pengecekan kompatibilitas plugin. Jika website Anda kritis, tunggu satu-dua minggu setelah rilis untuk melihat laporan masalah dari pengguna lain, atau gunakan staging terlebih dahulu.

Kesimpulan

WordPress 7.1 adalah rilis yang matang: fitur styling yang selama ini ditunggu, pengelolaan media yang lebih cepat dan ringan, blok baru yang fungsional (Playlist, Tabs, TOC), serta alat kolaborasi yang makin lengkap — semua tanpa biaya tambahan. Gutenberg 23.5 turut menyempurnakan pengalaman edit dengan text shadow, kontrol ikon, dan pratinjau perangkat yang lebih fleksibel.

Bagi pemilik website di Indonesia, momen terbaik untuk upgrade adalah setelah memastikan backup dan kompatibilitas plugin. Dengan WordPress 7.1, website Anda bisa tampil profesional, responsif, dan cepat — tanpa bergantung pada CSS custom atau plugin berbayar.

Sudah siap mencoba? Buka dashboard WordPress Anda, jalankan backup, dan biarkan pembaruan 7.1 bekerja untuk Anda.