Sitenize Offline Girince Gri Olmasını mı İstiyorsunuz?(Wordpress & Javascript)

[baznx]

Merhabalar
Bir Javasript kodu sayesinde siz offline olduğunuzda veya tıkladığınızda ve diğer sayfaya gideceğiniz sırada komple gri olmasını isteyebilirsiniz.
Temanız function.php'ye ekleyeceğiniz kod ya da sadece script alanını alıp footer.php'ye ekleyebilirsiniz.
Kod:

add_action( 'wp_head', function () { ?>
<script>
 
    window.addEventListener('online', function(e) {
    // add your logic to update the UI when online
    console.log("You are online");
    document.body.style.filter = 'grayscale(0)';
}, false);
 
window.addEventListener('offline', function(e) {
    // add your logic to update the UI when offline
    console.log("You are offline");
    document.body.style.filter = 'grayscale(1)';
}, false);
 
</script>
<?php } );