Jetpack adalah plugin populer untuk pengguna WordPress, saya merasa setiap instalasi WordPress mesti punya ini karena fiturnya yang komplit bahkan untuk paket free nya.

Salah satu fiturnya adalah Newsletter, dimana Jetpack akan menyediakan form agar pengunjung bisa subscribe dengan memasukkan alamat email mereka, nantinya setiap ada post baru dibuat, maka akan dikirim via email ke subscribers tersebut.

Beberapa waktu belakangan (mungkin sudah mingguan atau bulanan ke belakang), saya mengalami masalah dimana email yang terkirim tidak menampilkan gambar yang ada di postingan saya. Saya gak sempet untuk memeriksa lebih jauh, dan lagipula karena ini plugin populer, pastinya ada kalau ada masalah, orang lain juga punya masalah yang sama, dan akan di fix di versi berikutnya, iya kan? ternyata tidak.

Sekian update berlalu, masih sama saja, akhirnya karena saya lagi pusing urusan lain, maka saya coba memeriksa apa sih masalahnya.

Ternyata masalahnya ada di kompabilitias dengan plugin lain.

WP Offload Media Lite

Saya menggunakan plugin WP Offload Media Lite untuk memanajemen media atau gambar yang saya upload di website ini. Jadi plugin ini bekerja ketika saya mengupload gambar atau foto ke website ini maka akan dipindahkan ke dalam AWS S3 (yang sudah saya set), lalu menampilkan lagi di website ini. Ini saya lakukan supaya saya gak perlu menyimpan gambar saya di server website ini yang bisa bikin server penuh dan ribet kalau mau pindah server karena mesti bawa semua gambar tersebut.

Plugin ini kerjanya praktis banget, beneran setup dan sudah biarkan, gak ada perubahan apapun pada proses penggunaan di WordPress, just works, tapi ternyata ada masalah ketika di email.

Masalahnya juga ternyata bukan langsung dari plugin ini, tapi memang sistem di belakang layar proses emailnya.

Contoh pada artikel ini: https://yogasukma.web.id/2024/08/kopi-kenangan/

Email yang dikirim menampilkan gambar dari url ini:

https://yogasukma.web.id/wp-content/uploads/2024/08/DSCF9671_1.jpg

URL tersebut sejatinya memang bener, tapi plugin Offload media tadi sudah memindahkan file tersebut ke S3 Storage saya, jadi ketika url tersebut dibuka gambarnya gak tampil, dapat 404 error.

Tapi kalau dibuka artikel nya https://yogasukma.web.id/2024/08/kopi-kenangan/ gambarnya tetap tampil, karena menampilkan gambar dari url S3 saya:

https://photos-yogasukma.s3.ap-southeast-3.amazonaws.com/blog/2024/08/DSCF9671_1.jpg

Seharusnya, email newsletter menggunakan url ini untuk menampilkan gambar, tapi tidak.

Saya terpikir banyak cara untuk memperbaiki ini, mungkin saya harus PR ke plugin tersebut? Tapi karena saya sendiri lagi pusing dengan urusan saya, maka saya kepikiran cara paling gampang, yang mana menggunakan trik .htaccess.

Saya menggunakan rule simple seperti ini:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_URI} ^/wp-content/uploads/([0-9]{4})/([0-9]{2})/(.+)$ [NC]
RewriteRule ^.*$ https://photos-yogasukma.s3.ap-southeast-3.amazonaws.com/blog/%1/%2/%3 [R=301,L]
</IfModule>

Fungsinya adalah untuk melakukan redirect, jadi kalau url pertama tadi dibuka, maka akan dilakukan redirect ke url S3 Storage saya! simpel!

Benar saja, fix nya bisa digunakan, saya cek melakukan postingan menggunakan gambar, dan berhasil tampil, juga email-email sebelumnya yang sudah terkirim tapi gambarnya tidak tampil, sekarang semuanya sudah tampil.

So sekarang, email newsletter saya bisa menampilkan foto dan gambar yang ada seperti di postingan website! 🎉