WordPress 5.9: 20 Fitur & Peningkatan Baru Teratas
Diterbitkan: 2022-01-26
Sebelum Anda Memperbarui: Jangan Lupa Jalankan Cadangan Situs Anda!
Di Sini: Pengeditan Situs Penuh (FSE)
Berita terbesar di WordPress 5.9 adalah kedatangan Full Site Editing (FSE). Singkatnya, Pengeditan Situs Lengkap dirancang untuk membuat Anda mengendalikan seluruh situs Anda, langsung dari admin WordPress.
Tujuan dari proyek WordPress Full Site Editing (FSE) adalah untuk memanfaatkan kekuatan model blok Gutenberg dalam pengalaman pengeditan di luar konten posting atau halaman. Dengan kata lain, idenya adalah membuat seluruh situs dapat disesuaikan dengan editor blok. Mode Pengeditan Situs Lengkap memahami struktur situs dan menyediakan cara untuk memodifikasi elemen global seperti header dan footer.
Sebelumnya, semua kontrol ini ditangani secara eksklusif oleh tema WordPress Anda, jadi memanggang ini ke inti WordPress (dengan tema berbasis blok diaktifkan) adalah keberangkatan dari cara WordPress sebelumnya menangani gaya di seluruh situs untuk hal-hal seperti header situs Anda, footer , blog, dan posting blog.
Namun, ada beberapa hal yang perlu dipertimbangkan sebelum beralih.
- Anda memerlukan tema berbasis blok untuk benar-benar menggunakan Pengeditan Situs Lengkap. Tema blok adalah tema WordPress dengan templat yang seluruhnya terdiri dari blok sehingga selain konten posting dari berbagai jenis posting (halaman, posting, ...), editor blok juga dapat digunakan untuk mengedit semua area situs: header , footer, sidebars, dll. Kemungkinannya adalah: Anda tidak menggunakan tema berbasis blok saat ini.
- Pengeditan Situs Lengkap masih dalam tahap saat ini sebagai produk yang layak minimum . Ini memungkinkan adopsi bertahap dari pengguna karena sebagian besar tema masih belum siap untuk menggunakan fungsi ini atau tidak kompatibel untuk kedepannya.
- Anda tidak harus mengadopsi Pengeditan Situs Penuh. Jika Anda belum siap untuk tema berbasis blok, jangan khawatir. Tema "Klasik" terus ada dan berfungsi seperti biasa.
- Anda tidak memerlukan WordPress 5.9 atau tema berbasis blok pengeditan situs lengkap untuk mengedit situs Anda sepenuhnya . Anda dapat melakukan ini sekarang di Tema Kadence menggunakan addon pro yang memungkinkan Anda membuat template dan mengaitkan elemen secara kondisional di mana saja di situs Anda.
Pada catatan itu, inilah yang dikatakan Ben Ritner, pendiri Kadence WP, tentang beralih ke pengeditan situs penuh:
“Hal-hal yang paling kompleks masih tidak mungkin dalam pengeditan situs penuh hanya karena alat/fitur yang kompleks belum dibuat/diimplementasikan dalam blok. Selain itu, sebagian besar plugin yang menggunakan jenis posting khusus belum mendukungnya (misalnya, WooCommerce). Plugin akan berfungsi dengan baik, namun, mereka tidak akan memberi Anda kontrol ekstra.”
-Ben Ritner, Yang Perlu Anda Ketahui tentang WordPress 5.9
1. Memperkenalkan Editor Situs (Beta)
Setelah mengaktifkan tema blok, item menu baru di bawah Penampilan yang disebut " Editor (beta) " akan ditampilkan. Editor ini membuka kemampuan untuk mengedit gaya dan blok seluruh situs secara visual untuk beranda, templat, dan komponen templat Anda.
Seperti yang Anda lihat, tampilan dan desainnya mirip dengan dasbor admin WordPress dan editor posting/halaman. Item menu terletak di sebelah kiri dan bahkan lebih banyak pengaturan tersedia dari bilah alat atas.
Editor Situs beta adalah pintu masuk untuk mengedit:
- Template (posting tunggal, arsip, dll)
- Bagian template (header, footer, dll)
- Sesuaikan Gaya melalui bilah sisi kanan
Mari kita membongkar masing-masing.
2. Pengeditan Template + Pembuatan
Pengeditan Situs Lengkap dengan tema berbasis blok membuka kemampuan untuk mengedit templat situs. Di WordPress, ini secara tradisional menjadi file kode yang mengontrol seberapa penting bagian-bagian situs Anda terstruktur dan ditata.
Misalnya, Twenty Twenty-Two menambahkan template ini:
- 404 – “Halaman” yang ditampilkan saat tidak ada konten yang ditemukan.
- Single Post – Bagaimana satu posting ditampilkan.
- Halaman – Bagaimana satu halaman ditampilkan.
- Beranda – Halaman beranda Anda.
- Indeks – “Halaman” yang menampilkan semua posting Anda.
- Pos Tunggal (Tanpa Pemisah)
- Halaman (Tanpa Pemisah)
Mengklik salah satu nama template dalam daftar akan memungkinkan Anda untuk mengedit template di editor yang sama dengan editor posting/halaman. Formulir di sini, Anda dapat mengubah blok, warna, dll.
3. Kustomisasi Bagian Template
Bagian template adalah aspek lain dari Pengeditan Situs Lengkap yang memungkinkan Anda untuk mengontrol komponen situs tertentu di seluruh situs Anda, termasuk header dan footer.
Bagian template meliputi:
- Header – Template Header mendefinisikan area halaman yang biasanya berisi judul, logo, dan navigasi utama
- Footer – Templat Footer mendefinisikan area halaman yang biasanya berisi kredit situs, tautan sosial, atau kombinasi blok lainnya.
- Umum – Template umum sering melakukan peran tertentu seperti menampilkan konten posting, dan tidak terikat pada area tertentu.
Klik salah satu dalam daftar untuk mengedit atau Anda dapat menambahkan yang baru.
4. Gaya di Seluruh Situs
Fitur besar lainnya untuk Pengeditan Situs Lengkap yang tersedia di Editor (Beta) adalah Styles , kemampuan untuk menyesuaikan warna situs Anda, tipografi, tata letak, dan banyak lagi. Dengan Styles, Anda dapat mengubah situs Anda, atau memberikan tampilan yang sama sekali baru dengan opsi untuk semuanya, mulai dari palet warna baru untuk tombol Anda, atau memilih font baru.
Anda akan menemukan Styles tersedia dari toolbar atas Editor (Beta) dengan mengklik ikon lingkaran.
Panel Gaya baru membuka beberapa opsi pengaturan, termasuk
- Tipografi – Kelola pengaturan tipografi untuk berbagai elemen, termasuk teks dan tautan.
- Warna – Kelola palet dan warna default berbagai elemen global di situs web. Palet digunakan untuk menyediakan opsi warna default untuk balok dan berbagai alat desain. Di sini Anda dapat mengedit warna dengan labelnya. Termasuk latar belakang, teks, dan tautan.
- Tata Letak – Tambahkan bantalan
5. Gaya Blok di Seluruh Situs
Juga termasuk dalam Styles adalah kemampuan untuk mengatur gaya default untuk semua blok. Ini bisa sangat berguna untuk situs klien, misalnya, terutama jika Anda lebih suka tidak membiarkan klien mengubah terlalu banyak gaya atau menambahkan gaya mereka sendiri.
Anda diberi opsi untuk menyesuaikan tampilan blok tertentu kapan saja mereka digunakan, seperti:
- Judul
- Daftar
- Kutipan
- tombol
- meliputi
- kutipan tarik
6. Dua Puluh Dua Puluh Dua, Tema Blok Default Pertama
WordPress 5.9 dikemas dengan Twenty Twenty-Two, tema blok default pertama dalam sejarah WordPress. Dua Puluh Dua Puluh Dua merupakan contoh bagi semua orang tentang visi bagaimana tema + Pengeditan Situs Lengkap harus bekerja sama.
Dari layar selamat datang WordPress 5.9:
“Ini lebih dari sekedar tema default baru. Ini adalah cara baru untuk bekerja dengan tema WordPress. Tema blok memberikan beragam pilihan visual di tangan Anda, dari skema warna dan kombinasi jenis huruf hingga templat halaman dan filter gambar — semuanya bersama-sama, di antarmuka pengeditan situs. Dengan membuat perubahan di satu tempat, Anda dapat memberikan Twenty Twenty-Two tampilan dan nuansa yang sama seperti merek Anda atau situs web lain — atau mengalihkan tampilan situs Anda ke arah lain.”
Sedangkan untuk desainnya, Twenty Twenty-Two memiliki palet 17 warna dan gaya gradien yang berani dan modern. Selain itu, tema ini menggunakan Source Serif Pro yang ringan untuk headline, dipasangkan dengan sans-serif untuk dukungan.
7. Blok Navigasi Baru
WordPress 5.9 melihat pengenalan blok Navigasi yang memungkinkan pengguna untuk membuat, mengelola, dan menggunakan kembali menu yang dibuat dengan berbagai blok dari tautan halaman ke logo situs dan banyak lagi. Dengan penyertaannya dalam 5.9 dan semua peningkatan terbarunya, blok Navigasi tidak lagi dianggap eksperimental.
Blok Navigasi baru memberi Anda kemampuan untuk memilih menu responsif yang selalu aktif atau yang menyesuaikan dengan ukuran layar pengguna Anda. Apa pun yang Anda buat, ketahuilah bahwa itu ada untuk digunakan kembali di mana pun Anda suka, baik dalam template baru atau setelah berganti tema.
Perhatikan bahwa blok Navigasi sekarang tersedia tidak hanya untuk komponen templat. Anda juga dapat menggunakan blok di dalam pos atau halaman mana pun.
8. Penghapusan Customizer, Menu, dan Widget (Jika Menggunakan Tema Berbasis Blok)
Halaman Tentang WordPress 5.9 menjelaskan:
“Saat Anda menggunakan salah satu tema blok baru, Anda tidak lagi memerlukan Penyesuai. Sebagai gantinya, Anda memiliki semua kekuatan antarmuka Gaya di dalam Editor Situs. Sama seperti di Twenty Twenty? Two, Anda membangun tampilan dan nuansa situs di sana, dengan alat yang Anda butuhkan untuk pekerjaan dalam antarmuka lancar yang praktis menjadi hidup di tangan Anda.”
Perbaikan Blok Editor + Blok Baru
WordPress 5.9 merupakan rilis fitur Gutenberg terbesar sejak peluncuran awal Gutenberg di WordPress 5.0. WordPress 5.9 menggabungkan 12 versi perubahan pada plugin Gutenberg ke inti WordPress sejak rilis terakhir hingga pembekuan kode yaitu Gutenberg 11.9.
9. Lebih Banyak Pengaturan dan Kontrol untuk Blok
Akhirnya! WordPress 5.9 menghadirkan alat tipografi baru, kontrol tata letak yang fleksibel, dan kontrol yang lebih baik atas detail seperti spasi, batas, dan lainnya untuk blok. Sebelumnya, pengaturan blok sangat terbatas, terutama jika Anda ingin menyempurnakan detail.
Misalnya, blok paragraf default sekarang menyertakan opsi warna untuk warna teks dengan pratinjau hex, warna latar belakang, opsi yang diperluas untuk tipografi seperti tinggi garis, huruf besar, spasi huruf, dll.
10. Tampilan Daftar yang Lebih Baik dan Lebih Kuat
Selain itu, sekarang Anda dapat memperluas dan menciutkan blok bersarang, yang berguna untuk menavigasi struktur blok yang kompleks.
11. Blok Galeri yang Lebih Baik
Sekarang Anda dapat memperlakukan setiap gambar di blok Galeri dengan cara yang sama seperti Anda memperlakukannya di blok Gambar.
Dengan mengklik satu gambar di galeri Anda, Anda dapat menatanya secara berbeda dari yang berikutnya (dengan tanaman yang berbeda, atau duotone, misalnya) atau membuat semuanya sama.
12. Penjelajah Pola Blok bawaan
Pola blok WordPress siap untuk disisipkan, tata letak blok WordPress yang telah ditentukan sebelumnya. Pola blok adalah pengelompokan blok WordPress yang memungkinkan pengguna membuat sejumlah tata letak kompleks hanya dengan mengklik beberapa tombol.
Direktori Pola WordPress adalah rumah dari berbagai pola blok yang dibuat untuk menghemat waktu Anda dan menambahkan fungsionalitas situs inti. Dengan semakin banyaknya pola blok yang tersedia di direktori pola dan dibundel dengan tema, kini ada modal pattern explorer layar penuh yang dapat diakses melalui tombol Jelajahi di penyisipan pola.
Dengan tampilan hampir layar penuh yang menarik Anda untuk melihat detail halus, Pattern Explorer memudahkan untuk membandingkan pola dan memilih pola yang diharapkan pengguna Anda. Penjelajah ini memungkinkan pengguna untuk menemukan pola dalam alat yang lebih besar dan lebih canggih.
Cukup klik tombol "Jelajahi" di tab Pola setelah mengklik penyisip blok.
13. Bobot Font untuk Heading Block
Sebagai salah satu kontrol yang lebih baik untuk blok, sekarang Anda dapat memilih bobot font (penampilan) untuk blok heading. Selain itu, sekarang Anda dapat mengontrol tinggi baris dan spasi huruf, serta huruf besar-kecil.
Peningkatan Kinerja
WordPress 5.9 mencakup beberapa peningkatan kinerja. Anda dapat melihat semua peningkatan kinerja di WordPress 5.9 di sini, termasuk beberapa perbandingan kecepatan yang mengesankan.
14. Blokir Peningkatan Kinerja Penyisip
Penyisipan blok mendapat peningkatan kinerja yang baik! Anda mungkin akan melihat perbedaan saat mencari dan memasukkan blok dengan cepat dan mudah.
15. Peningkatan pada Gambar yang Memuat Malas
Gambar yang memuat lambat diperkenalkan di WordPress 5.5 dan kemudian diperluas untuk juga mencakup iframe di WordPress 5.7. Dalam rilis WordPress 5.9 yang akan datang, implementasi untuk keduanya menerima beberapa perbaikan untuk meningkatkan kinerja.
Secara khusus:
Peningkatan untuk Pengembang
16. Sumber Daya untuk Tema Berbasis Blok Bangunan
Saat WordPress 5.9 memperkenalkan tema berbasis blok yang menggunakan blok untuk menentukan template yang menyusun seluruh situs Anda. Templat dan bagian templat baru ditentukan dalam HTML dan menggunakan gaya kustom yang ditawarkan di theme.json.
Repositori tema-eksperimen memiliki Tema Kosong yang merupakan boilerplate yang baik untuk memulai tema blok pertama Anda. Ada juga skrip baris perintah untuk membantu menghasilkan tema blok untuk membantu Anda memulai:
- Ikhtisar Tema Blok menjelaskan dasar-dasar tema blok dan struktur serta format tema.
- Membuat tema blok adalah tutorial lengkap tentang cara membuat tema blok.
- Pengaturan & gaya global mendokumentasikan cara menggunakan theme.json untuk menambahkan gaya ke tema Anda.
17. Pembaruan untuk Pengaturan, Gaya, dan theme.json
WordPress 5.9 telah mengubah theme.json v1 yang diperkenalkan di WordPress 5.8 menjadi v2. File theme.json v1 yang ada akan tetap berfungsi seperti yang diharapkan, dan akan diubah saat runtime ke format v2 oleh WordPress.
Anda dapat melihat dokumen spesifikasi langsung untuk deskripsi mendetail tentang kemampuan file theme.json .
18. Beberapa Stylesheet untuk Blok
Sekarang Anda dapat mendaftarkan lebih dari satu stylesheet per blok. Anda dapat menggunakan ini untuk berbagi gaya di seluruh blok yang Anda tulis, atau untuk memuat gaya untuk masing-masing blok, sehingga gaya Anda hanya dimuat saat blok digunakan. Cari tahu lebih lanjut tentang menggunakan beberapa stylesheet dalam satu blok.
19. Kait dan Fungsi Baru untuk Bekerja dengan Posting, Jenis Posting, dan Taksonomi
Di WordPress 5.9, kait dan fungsi baru ditambahkan untuk membantu pengembang bekerja dengan Postingan, jenis Postingan, dan Taksonomi.
20. API Baru untuk Mengakses Pengaturan dan Gaya Global
Bergabunglah dengan Kami Langsung untuk Acara Peluncuran WordPress 5.9
Bergabunglah dengan Timothy Jacobs, Pengembang Utama Keamanan iThemes dan WordPress Core Committer, untuk mempelajari tentang fitur-fitur baru yang ditawarkan versi terbaru WordPress. Kami akan berbicara tentang Pengeditan Situs Lengkap, sejumlah peningkatan editor blok, dan banyak perubahan mendasar yang menjadikan ini WordPress terbaik.
Acara Peluncuran WordPress 5.9 – Yang Perlu Anda Ketahui Tentang WordPress Terbaru
Selasa, 25 Januari @ 13:00 - 14:00 CT
Daftar sekarang
Tidak dapat membuat webinar langsung? Silakan mendaftar dan kami akan mengirimkan replay kepada Anda melalui email.
Lihat waktu webinar di zona waktu Anda.