Baru di Elementor 3.17 – Tingkatkan Pengalaman Pengunjung Dengan AJAX, Situs Web Lebih Cepat, dan Lainnya
Diterbitkan: 2023-11-01Versi ini memperkenalkan AJAX Loading for Loop Grids yang sangat dinanti, yang memungkinkan Anda mengubah penomoran halaman tanpa memuat ulang seluruh halaman. Ini juga mengoptimalkan pemuatan gambar, meningkatkan kinerja situs Anda. Widget Peringkat baru memperluas fleksibilitas Anda untuk mengunggah SVG khusus dan memilih skala peringkat apa pun. Selain itu, peningkatan Mega Menu memungkinkan pengguliran horizontal untuk menu yang tidak diperkecil ke dalam “Tata Letak Hamburger”.
Hello Theme diperbarui ke versi 2.9, menampilkan halaman Pengaturan baru yang memungkinkan Anda menonaktifkan fitur tema bawaan untuk meningkatkan kinerja situs.
[PRO] Memperkenalkan AJAX untuk Loop Grids – Untuk Pemuatan Konten yang Mulus
Kami sangat gembira mempersembahkan fitur keempat yang paling banyak diminta di GitHub: pemuatan AJAX untuk Loop Grids. AJAX, singkatan dari Asynchronous JavaScript and XML, membuat pengalaman pengunjung situs Anda lebih lancar dengan memuat konten baru di Loop Grid tanpa memuat ulang seluruh halaman.
Paginasi Grid Loop AJAX
Pengunjung kini dapat beralih antar halaman listingan Anda tanpa memuat ulang seluruh halaman. Mengklik elemen penomoran halaman Loop Grid hanya akan memuat ulang konten Grid, memfasilitasi pengalaman yang lebih lancar bagi pengunjung yang menelusuri daftar produk atau postingan. AJAX Pagination juga menetapkan parameter URL-nya sendiri pada setiap halaman listingan Anda, sehingga memudahkan pengunjung untuk menyimpan atau berbagi link ke halaman listingan tertentu. Misalnya, jika Anda membuat blog resep, pengunjung dapat dengan mudah menelusuri daftar resep dan membagikan atau menyimpan link ke halaman yang menampilkan resep yang mereka sukai.
Kontrol “Autoscroll” adalah fitur lain dari AJAX Loading. Mengaktifkan autoscroll secara otomatis akan menggulir ke bagian atas grid ketika pengunjung mengubah penomoran halaman. Jika Anda menggunakan Filter Taksonomi, Anda dapat mengatur nilai offset ke efek gulir otomatis agar bilah filter tetap terlihat.
Paginasi Individu untuk Loop Grid dan Widget Posting
Pada versi sebelumnya, mengubah penomoran halaman suatu cantuman akan memengaruhi penomoran halaman cantuman lain pada halaman yang sama. Misalnya, jika Loop Grid dan Widget Posting ditempatkan pada halaman yang sama, memilih halaman ketiga dari salah satu halaman tersebut juga akan memuat halaman ketiga dari halaman kedua. Namun, dengan fitur Individual Pagination, pengunjung kini dapat mengubah pagination suatu listingan tanpa mempengaruhi Loop Grids dan Widget Posting lainnya di halaman tersebut. Misalnya, di blog resep, Anda dapat menambahkan Loop Grid yang menampilkan resep vegetarian di samping Loop Grid atau Widget Postingan yang menampilkan daftar semua postingan Anda. Pengunjung dapat mengubah penomoran halaman Widget Postingan atau Loop Grid secara mandiri.
Tingkatkan Kinerja Situs Web dengan LCP Lebih Cepat
Elementor 3.17 menjadikan situs Anda lebih cepat dengan dua fitur yang akan meningkatkan waktu pemuatan situs web Anda.
Optimalkan Pemuatan Gambar
Pembaruan kinerja pertama dalam versi ini adalah hasil kemitraan Elementor dengan Chrome untuk mengidentifikasi peluang meningkatkan kinerja situs web yang dibuat Elementor. Kolaborasi ini melibatkan penggunaan alat Google seperti Laporan Pengalaman Pengguna Chrome dan Laporan Teknologi Vital Web Inti. Salah satu hasil dari penggunaan alat ini adalah keputusan Google untuk menyumbangkan fitur “Optimalkan pemuatan gambar” ke plugin inti Elementor.
Fitur eksperimental ini meningkatkan kecepatan frontend dengan memprioritaskan pemuatan gambar berdasarkan penempatan gambar pada halaman. Ini mendeteksi gambar mana yang paling mungkin menjadi “gambar LCP”, elemen cat konten terbesar di area pandang, dan memprioritaskan pemuatannya menggunakan petunjuk prioritas.
Eksperimen ini juga menerapkan pemuatan lambat pada gambar yang awalnya tidak ditampilkan di area pandang dan memuatnya saat gambar tersebut terlihat. Perubahan ini meningkatkan metrik LCP Core Web Vital sebesar 5-10%, bergantung pada kompleksitas halaman. Jadi halaman dengan banyak gambar akan menikmati peningkatan kinerja yang lebih besar. Fitur ini juga berfungsi dengan situs web Elementor yang berjalan pada WordPress versi lama yang tidak menyertakan pembaruan deteksi LCP.
Pemuatan Aset Gutenberg
Pembaruan kinerja kedua meningkatkan kecepatan frontend situs Anda dengan mengecualikan gaya dan skrip Gutenberg saat tidak digunakan. Eksperimen ini meningkatkan metrik LCP situs Anda dengan mendeteksi kapan Gutenberg tidak digunakan untuk membuat laman atau membuat kontennya. Hal ini memungkinkan Elementor menghindari memuat kode yang tidak diperlukan.
Widget Peringkat Baru Untuk Fleksibilitas Desain
Elementor 3.17 memperkenalkan Widget Peringkat baru, menawarkan lebih banyak fleksibilitas untuk mempersonalisasi skala peringkat visual Anda untuk produk, konten, dan lainnya. Anda dapat menampilkan peringkat Anda secara visual menggunakan ikon Font Awesome atau dengan mengunggah SVG Anda sendiri. Misalnya, untuk ulasan musik, Anda dapat menggunakan SVG untuk memberi peringkat 5 dari 5 rekaman emas pada album baru.
Widget Peringkat memperluas jangkauan skala peringkat yang tersedia di Widget Peringkat Bintang. Daripada dibatasi pada skala 0-5 atau 0-10, kini Anda dapat menetapkan skala penilaian dari nol hingga angka berapa pun yang sesuai dengan kebutuhan Anda. Misalnya, Anda dapat memberi album peringkat rekor emas 3 dari 3 atau 7 dari 7. Dropdown Skala Penilaian telah diganti dengan rentang untuk kemudahan penggunaan.
Selain itu, Widget Peringkat meningkatkan peringkat SEO situs Anda dengan atribut skema yang ditingkatkan. Ini menggantikan Widget Peringkat Bintang di Panel Widget, namun Peringkat Bintang apa pun yang ada di situs Anda tidak akan terpengaruh.
Gulir Horizontal Untuk Widget Menu
Elementor 3.17 menawarkan lebih banyak fleksibilitas desain saat membuat menu. Hingga saat ini, ketika pengunjung mengubah ukuran area pandang mereka, ukuran menu akan berubah menjadi “tata letak dropdown” (juga dikenal sebagai “menu hamburger”). Dengan pembaruan baru pada Widget Menu, Anda dapat mencegah pengubahan ukuran menu dengan membuka Pengaturan Responsif, membuka menu tarik-turun berlabel “Breakpoint” dan memilih “Tidak Ada”.
Menonaktifkan pengubahan ukuran responsif dapat mengakibatkan situasi di mana menu lebih lebar daripada area pandang. Dalam banyak kasus, hal ini dapat menurunkan beberapa item menu ke baris berikutnya. Untuk mencegah hal ini, 3.17 juga menyertakan kemampuan untuk mengaktifkan pengguliran horizontal. Saat diaktifkan, menu Anda akan mempertahankan desain aslinya di perangkat apa pun dan memungkinkan pengunjung menggulir item menu secara horizontal alih-alih mengganggu desain.
Peningkatan Aksesibilitas
- Popup: Tingkatkan manajemen fokus saat mengaktifkan opsi Navigasi yang Dapat Diakses, dengan memfokuskan terlebih dahulu pada tombol tutup popup, bukan pada elemen lain yang dapat difokuskan di dalam popup.
- Widget Daftar Isi: Menunjukkan bahwa tombol perkecil/maksimalkan pada widget Daftar Isi merupakan elemen interaktif bagi pengunjung yang menggunakan teknologi bantu.
- Widget Bilah Kemajuan: Memungkinkan pembaca layar mengaitkan label dengan bilah kemajuan terkait dengan benar.
- Widget Daftar Putar Video: Tetapkan tag HTML khusus ke berbagai elemen di Widget Daftar Putar Video.
- Widget Akordeon Bersarang: Meningkatkan aksesibilitas tata letak Akordeon bagi pengunjung menggunakan navigasi keyboard.
Pembaruan Tambahan
- Desain Templat Responsif: Tingkatkan kemampuan Anda untuk menampilkan dengan benar perubahan yang dibuat pada desain templat responsif dengan titik henti sementara tambahan. Anda tidak perlu lagi membuat ulang CSS untuk melihat perubahan yang Anda buat pada template saat mengedit di Pembuat Tema. Perubahan akan terlihat di Editor dan frontend situs web Anda.
- Skema FAQ Widget Accordion: tingkatkan kompatibilitas SEO konten Anda dengan menambahkan kontrol Skema FAQ. Skema FAQ menambahkan markup khusus ke kode halaman Anda yang berisi daftar pertanyaan dan jawaban. Mesin pencari dapat membaca markup ini dan menggunakannya untuk menghasilkan kode yang kaya.
- Integrasi VideoPress: Integrasikan VideoPress dengan mulus ke situs Elementor Anda. Nikmati semua fitur yang ditawarkan VideoPress, seperti video yang dihosting sendiri, file video yang ditranskode untuk diputar di banyak jenis perangkat, streaming adaptif berdasarkan ukuran layar perangkat dan bandwidth yang tersedia, kemampuan untuk mengautentikasi video pribadi, dan banyak lagi.
[Elementor AI] Riwayat AI – Memulihkan Konten Buatan AI
Elementor 3.17 meningkatkan alur kerja Anda di Elementor AI dengan fitur AI History. Fitur ini menampilkan perintah yang digunakan sebelumnya dan gambar atau teks yang dihasilkannya. Anda dapat memulihkan perintah dan konten yang dihasilkannya, sehingga Anda dapat melanjutkan dari bagian terakhir yang Anda tinggalkan. Anda dapat terus mengedit konten dengan AI, menggunakannya di situs Anda, atau menghapusnya secara permanen dari Riwayat AI.
Meskipun Anda tidak dapat mengambil kode yang dibuat sebelumnya dari Riwayat AI, karena kode tersebut dibuat untuk widget tertentu, Anda dapat mengakses perintah yang digunakan untuk menghasilkannya guna membuat ulang kode baru dari perintah riwayat Anda. Misalnya, Anda mungkin secara tidak sengaja menutup browser saat mengerjakan gambar latar belakang baru, atau memutuskan untuk menggunakan teks buatan AI yang dibuang. Riwayat AI memungkinkan Anda mengambil dan menggunakan perintah dan konten hingga 90 hari yang lalu.
Sesuaikan Pengaturan Tema Dengan Hello Theme 2.9
Anda sekarang dapat menyempurnakan pengaturan Hello Theme Anda, meningkatkan kinerja situs web Anda berdasarkan kebutuhan spesifik Anda. Hello Theme 2.9 memperkenalkan berbagai fitur menarik yang meningkatkan navigasi, keterbacaan, SEO, dan banyak lagi. Dengan versi ini, tidak perlu lagi mengubah kode tema untuk menghindari pengaturan yang berlebihan atau tidak relevan. Sebagai gantinya, kunjungi halaman Pengaturan baru di dashboard WordPress tempat Anda dapat menonaktifkan fitur seperti tag meta deskripsi, tautan lewati, judul halaman, dan lainnya. Menonaktifkan fitur ini akan mengurangi ukuran situs web Anda dan menghilangkan CSS yang tidak digunakan.
Tingkatkan Pengalaman Pengunjung, Waktu Pemuatan, dan Nikmati Lebih Banyak Fleksibilitas Desain
Elementor 3.17 memperkenalkan beberapa fitur untuk meningkatkan pengalaman pengguna dan kinerja situs web. Fitur penting adalah AJAX Memuat untuk Loop Grids, memungkinkan transisi konten yang lancar tanpa memuat ulang seluruh halaman. Selain itu, pengoptimalan pemuatan gambar dan pemuatan aset Gutenberg meningkatkan kecepatan situs Anda. Widget Peringkat baru menyediakan skala peringkat visual yang fleksibel, dan Menu Mega kini menyertakan pengguliran horizontal. Elementor AI juga dilengkapi panel riwayat AI, memberi Anda akses ke perintah sebelumnya dan konten yang dihasilkan. Selain itu, pembaruan Hello Theme ke versi 2.9 memungkinkan pengguna memiliki kontrol lebih besar atas fungsionalitas situs web, termasuk opsi untuk menonaktifkan fitur bawaan tertentu.
Beri tahu kami fitur mana yang paling Anda sukai di bagian komentar!