Tento snippet nastavuje farbu horného systémového status baru na mobilných zariadeniach.
- Na Androide mení farbu stavovej lišty prehliadača (status bar) pomocou meta tagu
theme-color. - Na iOS (Safari / PWA) povoľuje webovej stránke správať sa ako webová aplikácia a nastavuje štýl status baru na tmavý, polopriehľadný.
Kód sa vkladá do hlavičky stránky (<head>) pomocou hooku wp_head, takže sa automaticky aplikuje na celý web bez potreby úprav šablóny.
Výsledkom je jednotnejší a profesionálnejší vzhľad webu na mobilných zariadeniach, najmä pri tmavom dizajne.
PHP
add_action( 'wp_head', function() {
?>
<!-- Android -->
<meta name="theme-color" content="#000000">
<!-- iOS (Safari / PWA) -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<?php
});