Haben Sie bemerkt, dass viele beliebte Websites wie die BBC et Facebook Verwenden Sie ihre eigenen Farben in der Adressleiste von mobilen Browsern. Kürzlich hat uns einer unserer Benutzer über sein Interesse an diesem Thema informiert.

In diesem Tutorial zeigen wir Ihnen, wie Sie die Farbe der Adressleiste im mobilen Browser an Ihre WordPress-Site anpassen können.

Warum die Farbe der Adressleiste für den mobilen Browser harmonisieren?

Die meisten WordPress-Themes beliebt sind responsive auf Mobilgeräten. Dadurch sieht Ihre Website auf Mobilgeräten gut aus. Er präsentiert sich jedoch immer noch als Website.

Durch Anpassen der Farbe der Adressleiste an Ihre WordPress-Site entsteht der Eindruck einer mobilen Anwendung. Dies verbessert die Benutzererfahrung und erhöht sowohl den Umsatz als auch die Conversions.

Es ist jedoch zu beachten, dass es derzeit nur für den Google Chrome-Browser auf Android-Geräten mit Lollipop oder neueren Versionen funktioniert.

Passen Sie die Farbe der Adressleiste im mobilen Browser an Ihr WordPress-Thema an

Fügen Sie einfach diesen Code zur Datei hinzu " header.php" de Ihr Thema oder untergeordnetes Thema kurz vor dem Schließen </head> -Tag.

Diese Zeile ist ein HTML-Meta-Tag, das von Google Chrome auf Android verwendet wird, um die Farbe der Adressleiste im mobilen Browser zu ändern. Das Feld von Inhalt enthält den Hexadezimalcode der Farbe, die Sie als Designfarbe verwenden möchten.

Sie wissen nicht, wie Sie den Hexadezimalcode für die Farbe erhalten sollen? Sie können den Hex-Wert einer Farbe mit jeder Bildbearbeitungssoftware wie Adobe Photoshop, Gimp, Paint usw. ermitteln.

Sie können eine Farbe auch mit den Werkzeugen von auswählen HTML-Farbauswahl. Wenn Sie eine Farbe von einer Webseite auswählen möchten, können Sie eine Browsererweiterung wie verwenden ColorZilla.

Das ist alles ! Wir hoffen, dass Sie in diesem Artikel erfahren haben, wie Sie die Farbe der Adressleiste von mobilen Browsern an Ihre WordPress-Site anpassen können.

Wenn Sie Kommentare oder Vorschläge haben, teilen Sie uns dies bitte im entsprechenden Abschnitt mit.