Farbige Tabs für Chrom für Wordpress Webseiten | iamcan.de

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!

Folgend siehst Du ein Beispiel :

 

mit Färbung

ohne Färbung

[siteorigin_widget class=“orion_empty_space_w“][/siteorigin_widget]

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. Farbige Tabs – Hierfür gehen wir im Dashboard im inken Menüreiter auf Plugins<Installieren:

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

3. Farbige Tabs – 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>

 

Leave a Reply

Your email address will not be published.

Wir benutzen Cookies um die Nutzerfreundlichkeit der Webseite zu verbessen. Durch Deinen Besuch stimmst Du dem zu.