Cara memperbaiki ikon elementor tidak memuat (panduan terbukti)

Elementor adalah salah satu pembangun halaman paling populer untuk WordPress. Ini memungkinkan Anda untuk merancang situs web yang indah tanpa pengkodean apa pun. Salah satu fitur yang berguna adalah perpustakaan ikon. Ini memberi Anda akses ke banyak ikon gratis dan premium yang dapat dengan mudah Anda tambahkan ke tombol, menu, judul, dan banyak lagi situs Anda.

Ikon ini membantu membuat situs Anda terlihat modern dan profesional. Mereka memiliki kemampuan untuk meningkatkan desain UX, memandu pengguna, dan menyoroti konten penting. Dengan demikian, itu dapat membuat situs web lebih ramah pengguna, lebih mudah dinavigasi, dan menarik perhatian pengunjung lebih efektif.

Tetapi kadang -kadang, ikon Elementor tidak memuat dengan benar di frontend, meskipun mereka ditampilkan di editor backend. Misalnya, lihat gambar di bawah ini. Anda dapat melihat bahwa ikon ditampilkan di Canvas Elementor .

Kesalahan: Saat mengunjungi frontend halaman, Anda dapat melihat bahwa ikon tidak ditampilkan. Mungkin kosong atau rusak di ujung Anda.

Ini bisa membuat frustrasi dan membuat situs web Anda terlihat tidak lengkap. Jadi, dalam artikel ini, kami akan membahas panduan langkah demi langkah tentang cara memperbaiki masalah pemuatan ikon Elementor. Mulai!

Mengapa ikon elementor tidak boleh memuat di frontend

Ada berbagai alasan mengapa ikon Elementor tidak boleh memuat di frontend situs web Anda. Setelah Anda mengenal mereka dengan baik, akan mudah bagi Anda untuk menyelesaikan masalah. Periksa di bawah ini.

• Pengaturan tidak lengkap di Elementor

Elementor memberi Anda opsi untuk memuat ikon font yang luar biasa secara manual atau otomatis. Jika pengaturan ini tidak dikonfigurasi dengan benar di bawah Elementor> Settings> Lanjutan , pustaka ikon tidak mungkin memuat. Juga, dapat menonaktifkan pemuatan ikon di frontend.

• File luar biasa font yang hilang

Ikon Elementor Bergantung pada Font Awesome, toolkit ikon yang populer. Jika file luar biasa font yang diperlukan tidak dimuat karena jalur file yang salah atau masalah server, ikon tidak akan ditampilkan. Ini dapat terjadi setelah pembaruan yang salah, kesalahan izin file, atau lingkungan hosting yang salah konfigurasi.

• Masalah caching

Plugin caching atau browser Anda mungkin menyimpan versi lama dari halaman dan sumber daya situs Anda. Jika versi yang di -cache tidak termasuk file ikon atau skrip terbaru, ikon mungkin tidak muncul dengan benar di frontend. Membersihkan semua cache (browser, plugin, dan sisi server) dapat memperbaiki masalah.

• CDN yang buruk

Jaringan Pengiriman Konten (CDN) Membantu memuat konten situs lebih cepat dengan melayani file dari server terdekat. Namun, jika CDN Anda gagal melayani atau memperbarui file ikon dengan benar, ikon Elementor mungkin tidak muncul. Pengaturan CDN yang salah atau keterlambatan sinkronisasi juga dapat memblokir ikon dari pemuatan.

• Koneksi internet yang lambat atau tidak stabil

Jika internet Anda tidak cukup cepat, ikon Elementor mungkin tidak memuat sepenuhnya. Terkadang, pemuatan file parsial karena masalah jaringan dapat menghentikan ikon dari tampil seperti yang diharapkan di frontend.

Catatan: Jadi, seperti yang Anda lihat, di antara masalah yang diidentifikasi di atas, pengaturan yang tidak lengkap di Elementor , file -file luar biasa yang hilang , dan masalah caching adalah yang berada di bawah kendali Anda. Anda dapat memperbaiki masalah ini dengan mengambil langkah yang tepat.

Periksa posting ini tentang cara memecahkan masalah Editor Elementor tidak memuat masalah di situs web Anda.

Cara Memperbaiki Ikon Elementor Tidak Memuat - Mengkonfigurasi Pengaturan

Sekarang, di bagian ini, kami akan menunjukkan kepada Anda cara memperbaiki ikon Elementor yang tidak memuat masalah dengan menangani masalah yang disebutkan dalam catatan bagian di atas. Terus membaca.

Solusi Satu: Mengkonfigurasi Pengaturan yang Tidak Lengkap

Pertama, buka dasbor backend dari situs web Anda. Arahkan ke Elementor> Pengaturan> Lanjutan .

Menggulir ke bawah halaman sedikit, datang ke opsi Google Fonts . Dari opsi dropdown, aktifkan .

Dengan cara yang sama, temukan opsi Load Font Awesome 4 Dukungan dan pilih ya untuk itu.

Ketika semua perubahan selesai, klik tombol Simpan Perubahan .

Sekarang, datanglah ke frontend dan muat ulang halaman. Anda akan melihat ikon -ikonnya muncul dengan sempurna.

Jadi, solusi pertama ini akan menyelesaikan pengaturan yang tidak lengkap di Elementor dan masalah file font yang hilang .

Solusi Dua: Bersihkan cache

Jika Anda masih tidak dapat melihat ikon di frontend, mungkin ada masalah caching.

Ada banyak cara untuk menghapus cache situs web Anda. Saat ini, sebagian besar perusahaan hosting menawarkan opsi caching. Misalnya, jika Anda menggunakan Hostinger, kunjungi situs web dan pilih situs web Anda. Anda akan melihat opsi Clear Cache .

Dengan mengklik tombol , Anda dapat menghapus cache dari situs web Anda.

Jika situs web Anda tidak memiliki opsi caching yang jelas, jangan khawatir. Ada banyak plugin saat ini yang juga menawarkan opsi ini. Misalnya, WP Rocket adalah salah satu yang terbaik dan paling populer.

Misalkan Anda memasang plugin WP Rocket di situs Anda. Pergi ke dasbor plugin. Anda akan melihat opsi Clear and Preload . Dengan mengklik tombol , Anda dapat menghapus cache dari situs Anda.

WP Rocket adalah plugin hanya premium. Tetapi banyak plugin caching lainnya menawarkan versi gratis dan premium. Anda akan mendapatkannya di posting ini - plugin caching WordPress terbaik.

Solusi tiga: Perbarui plugin Elementor dan Dependent

Seringkali, masalah ini mungkin terjadi jika Anda tidak memperbarui Elementor dan plugin terkait karena versi lama mungkin memiliki bug. Jadi, jika masalah Anda tidak diselesaikan bahkan setelah menyelesaikan pendekatan yang disebutkan di atas,

Cukup buka halaman plugin Anda dan periksa apakah ada pembaruan sekarang pemberitahuan di bawahnya. Jika Anda melihat pemberitahuan, perbarui plugin dengan mengklik tombol.

Kemudian, muat ulang halaman web Anda. Semoga ini akan menyelesaikan masalah Anda.

Solusi Empat: Gunakan Internet dan CDN yang lebih baik

Jika Anda masih menderita masalah ini, mungkin ada masalah dengan internet Anda atau CDN yang Anda gunakan. Karena Anda telah melakukan semua pekerjaan teknis yang mungkin bagi Anda. Jadi, kami dapat berasumsi bahwa masalah lainnya mungkin ada di layanan CDN atau internet Anda.

Ada banyak alat online (fast.com) yang dapat Anda periksa kecepatan internet Anda. Juga, diskusikan penyedia layanan hosting atau CDN Anda. Semoga mereka memiliki jawaban untuk Anda.

Dengan demikian, Anda dapat menyelesaikan ikon Elementor yang tidak memuat masalah di WordPress.

Poin Bonus: Gunakan plugin tambahan untuk mengimpor ikon gratis ke perpustakaan Elementor

Secara default, Elementor menggunakan ikon font yang luar biasa. Namun, jika Anda merasa ikon -ikon ini tidak cukup dan Anda membutuhkan lebih banyak opsi, Anda dapat mengunggah batch ikon baru ke perpustakaan. Ada banyak cara untuk melakukan ini.

Tapi kami tahu cara mudah untuk menambahkan banyak koleksi ikon baru ke perpustakaan dengan hanya memasang plugin. Kami akan membahas proses ini di bagian ini.

Pasang plugin

Buka opsi Tambah Plugin Baru . Instal dan aktifkan Elemen Ikon Plugin - Elementor Page Builder Icon Pack (6718 Ikon) .

Sekarang, buka kanvas lagi dan buka perpustakaan ikon. Anda akan melihat beberapa batch baru telah ditambahkan di sisi kiri di bawah opsi default.

Anda dapat mengkliknya dan menjelajahi ikon yang menyertainya.

Semoga dengan plugin gratis ini, Anda dapat membuka kunci dan menggunakan ribuan ikon bermanfaat di situs web Anda.

Pertanyaan yang sering diajukan tentang ikon Elementor yang tidak memuat

Semoga Anda menikmati tutorialnya. Sekarang, di bagian ini, kami akan mendaftar dan menjawab beberapa pertanyaan yang paling sering diajukan terkait dengan topik hari ini.

Tutup!

Memperbaiki ikon Elementor yang tidak memuat masalah mungkin tampak sulit pada awalnya, tetapi dengan langkah yang tepat, Anda dapat menyelesaikannya dengan mudah. Selalu mulai dengan memeriksa pengaturan dasar di Elementor dan pastikan font luar biasa diaktifkan. Hapus semua jenis cache setelah membuat perubahan, karena file cache lama sering memblokir sumber daya yang diperbarui.

Juga, perbarui Elementor dan semua plugin lainnya secara teratur untuk menghindari bug dan masalah kompatibilitas yang tidak terduga. Untuk mencegah masalah ini di masa depan, hindari menggunakan terlalu banyak plugin yang mungkin bertentangan dengan Elementor. Gunakan tema kode yang baik yang mendukung Elementor sepenuhnya. Jauhi plugin nol.

Jika Anda menggunakan CDN, pastikan itu dikonfigurasi dan disinkronkan dengan benar. Terakhir, uji situs Anda di berbagai browser dan perangkat untuk memastikan ikon dimuat dengan lancar untuk semua pengunjung. Kebiasaan sederhana ini dapat membantu menjaga situs Anda terlihat sempurna setiap saat.