Jalara Studio

veröffentlicht am

Auf dem Homescreen gespeicherte Website mit Fullscreen öffnen

# # # #

Füge in deine Website innerhalb des <head>-Bereiches folgende Meta-Angabe, um die von Homescreen geöffnete Website im Vollbildmodus (ohne Adressleiste des Browsers) anzeigen zu lassen.

<head>
    <meta name="apple-mobile-web-app-capable" content="yes" />
</head>

Soll die Statusbar nicht fehlen, so kannst du noch den Meta-Hinweis "apple-mobile-web-app-status-bar-style" hinzufügen:

<head>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
</head>

Hinweis: Änderst du hier die Angabe in content="black" so würde die Statusbar schwarz werden. Wenn du die Angabe "black-translucent" verwendest, sind die Angaben der Statusbar sichtbar, aber ohne visuellen Balken.

WordPress

In WordPress kannst du folgenden Codeschnipsel in deine functions.php oder in dein benutzerdefiniertes Plugin einfügen:

function add_fullscreen_metadata() {
    echo '<meta name="apple-mobile-web-app-capable" content="yes" />' .
 '<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />';
 }
add_action( 'wp_head', 'add_fullscreen_metadata', 10 );