[SOLUSI] Tampilan Landscape Saat Undangan Dibuka di Mobile Phone / HP

Untuk teman-teman yang mengalami masalah saat tampilan undangannya berubah menjadi mode landscape pada perangkat mobile phone biasanya hal ini karena pengaruh dari fitur fullscreen pada cover undangan yang ditambahkan, atau bisa juga hal ini terjadi pada perangkat gadget tertentu.

Dan supaya menghindari otomatis orientasi mode landscape tadi, silahkan tambahkan script dibawah ini pada bagian desain undangannya. Anda bisa menggunakan widget html untuk meletakkan scriptnya dan letakkan pada bagian susunan paling bawah di desainnya. Berikut scriptnya:

<script>
const isMobile = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
function matchMediaHandler(query) {
if (query.matches) { // If media query matches (portrait)
if(isMobile){document.body.style.display = “block”}
} else {
if(isMobile){
document.body.style.display = “none”;
alert(“Maaf Halaman Tidak BIsa Diakses Di Mode Landscape”);
}
}
}
// orientation query
const orientation = matchMedia(“(orientation: portrait)”)
// add listener
orientation.addListener(matchMediaHandler)
// trigger on load
matchMediaHandler(orientation)
</script>

*) Script ini diberikan oleh salah satu member WeddingPress (Mas @Neoandien) untuk keperluan member dalam menghindari terjadinya kasus seperti ini.