WordPress 5.9 Ada Di Sini! Perubahan Besar Apa yang Anda Lewatkan?
Diterbitkan: 2022-01-25WordPress 5.9 Josephine ada di sini! Versi WordPress ini awalnya dijadwalkan akan dirilis pada 14 Desember 2021. Namun karena beberapa masalah dan bug yang belum terselesaikan, rilis final ditunda dan akhirnya dirilis pada 25 Januari 2022.
Jika Anda bertanya-tanya apa perubahan paling signifikan, jawabannya adalah Full Site Editing (FSE). Dan sungguh, sebagian besar fitur baru hanya tersedia jika Anda menggunakan tema yang mendukung Pengeditan Situs Penuh, seperti Twenty Twenty Two—tema default baru.
Dengan WordPress 5.9, kita sampai pada fase kedua dari peta jalan Gutenberg—fase Kustomisasi.
Sekarang, mari kita cari tahu detailnya!
- Gaya Global: Antarmuka Grafis untuk File 'theme.json'
- Pratinjau Gaya
- Tipografi
- warna
- Tata Letak
- Blok
- Tema Dua Puluh Dua Puluh Dua dan Tema Blok WordPress
- Blok Navigasi yang Diperbarui
- Peningkatan Kinerja
- Blokir Penyempurnaan Penyisip
- Lebih Sedikit CSS Dimuat
- Peningkatan Kinerja Pemuatan Malas
- Beberapa Stylesheet Per Blok
- Kata-kata Terakhir
Gaya Global: Antarmuka Grafis untuk File 'theme.json'
Dengan WordPress 5.8, memanipulasi file 'theme.json' telah menjadi cara standar bagi pengembang tema untuk menyesuaikan gaya dan pengaturan editor.
WordPress 5.9 membawanya ke tingkat berikutnya dengan memperkenalkan antarmuka grafis untuknya. Sekarang, pengguna dapat menyesuaikan preset gaya untuk situs mereka, baik di tingkat blok atau secara global, tanpa menyentuh satu baris kode pun.
Karena Gaya Global memengaruhi beberapa aspek desain situs web WordPress, itu akan secara dramatis mengubah cara Anda menyesuaikan tampilan dan nuansa situs Anda.
Pertama, antarmuka Global Styles menggantikan Customizer. Dan saat ini satu-satunya cara untuk menyesuaikan gaya dan pengaturan dengan tema blok.
Demikian juga, halaman admin opsi tema kompleks tidak lagi diperlukan. Ini memberikan cara standar baru untuk mengonfigurasi pengaturan dan gaya tema.
Di editor situs, bilah sisi baru sekarang tersedia. Di bagian atas, Anda akan menemukan panel pratinjau kecil dan lima elemen dalam urutan berikut:
- Pratinjau gaya
- Tipografi
- warna
- Tata Letak
- Blok
Mari kita lihat lebih dekat!
Pratinjau Gaya
Elemen pertama adalah panel pratinjau. Ini memungkinkan Anda untuk memeriksa hasil penyesuaian Anda. Ini sangat berguna ketika perubahan Anda berlaku untuk elemen yang tidak terlihat di kanvas editor.
Tipografi
Di sinilah Anda mengontrol tipografi situs Anda. Kontrol yang tersedia di panel ini bergantung pada apa yang ada di file 'theme.json'.
warna
Di sini, Anda dapat melihat dan mengedit skema warna dan menyesuaikan warna beberapa elemen situs web.
Dengan mengklik salah satu elemen tersebut, Anda mendapatkan akses ke panel baru tempat Anda dapat memilih warna dari tiga palet: Tema, Inti, dan Kustom. Di sini, Anda dapat mengatur dan memodifikasi warna elemen yang dipilih.
Tata Letak
Kumpulan alat terakhir adalah untuk penyesuaian tata letak. Ini terbatas pada penampung situs dalam konteks global.
Blok
Dengan penerapan Gaya Global, kini Anda juga dapat mengubah tampilan dan nuansa blok tertentu, seperti Paragraf, Tombol, Kolom, dll.
Perhatikan bahwa gaya blok hanya dapat dikustomisasi dari sini jika blok tersebut menyatakan dukungan untuk fungsionalitas tertentu di masing-masing file 'block.json'.
Misalnya, karena blok Judul Postingan inti mendukung tipografi dan warna, Anda akan menemukan entri yang sesuai dalam pengaturan Gaya Global bloknya.
Tema Dua Puluh Dua Puluh Dua dan Tema Blok WordPress
Dengan WordPress 5.9, Anda tidak perlu menginstal plugin Gutenberg untuk mengaktifkan Full Site Editing di situs Anda. Anda hanya perlu menggunakan tema blok.
Selain itu, WordPress 5.9 telah dikemas dengan tema default baru—Dua Puluh Dua Puluh Dua. Ini adalah pengubah permainan karena ini adalah tema blok default pertama yang pernah ada. Juga, Twenty Twenty-Two adalah tema yang sangat dapat disesuaikan dan fleksibel.
Setelah menggunakan tema blok, item menu 'Editor (beta)' baru akan muncul di menu admin dasbor WordPress.
Pada antarmuka pengeditan, Anda dapat secara visual mengedit beranda, templat, dan bagian templat situs web Anda. Anda juga dapat mengakses antarmuka Global Styles dari sini.
Seperti yang Anda lihat, Anda tidak akan menemukan Customizer. Itu karena tidak mendukung tema blok. Itu juga mengapa Anda tidak dapat melihat pratinjau tema blok yang tidak aktif.
Jika Anda menggunakan tema tradisional, seperti Woostify, dan khawatir tentang kompatibilitas mundur, yakinlah. Anda dapat terus menggunakannya.
Saat ini ada empat kategori tema yang berbeda untuk Anda pilih:
- Blokir Tema: Tema yang dirancang untuk Pengeditan Situs Penuh
- Tema Umum: Tema yang berfungsi dengan Penyesuai dan Editor (beta)
- Tema hibrida: Tema klasik yang mendukung fitur Pengeditan Situs Lengkap
- Tema Klasik: Tema dengan file “functions.php”, template PHP, dll.
Blok Navigasi yang Diperbarui
Blok navigasi telah dalam masa pertumbuhan untuk beberapa waktu. Sekarang setelah semua masalah yang tertunda telah diperbaiki, kami akhirnya dapat mulai menggunakan salah satu fitur paling kuat dari WordPress 5.9.
Saat Anda pertama kali menambahkan blok Navigasi, placeholder blok menawarkan tiga opsi:
- Pilih menu yang ada,
- Buat menu dengan semua halaman,
- Atau mulai segar dengan menu kosong.
Menu Navigasi baru memungkinkan Anda untuk mengimpor menu yang dibuat melalui Layar Menu Penampilan yang tersedia dengan tema klasik.
Oleh karena itu, jika Anda beralih dari tema klasik ke tema blok, Anda tidak perlu membangun kembali menu yang ada. Cukup pilih salah satu 'Menu Klasik' Anda saat ini. Dan itu akan secara otomatis diubah menjadi menu navigasi berbasis blok.
Tautan Navigasi baru ditambahkan segera ke blok Navigasi dengan mengklik ikon plus di sisi kanan kecuali jenis blok lain telah ditambahkan ke menu.
Mengklik tombol Edit di bilah alat blok Tautan Navigasi mengubah item menu menjadi tautan khusus. Jadi Anda dapat menambahkan, mengedit, mengatur ulang, dan menghapus item individual.
Anda juga dapat mengonversi tautan menjadi blok dengan mengklik tombol Transform pada bilah alat blok. Jadi Anda dapat menambahkan blok tertentu ke menu navigasi secara langsung.
Di bilah sisi Pengaturan, Anda akan menemukan serangkaian opsi lengkap untuk mengontrol banyak bagian menu navigasi Anda.
Tambahan bermanfaat lainnya yang ditambahkan ke blok Navigasi adalah dukungan Block Gap. Jadi Anda dapat mengontrol jarak antar item menu.
Peningkatan Kinerja
Blokir Penyempurnaan Penyisip
Pada WordPress 5.9, tipe blok, kategori, dan pola ditampilkan dengan malas di Block Inserter. Browser Anda memuat konten dengan prioritas lebih tinggi terlebih dahulu, memberi Anda pengalaman mengedit yang lebih lancar.
Lebih Sedikit CSS Dimuat
WordPress 5.9 mengurangi jumlah CSS yang dimuat oleh tema blok secara signifikan, menghasilkan pemuatan halaman yang jauh lebih cepat.
Peningkatan Kinerja Pemuatan Malas
Dimulai dengan WordPress 5.9, atribut 'loading=”lazy”' tidak diterapkan pada gambar konten atau iframe pertama.
Analisis yang dilakukan pada 50 tema WordPress populer menunjukkan bahwa solusi ini menghasilkan peningkatan kinerja yang signifikan dan pemuatan halaman hingga 30% lebih cepat.
Beberapa Stylesheet Per Blok
Pengembang tema dan blok dapat mendaftarkan beberapa lembar gaya per blok dan memuat gaya dari blok lain sesuai kebutuhan.
Ini memungkinkan stylesheet dimuat tergantung pada konten halaman, mencegah pemuatan stylesheet besar di setiap halaman.
Kata-kata Terakhir
Kami akan mengakhiri artikel ini dengan catatan singkat tentang pangsa pasar WordPress. Saat ini mendukung lebih dari 65% dari semua situs web dengan sistem manajemen konten yang dikenal dan sekitar 43% dari semua situs web.
Angka-angka ini mengesankan, terutama jika dibandingkan dengan pesaing terdekat dengan pangsa pasar kurang dari 7%—Shopify.
Setiap versi baru WordPress menghadirkan fitur baru, peningkatan kinerja, dan peningkatan antarmuka. Dan WordPress 5.9 tidak terkecuali.
Yang Anda butuhkan untuk menguji fitur baru adalah tema blok, seperti tema default Dua Puluh Dua Puluh Dua yang baru.
Dan bagi siapa saja yang menggunakan tema Woostify, Anda dapat segera memperbarui situs web Anda ke WordPress 5.9 tanpa masalah. Tim pengembangan selalu bekerja keras untuk memastikan Woostify sepenuhnya kompatibel dengan versi WordPress yang lebih baru.