Dapatkan Hosting Instan dengan Elementor dan Elementor Pro

dengan CDN, SSL dan cadangan.

Mulai hari ini

Cara Membuat Preloader Elementor Di WordPress

Muneeb Bisnis Jan 24, 2022

Preloader adalah sesuatu yang mungkin ingin Anda tambahkan ke situs WordPress Anda. Ini adalah animasi yang menunjukkan berapa lama waktu yang dibutuhkan halaman untuk memuat di latar belakang. Prapemuat memberi tahu orang-orang bahwa situs web sedang berupaya memuat halaman untuk melihat apa yang sedang terjadi. Ini dapat membuat pengalaman pengguna lebih baik dan mengurangi jumlah orang yang pergi.

Elementor kini telah merilis opsi preloader barunya. Misalkan Anda menginginkan optimasi terbaik dan tidak ingin seluruh situs WordPress Anda melambat hanya untuk menangani preloader Anda. Dalam hal ini, Anda harus mengikuti tutorial ini untuk mempelajari cara membuat Elementor Preloader di WordPress.

Cara Membuat Elementor Preloader

Untuk memulai, pilih SVG atau GIF yang Anda suka, idealnya yang berukuran kecil. Prapemuat adalah tempat yang bagus untuk mencari pemuat SVG gratis dan dasar.

Create an Elementor Preloader  - No Plugins Needed

Untuk menyertakan preloader Elementor, buat Bagian Baru di bagian paling atas halaman. Atur opsi No Gap untuk bagian ini. Anda dapat membuat Bagian Baru di Template Header untuk menyertakan preloader di setiap halaman situs web Anda.

Memulai

Terakhir, tambahkan kode berikut ke elemen HTML di bagian ini.

Pastikan untuk mengubah URL untuk pemuat dengan URL untuk situs web Anda.

>div class="vanilla-preloader" /divscript/scriptstyle/style

Itu cukup banyak! Namun, dengan komentar yang diberikan di samping kode, Anda dapat membuat perubahan lebih lanjut untuk membuat prapemuat terlihat persis seperti yang Anda inginkan. Dan Anda akan memiliki Elementor Preloader untuk situs web Anda.

Ini adalah bagaimana Anda dapat mempertahankan pengunjung ke situs web Anda dengan menambahkan preloader. Ini memungkinkan pengguna untuk berpikir bahwa situs web berfungsi dan membantu mereka tetap berada di situs web Anda. Sementara dengan Elementor , membuat preloader adalah tentang tweak sederhana ini. Pastikan untuk bergabung dengan kami di Facebook  dan  Twitter kami untuk tetap update.