Sponsor: Quick testing across devices with this browser built for web developers.

Pernah ketika saya selesai mengembangkan website di local komputer. Menggunakan aplikasi Local WP tanpa mengaktifkan fitur SSL-nya.

Jadi pengerjaan Wordpress yang saya kerjakan di url http bukan https. Yang saya kira ini tidak mempengaruhi banyak ketika menggunakan plugin builder.

Ini adalah proyek yang saya dapatkan untuk mendesain dan mengimplementasikan ke instalasi WordPress. Projek website ini menggunakan tema Enfold yang dibangun dengan Avia builder.

Sebenarnya saya tidak suka menggunakan builder tersebut.

Karena saya harus membayangkan implementasi di editor klasik tentang apa yang saya lakukan dengan buildernya.

Saya memutuskan untuk menggunakan pembuat Elementor seperti biasa. Mudah dan klien dapat belajar dengan cepat cara mengedit konten atau gambar.

Saya memulai implementasi dengan membuat instalasi staging. Membuat subdomain dari cPanel, mematikan pengindeksan mesin pencari dan menambahkan robots.txt untuk menonaktifkan robot yang meng-crawl website.

Saya tahu bahwa pengindeksan akan otomatis di set tidak aktif saat membuat instalasi staging dari cPanel Softaculous, tetapi seperti yang Anda lihat catatan kecil di bawah kotak centang mengatakan "It is up to search engines to honor this request.".

Ya, metode ini tidak cukup kuat untuk memblokir robot crawler. Memblokir menggunakan robots.txt adalah yang terbaik menurut saya.

Ini yang biasa saya lakukan ketika membuat instalasi staging dan sangat yakin bahwa membuat staging tanpa konfigurasi SSL tidak terlalu penting atau akan memberikan pengaruh terhadap tombol push live.

Namun, setelah pengembangan selesai dan mencoba push situs tersebut ke versi production, masalah muncul.

Hampir semua konten media memiliki link HTTP bukan dengan HTTPS. Tidak ada ikon kunci tetapi ikon peringatan di bilah alamat.

Jika saya membuka console dari alat inspeksi browser, muncul peringatan yang mengatakan mixed content. Saya sangat yakin ini karena proses staging saat itu.

Menemukan Solusi Untuk Mixed Content Pada Elementor

Saya harus spesifik untuk menemukannya di internet pertama kali, "mixed content on Elementor" sepertinya yang terbaik.

Tekan pencarian dan pilih beberapa daftar teratas, lalu ya, saya menemukannya dan sedikit terkejut karena sangat mudah untuk memperbaikinya.

Dengan membuka tab Elementor > tools > "Replace URL", ada dua kolom input. Field pertama untuk URL lama dan URL baru untuk URL lainnya. Atau gampanganya, mengganti protokol yang tidak aman dengan yang aman.

Tulis saja link domain non-HTTP dengan HTTPS. Misalnya, tulis "http://domainanda.com" untuk kolom old URL, lalu "https://domainanda.com" di kolomn new URL.

Begitu saja, dan peringatannya pun hilang.

Ada beberapa solusi lain untuk mengatasi masalah ini. Misalnya, jika Anda tidak menggunakan Elementor untuk pembuat situs.

Anda dapat menggunakan beberapa plugin yang berfungsi sama seperti dari Elementor. Menyukai: Better Search Replace atau SSL Insecure Content Fixer

Terakhir

Jika Anda menggunakan Elementor, menggunakan plugin lain tidak akan berfungsi karena masalah terjadi di widget Elementor.

Kasus saya ini hanya salah satu penyebabnya, ada beberapa penyebab yang bisa membuat peringatan ini muncul. Anda perlu melakukan pemeriksaan mendalam untuk mengetahui penyebabnya. Semoga ini membantu Anda.

Share

Let me know your thought or you find a mistake/outdated content for this post.

Get the latest update of tutorials, inspirations and useful resources for website design and development to your email box