Gambar Terpapar Dua Kali Pada Entri Akibat Masalah Plugin

Dalam 2 minggu lepas, saya telah menukar template blog ini kepada template baru.

Tanpa tahu hujung pangkal, tiba-tiba blog ini berhadapan dengan error di mana terdapat sesetengah gambar pada entri yang terpapar sebanyak 2 kali, padahal, gambar tersebut hanya sekali saja diupload dalam entri.

Secara kebetulan pula perkara ini berlaku bila template ditukar.

Mula-mula saya buntu, tak tahu nak buat macam mana. Dahlah lama tak usik-usik coding blog. Nak mula usik tu malasnya rasa. Takut salah usik, habis rosak template nanti.

Saya pun mula mencari jalan untuk mengesan di manakah punca yang membuatkan gambar terpapar dua kali dalam entri. Tapi pada peringkat awal ini, saya tak fokuskan kepada error berkaitan template.

Saya mula membuat carian Google.

Malangnya, bila buat carian Google, kebanyakan cara yang ditunjukkan adalah untuk menyelesaikan masalah berkaitan featured image.

Saya sangat pasti bahawa masalah sedang berlaku pada blog aku ni tidak berkaitan dengan featured image. Sebabnya, gambar yang terkena effect bukanlah gambar feature (featured image).

Saya kemudian membuat inspection pada code yang boleh diakses dengan right-click pada gambar dalam entri yang tersebut. Kalau nak cuba, anda boleh buka homepage Google atau mana-mana website, right-click pada mana-mana ruang dan akan ada pop-up yang keluar. Pada bawah sekali pop-up kecil tu anda akan dapat lihat perkataan Inspect. Klik saja Inspect ini dan segala mak nenek coding html atau css page tersebut akan keluar.

Akhirnya, saya mendapat clue bahawa puncanya adalah dari masalah plugin, iaitu plugin Image Lazy Load yang sedang digunakan di website ini.

Saya kemudiannya membuat try and error dengan deactivate plugin ini, kemudian clear page cache..dan keputusannya adalah..

BERJAYA!

Rupa-rupanya plugin Image Lazy Load oleh WP Zinc telah conflict dengan template blog ini dan seterusnya mengakibatkan terdapat sesetengah gambar yang terpapar dua kali.

Selesai masalah.

Saya kini menggunakan plugin lain untuk memantapkan paparan gambar tanpa mengganggu loading page.

Jadi kalau anda menggunakan theme Genesis dan berhadapan dengan masalah ini, kemungkinan terdapat plugin image yang conflict atau tidak sesuai digunakan bersama.

Biasakan try and error untuk deactivate mana-mana plugin yang disyaki membawa masalah. Bila dah deactivate tapi masalah masih berlaku, maka beralihlah ke plugin seterusnya. Sehingga selesai.

Tapi, kalau major atau critical issues yang berlaku pada blog anda, adalah dinasihatkan agar deactivate semua plugin yang ada dan cuba aktifkan satu persatu sehingga anda menemui punca berlakunya error tersebut.