Blog

Wordpress

Farbige Tabs für Chrom auf Android-Endgeräten für Deine WordPress Homepage

Du möchtest erfahren, wie du kinderleicht den Tab einer beliebigen Webseite basierend auf WordPress farbig auf deine Bedürfnisse anpasst? In dieser 5-Minuten-Anleitung kommst du ganz schnell zum gewünschten Ergebnis!

Farbige Tabs – Chrome Tabs färben für WordPress Webseiten:

Um die Farbe deines Tabs für deine WordPress Webseite anzupassen, müssen wir einen bestimmten Meta Tag hinzufügen, und zwar den „theme-color“-Tag.

1.Hierfür gehen wir im Dashboard im linken Menüreiter auf Plugins<Installieren:

2. Im zweiten Schritt suchen wir den Meta Tag Manager von Marcus Sykes und aktivieren dieses Plugin nach der Installation:

3. Im dritten und letzten Schritt gehst du auf die Startseite deiner Homepage:

Etwas weiter unten findest du dann auf deiner Seite den installierten Meta Tag Manager (welcher übrigens auch hilfreich für die Koppelung mit der Google Search Console ist).

Hier wählst du den Tag Type: „name“ | trägst „theme-color“ zum name Value ein | und fügst im content Attribute Bereich deinen HEX-Farbcode ein z.B #448fa3.

 

Abschließen mit Seite Aktualisieren und schon ist der Tab deiner Homepage für Mobile Endgeräte gefärbt!

Am Ende ist folgender Meta Tag hinzugefügt:

 

<meta name=theme-color content=#0066a6>