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 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.
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 architecture | Linux |
| Web server | Apache |
| PHP version | 7.4.33 (Supports 64bit values) |
| PHP SAPI | fpm-fcgi |
| PHP max input variables | 1000 |
| PHP time limit | 30 |
| PHP memory limit | 128M |
| PHP memory limit (only for admin screens) | 256M |
| Max input time | 60 |
| Upload max filesize | 2M |
| PHP post max size | 8M |
| cURL version | 7.87.0 OpenSSL/1.1.1s |
| Is SUHOSIN installed? | No |
| Is the Imagick library available? | No |
| Are pretty permalinks supported? | Yes |
| .htaccess rules | Custom rules have been added to your .htaccess file. |
