Gambar WordPress tidak muncul di ponsel? Penyebab, Perbaikan, FAQ.

Beberapa alasan umum mengapa gambar WordPress Anda tidak muncul di perangkat seluler atau terdistorsi.

Dalam posting ini, kita akan membahas beberapa alasan paling umum mengapa gambar WordPress Anda tidak muncul di perangkat seluler atau terdistorsi.

Harap dicatat, bahwa ini bukan daftar yang lengkap dan mungkin ada faktor lain yang harus Anda periksa seperti tema Anda saat ini atau perubahannya, serta kemungkinan masalah hosting web dengan Penyedia Hosting Web Anda saat ini antara lain.

Namun, berikut adalah alasan paling umum yang kami temukan mengapa gambar situs web WordPress Anda tidak muncul di perangkat seluler atau jika ada, gambar mungkin terdistorsi:

• Plugin atau Konflik Tema.
• Masalah Pembuat Halaman.
• Kurangnya pembaruan tema.
• Menggunakan Plugin Pengoptimal Gambar.
• Gambar terlihat berbeda di seluler daripada di desktop.
• Masalah dengan WP Rocket.

Gambar WordPress tidak ditampilkan di ponsel. Penyebab dan Perbaikan.

Plugin atau Konflik Tema.

Dalam banyak kasus seperti kebanyakan masalah terkait WordPress, ini bisa menjadi konflik plugin.

Untuk memeriksa konflik plugin lainnya, pertama, nonaktifkan semua plugin yang berjalan di situs Anda. Kemudian beralih ke tema "Dua Puluh" default.

Jika masalah hilang, aktifkan plugin satu per satu untuk mengidentifikasi sumber masalahnya. Kemudian aktifkan tema Anda.

Untuk mempermudah diagnosis, instal plugin Health Check .

Pada tab "Pemecahan Masalah", Anda juga dapat mengklik tombol untuk menonaktifkan semua plugin dan mengubah tema untuk Anda. Semua saat Anda masih masuk, tanpa memengaruhi lalu lintas normal, atau pengunjung situs Anda.

Masalah Pembuat Halaman.

Jika Anda menggunakan pembuat halaman seperti Elementor di halaman edit, periksa apakah Anda telah mengunggah gambar untuk responsif seluler.

Anda akan menemukannya di bagian bawah Elementor di Pengaturan >> Mode Responsif: pilih tampilan seluler. Kemudian seret gambar yang ingin Anda tampilkan.

Anda juga dapat menggunakan beberapa CSS untuk menampilkannya, tetapi itu belum tentu merupakan pilihan terbaik. Namun, Anda dapat mencobanya:

Tambahkan kode CSS di bawah ini ke file style.css tema anak aktif Anda saat ini atau Anda dapat menambahkan opsi css tambahan di penyesuai tema:

@media (lebar maks: 767 piksel){

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

tampilan: blok;

}

}

Jika Anda menemukan bahwa setelah memperbaiki masalah seluler, gambar menghilang juga terjadi di browser desktop saat Anda meminimalkan ukuran browser melewati ukuran tertentu.

Kemudian coba ini:

Buka “Edit halaman dengan Elementor” klik Bagian >> Lanjutan >> Responsif dan matikan opsi tersembunyi di seluler. Atau Anda dapat menambahkan kode di bawah ini ke bagian Customize >> Custom CSS untuk memperbaikinya:

@media (lebar maks: 767 piksel)

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

tampilan: blok !penting;

}

Kurangnya pembaruan Tema.

Jika kebetulan Anda menggunakan tema lama atau tema gratis yang tidak menyertakan pembaruan, gambar yang tidak muncul di perangkat seluler dapat dikaitkan dengan kurangnya pembaruan pada tema gratis Anda sehubungan dengan pembaruan inti WordPress reguler atau kurangnya dari pembaruan tema reguler secara umum.

Jadi, mengganti tema Anda ke tema default WordPress “Twenty”, yang memang mendapatkan pembaruan rutin, harus menentukan apakah masalahnya terkait dengan tema.

Menggunakan Plugin Pengoptimalan Gambar.

Jika Anda menggunakan plugin pengoptimalan gambar, itu bisa mengubah gambar Anda menjadi format yang tidak dikenali oleh tema Anda atau tidak kompatibel dengannya.

Misalnya, ada masalah yang disebabkan oleh plugin Autoptimize, yang mengonversi gambar ke format .webp untuk pemuatan cepat dan fungsi lainnya.

.webp format Catatan singkat: format .webp Anda juga bisa memiliki masalah dengan plugin "Lazy Loading".

Jika ini atau plugin pengoptimalan gambar lainnya, Anda mungkin ingin mencoba beberapa plugin pengoptimalan gambar lain yang lebih kompatibel untuk waktu pemuatan yang lebih cepat.

Gambar terlihat berbeda di seluler daripada di desktop.

Gambar unggulan Anda terlihat bagus di desktop, tetapi di seluler gambarnya terlalu besar dan akhirnya keluar dari batas pratinjau pos. Jika demikian, Anda akan menginginkannya menjadi lebih responsif sehingga pas di halaman.

Untuk ini, Anda harus mencoba plugin ini dan melihat apakah itu membantu:

Gambar Adaptif ShortPixel .

Masalah dengan WP Rocket.

Jika Anda baru saja membeli WP Rocket dan berharap itu akan mempercepat situs Anda, tetapi menemukan gambar Anda menghilang di ponsel, Anda pasti ingin membaca dokumen pemecahan masalah ini di WP Rocket untuk beberapa kemungkinan perbaikan cepat: " Situs Saya Rusak ”.

Gambar WordPress tidak ditampilkan pada kesimpulan seluler.

Dalam kebanyakan kasus, seperti banyak masalah dengan WordPress, Ini mungkin hanya karena konflik plugin dan atau tema.

Open source sangat bagus karena memungkinkan semua jenis kontribusi dari pengembang kreatif dan sungguh-sungguh yang terus mencari untuk meningkatkan WordPress bagi penggunanya.

Namun, karena banyaknya tema dan plugin beserta pengkodeannya, tidak dapat dihindari bahwa konflik dapat terjadi.

Tapi yakinlah, konflik plugin dan tema biasanya paling mudah untuk diselesaikan jika Anda tahu apa itu. Dengan menggunakan plugin di atas, Health Check , Anda dapat menemukan banyak konflik dengan cukup cepat.

Jika itu gagal menemukan sumber masalahnya, maka alasan umum lainnya yang tercantum mengapa gambar WordPress Anda tidak muncul di perangkat seluler atau terdistorsi mungkin menjadi penyebabnya.

Jika semuanya gagal, maka Anda harus menghubungi pengembang tema WordPress Anda atau dukungan mereka untuk mempersempit masalah dari ujungnya.