Apa yang Baru di WordPress 5.8

Setelah menonton presentasi di WordCamp Europe 2021 dan, khususnya, pembicaraan antara Matt Mullenweg dan Matias Ventura yang menyertakan video fitur-fitur baru yang tersedia di editor blok, saya ingin sekali mencoba versi baru WordPress ini 5.8 yang akan dirilis pada pertengahan Juli.

Jadi saya telah menginstal WordPress versi 5.8-beta2 untuk dapat memberi tahu Anda tentang fitur-fitur baru yang akan datang. Perlu diingat bahwa saya telah menguji versi ini dengan tema Twenty Twenty-one dari WordPress.org dan mungkin saja beberapa fitur yang disebutkan, tergantung pada tema yang Anda instal di situs Anda, mungkin tidak tersedia.

Blok Bersarang dan Pola Blok

Dengan kedatangan WordPress 5.5, editor blok memasukkan konsep pola blok. Ide pola blok sangat sederhana: mereka adalah bagian atau cuplikan yang telah ditentukan sebelumnya yang terdiri dari sekelompok blok yang dapat Anda gunakan dalam pembuatan halaman dan posting. Pola blok dapat berupa sesuatu yang sederhana seperti bagian yang menampilkan dua tombol atau bagian harga dengan tata letak yang menarik dan rumit, atau bahkan tata letak seluruh halaman.

Banyak pekerjaan sedang dilakukan untuk membuat blok pengeditan dan pola blok lebih mudah dan nyaman. Dan, khususnya, untuk membuat penyisipan dan pemindahannya lebih cepat. Untuk memulainya, sekarang kita dapat, dari daftar blok dan pola yang ditampilkan di bilah menu sisi kiri, memilihnya dan menyeretnya ke area halaman untuk menyisipkannya.

Baru-baru ini, ikon seret (ikon 6 titik) juga ditambahkan sehingga kami dapat memindahkan blok apa pun di dalam wadah tempatnya berada.

Saat Anda berada di blok, tekan Esc untuk beralih ke mode pemilihan dan tekan Enter untuk kembali ke mode edit.

Dalam mode pemilihan (ingat untuk menekan Esc ), navigasi antara struktur blok dioptimalkan. Dengan menggerakkan mouse di dalam sebuah blok kita dapat melihat batas dari setiap blok yang dikandungnya. Dengan cara ini, lebih mudah untuk memahami struktur dan menyeret blok di dalam blok induk.

Dan sekarang, dengan versi baru ini, ketika Anda beralih ke mode edit (tekan Enter ), saat memindahkan blok, batas-batas wadahnya juga ditampilkan, sehingga proses memilih, menyeret, dan menjatuhkan jauh lebih mudah dan lebih intuitif.

Edisi Gambar

Melanjutkan ide untuk meningkatkan pengeditan blok, blok kritis adalah blok tipe gambar. Kita telah melihat bahwa sekarang kita dapat menyisipkan gambar dengan menyeretnya ke blok tipe gambar, teks dan media, atau ke blok tipe wadah apa pun seperti kolom.

Tetapi hal baru yang hebat adalah kita dapat mengedit dan memodifikasi gambar yang disisipkan di editor itu sendiri, tanpa harus pergi ke Perpustakaan Media .

Selain ikon untuk memusatkan dan menambahkan tautan gambar , dengan WordPress 5.8 kami memiliki tiga ikon baru: Pangkas , Tambahkan Teks , dan Filter Duotone .

Pangkas Gambar

Dengan mengeklik ikon pangkas, tiga opsi menu tambahan akan muncul: perbesar , ubah rasio aspek, dan putar gambar .

Seperti yang Anda lihat, Anda tidak perlu lagi pergi ke perpustakaan media untuk membuat gambar Anda terlihat seperti yang Anda butuhkan.

Filter Duotone

Fitur baru lainnya yang hadir dengan WordPress 5.8 adalah kemampuan untuk memfilter gambar apa pun dalam duotone. Pilih dua warna filter yang ingin Anda terapkan pada gambar dan hanya itu, gambar hanya akan memiliki dua nada.

Tambahkan teks

Ikon baru ini, yang menambahkan teks ke gambar, sama dengan mengubah gambar menjadi blok tipe sampul. Dan tentu saja, setelah perubahan ini, Anda dapat menambahkan teks yang Anda inginkan ke blok sampul seperti yang telah Anda lakukan sebelumnya.

Selain itu, seperti yang dapat Anda lihat di properti blok, kini Anda juga dapat mengubah spasi dan menambahkan padding ke teks, sehingga teks berada persis di tempat yang Anda inginkan pada gambar. Padding dapat didefinisikan sama atau berbeda untuk masing-masing dari 4 sisi teks.

Secara pribadi, saya merasa hebat bahwa Anda dapat menambahkan dan melakukan semua transformasi ini langsung di editor tanpa pergi ke perpustakaan media. Namun, jika Anda ingin mengoptimalkan gambar Anda untuk SEO, saya khawatir Anda masih harus pergi ke perpustakaan.

Blok Transformasi

Seperti yang telah kita lihat bagaimana mengubah blok dari tipe gambar ke tipe sampul, editor blok sekarang menggabungkan tipe transformasi lainnya. Misalnya, Anda dapat memilih tiga paragraf dan mengubahnya menjadi judul, kolom, daftar, dll. Dan sebelum melakukan transformasi, tampilan baru dari transformasi tersebut dipratinjau.

Demikian pula, Anda dapat mengubah satu set blok jenis gambar ke blok jenis galeri gambar, atau bahkan satu set tombol, dll.

Blok Penutup

Dengan semua fitur baru yang disertakan dalam editor itu sendiri, blok sampul memungkinkan kita untuk membuat desain yang sangat berbeda dengan yang kita miliki sejauh ini. Misalnya, sekarang kita dapat memiliki dua blok penutup bersarang (dengan bantalan antara anak dan induk) dan masing-masing dengan warna, teks, dan fokusnya sendiri.

Blok Navigasi

Fitur baru hebat lainnya dari pratinjau editor blok dalam video yang disajikan di WordCamp adalah blok navigasi baru. Kami melihat bahwa blok ini tidak termasuk dalam versi beta yang diinstal tetapi Anda akan menemukannya di versi terbaru 10.8.1 dari plugin Gutenberg.

Blok ini memungkinkan Anda untuk menambahkan di halaman mana pun, menu tautan sehingga pengunjung Anda dapat pergi ke halaman lain mana pun. Hal ini tidak dimaksudkan sebagai pengganti menu navigasi yang sudah kita kenal dari WordPress, melainkan sebagai alternatif ketika ingin menyisipkan menu tambahan pada suatu halaman.

Selain menunjukkan apakah Anda ingin menu horizontal atau vertikal, Anda memiliki beberapa opsi saat membuat menu:

• Buat dari menu yang ada: Anda dapat memilih untuk menampilkan menu yang sudah Anda buat di situs Anda.
• Buat kosong: ini membuat menu kosong bagi Anda untuk menambahkan secara manual setiap tautan yang ingin Anda tampilkan di navigasi.
• Buat dari semua halaman tingkat atas – Ini akan secara otomatis menambahkan setiap halaman yang ada di situs Anda sebagai tautan, yang kemudian dapat Anda edit dan atur ulang. Hanya halaman tingkat atas yang ditambahkan di sini.

Untuk menambahkan tautan baru ke navigasi, Anda harus mengeklik ikon + yang memungkinkan Anda memilih di antara:

• Tautan halaman: halaman di situs Anda.
• Tautan posting: posting di situs Anda.
• Tautan kategori: semua posting dengan kategori tertentu.
• Tautan tag: semua posting dengan tag tertentu.
• Tautan khusus: URL eksternal.
• Ikon sosial: ikon untuk jejaring sosial.
• Pencarian: kotak pencarian bagi pengunjung untuk mencari konten Anda.

Setelah Anda membuat menu apa pun, Anda juga memiliki opsi untuk mengubah gayanya (font, font, dan warna latar belakang), menambahkan submenu, memindahkan item, dll.

Dengan demikian, dengan blok ini Anda dapat membuat desain menu dengan sangat mudah.

Seperti yang Anda lihat, jenis blok baru ini akan menawarkan lebih banyak kemungkinan dalam desain halaman dan postingan kami.

Desain Templat

Perubahan besar lainnya yang datang kepada kami dengan editor WordPress versi baru ini adalah bahwa desain template terintegrasi sepenuhnya ke dalam editor blok. Dengan cara ini Anda dapat membuat templat dari halaman yang dibuat, dan itu juga menambahkan opsi bahwa di bilah sisi kiri Anda dapat mencantumkan strukturnya.

Kita dapat menelusuri struktur template dan setiap elemen disorot dalam editor, sehingga sangat mudah untuk membuat perubahan jika diperlukan dan Anda memiliki tampilan cepat dari semua elemen yang bersarang di setiap blok penampung.

Dan Masih Ada Lagi…

Dan akhirnya, dalam video yang dipresentasikan di WordCamp Europe, kami juga diperlihatkan opsi untuk menentukan langsung di editor blok gaya global tema untuk mengubah palet warna, tipografi, dll. Jika Anda masih ragu, dengan yang baru ini WordPress versi 5.8 kami semakin dekat dengan tujuan untuk tidak memerlukan pembuat halaman lain untuk pembuatan halaman situs web Anda.

Gambar unggulan oleh XPS di Unsplash .