Gambar tidak muncul di WordPress, masalah srcset?

Kasus Gambar tidak muncul di Wordpress, masalah srcsetKasus Gambar tidak muncul di Wordpress, masalah srcset
Kasus Gambar tidak muncul di Wordpress, masalah srcset

Salah satu masalah yang ditemukan di beberapa web WP yang saya kelola adalah tidak mucnilnya gambar di postingan. Termasuk juga gambar dari feature image juga tidak nonggol. Gambar tidak muncul di CMS WordPress, karena masalah srcset tidak mau digunakan di web ini. Cara diagnosa masalahnya dimana, biasanya saya pakai inspect element.

Masalah di srcset Image

Contohnya kita inspect pada bagian image yang error (tidak mau muncul), disini ada kode image src yang memanggil gambar dri URL gambarnya, class, alt, decoding dan srcset. Jika bagian srcset dihapus semua maka gambar bisa muncul. Masalah ini muncul di beberapa server, namun di web imm.web.id atau imam.web.id ini masalah ini tidak terjadi, tidak muncul. Contoh gambar dibawah ini dari web imm.web.id srcset ada dan normal gambar bisa tampil baik.

Kode srcset berfungsi baik di web imm.web.id

Kode srcset tidak berfungsi baik di web imam.mercubuana-yogya.ac.id saat idcek kode html dengan inpect element dan bagian kode srcset dihapus, gambar bisa tampil normal. Awalnya saya kira karea fitur : Leech Protect allows you to prevent your users from giving out or publicly posting their passwords to a restricted area of your site. This feature will redirect accounts which have been compromised to a URL of your choice (and suspend them, if you choose). Click a folder’s icon or name to navigate the file system. To select a folder, click “Edit”. Bukan maslah ini, karena statusnya juga tidak aktif.

Kode srcset tidak berfungsi baik di web imam.mercubuana-yogya.ac.id
Pengaturan Leech Protect di Cpanel, kasus ini bukan karena ini.

Solusi

Saya belum menemukan cara atasi di sisi server, kenapa srcset tidak jalan di web ini. Solusi yang saat ini dilakukan dengan menambahkan dan Install Plugin ini Disable Responsive Images Complete, Plugin ini sepenuhnya menonaktifkan fitur gambar responsif WP yang diperkenalkan di versi 4.4.

Fitur Plug ini yaitu :

  • Menonaktifkan gambar responsif di front-end
  • Menonaktifkan pembuatan ukuran gambar 768px sedang_besar
  • Sepenuhnya plug-and-play, tidak diperlukan konfigurasi
  • Bekerja sempurna dengan atau tanpa editor blok Gutenberg
  • Menggunakan API WP untuk menonaktifkan gambar responsif
  • Kode bersih, ringan, sangat menyenangkan

Hasil dari penggunaan plugin akan men-disable srcset dan gambar tampil dipostingan ini. Saat dilihat kode dengan inspect element, srcset tidak ada lagi.

Jika ada update atau solusi lain pada kasus ini silahkan bisa komentar

Beberapa data di Server

Masalah ini terjadi di WordPress versi 6.1.1 dan server yang digunakan seperti ini. The options shown below relate to your server setup. If changes are required, you may need your web host’s assistance.

Server architectureLinux
Web serverApache
PHP version7.4.33 (Supports 64bit values)
PHP SAPIfpm-fcgi
PHP max input variables1000
PHP time limit30
PHP memory limit128M
PHP memory limit (only for admin screens)256M
Max input time60
Upload max filesize2M
PHP post max size8M
cURL version7.87.0 OpenSSL/1.1.1s
Is SUHOSIN installed?No
Is the Imagick library available?No
Are pretty permalinks supported?Yes
.htaccess rulesCustom rules have been added to your .htaccess file.

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.