Adressleiste im mobilen Browser einfärben

Irgendwie macht das helle Standard-grau vieler mobiler Browser das Feeling beim Aufruf von Webseiten kaputt, oder?

Alles sieht richtig schön bunt aus und dann klebt da oben dieses hässliche Ungetüm über der Webseite.

Zum Glück gibt es einen Meta Tag mit dessen Hilfe Du die Adressleiste für Deine mobilen Besucher einfärben kannst.

In diesem Beitrag zeige ich Dir, wie das geht.

Adressleiste im mobilen Browser einfärben

Bevor es losgehen kann, brauchst Du nur den HEX-Wert für die Farbe, in der Du gerne die Adressleiste einfärben möchtest.

Eine Tabelle mit vielen Farben und den passenden HEX-werten, findest Du auf farb-tabelle.de

Sobald Du Dir eine Farbe ausgesucht hast, ersetzt Du den Eintrag #2e2d2d im folgenden Codebeispiel einfach durch den neuen HEX-Wert Deiner Farbe.

//Adressleiste einfaerben
add_action('wp_head', 'fley_addColorCode');
function fley_addColorCode(){
echo '<meta name="theme-color" content="#2e2d2d" />';
}

Jetzt musst Du den fertigen Code nur noch in die functions.php Deines aktuellen Themes oder Dein Funktions-Plugin zu kopieren. Und zwar vor der letzten Zeile mit dem “?>” bzw. nach der letzten geschwungenen Klammer „}“.

Sobald Du die geänderte Datei gespeichert, oder hochgeladen hast, funktioniert auch schon alles. Du musst nichts mehr einstellen.

Brauchst Du Hilfe?

Wenn Dir das Ändern von Dateien nicht geheuer ist, dann helfe ich Dir gerne bei der Anpassung Deiner Webseite. Schick‘ mir einfach eine kurze Mail.

Weitere Informationen zu den Teilen-Buttons findest Du in der: Datenschutzerklärung
Social Sharing powered by fShare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.