Lesefortschritt:

App-Farbe für den Mobilbrowser festlegen

21. Februar 2024 | HTML

Dieser Beitrag beinhaltet 435 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Den Mobilversionen der Browser lässt sich – vornehmlich unter Android – Farbe geben. Statt in eintönigem Hellgrau erscheint der Mobilbrowser beim Seitenaufruf in Farbe. Ist ganz einfach zu machen und wir zeigen Ihnen wie.

Mit dem heutigen Trick steuern wir die Kopfleiste des Mobilbrowsers an. Dieser zeigt sich normalerweise in weiss oder hellgrau – wie im Bild nebenan:

 

Wünschenswert, wäre dort eine Farbe, welche zur Website passt. Mindestens für Android-Geräte können Sie das festlegen. Und zwar mit folgender Zeile, welche Sie in den <head>-Bereich Ihrer Website kopieren können. Sofern Sie das Divi-Theme verwenden, geht das im Backend unter Divi/Theme-Optionen/Integration:

<meta name="theme-color" content="#293280" />

Den Farbcode sollten Sie freilich anpassen, so dass die Farbe zu Ihrer Website passt.

In unserem Fall wechselt dann die Kopfleiste des Browsers farblich zum passenden dunkelblau. So wie nebenan:

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This