Möchten Sie die Standardfarbe für die Textauswahl in WordPress ändern?
Sie können Ihre WordPress-Site hervorheben, indem Sie auf die kleinen Details achten, z. B. die Farbe der Textauswahl an das Farbschema Ihrer Site anpassen.
In diesem Artikel zeigen wir Ihnen, wie Sie die Standardfarbe für die Textauswahl in Ihrem WordPress-Theme ändern.
Warum die Standardfarbe für die Textauswahl ändern?
Farben sind ein wichtiger Teil Ihres Markenimages, daher sollten Sie sich Zeit für die Auswahl des perfekten Farbschemas nehmen. Es wird die Attraktivität Ihrer Website steigern, sodass Ihre Besucher länger bleiben und Ihre Verkäufe und Conversions steigern.
Ein oft vergessenes Detail ist die Hervorhebungsfarbe für ausgewählten Text. Die Standardfarbe wird nicht auf jeder Website gut aussehen.
Ihr WordPress-Theme bietet Ihnen möglicherweise die Möglichkeit, diese Farbe zu ändern, aber die meisten tun dies nicht. Wenn dies bei Ihrem nicht der Fall ist, können Sie die Textauswahlfarbe Ihres Themes mit einem Plugin oder einem Code-Snippet ändern.
Es ist nur eine Methode erforderlich, und die meisten Benutzer werden es am einfachsten finden, ein Plugin zu verwenden. Sie können die folgenden Links verwenden, um zu Ihrer bevorzugten Methode zu springen.
- Methode 1: Verwenden eines Plugins zum Ändern der Textauswahlfarbe
- Methode 2: Verwenden von Code zum Ändern der Textauswahlfarbe
Methode 1: Verwenden eines Plugins zum Ändern der Textauswahlfarbe
Benutzerdefinierte Hervorhebungsfarbe ist ein WordPress-Plugin, mit dem Sie eine benutzerdefinierte Textauswahlfarbe auswählen können. Dies ist die einfachste Methode, aber das Ergebnis sieht möglicherweise nicht in allen Webbrowsern gleich aus.
Das erste, was Sie tun müssen, ist die Installation und Aktivierung des Benutzerdefinierte Hervorhebungsfarbe Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Installation sollten Sie zu navigieren Aussehen » Anpassen auf Ihrem WordPress-Dashboard. Dann müssen Sie Farben aus dem Menü auswählen.
Sie müssen auf die Hervorhebungsfarbe klicken, um den gewünschten Farbhexcode einzugeben oder die Farbauswahl zu verwenden. Klicken Sie dann einfach auf die Schaltfläche Veröffentlichen, um die neue Hervorhebungsfarbe zu aktivieren.
Methode 2: Verwenden von Code zum Ändern der Textauswahlfarbe
Die zweite Methode verwendet ein CSS-Code-Snippet. Dies kann für Anfänger schwierig sein, und ein Fehler kann Ihre WordPress-Website beschädigen.
Wenn Sie neu in der Verwendung von Code-Snippets sind, lesen Sie vielleicht unseren Leitfaden zum einfachen Hinzufügen von benutzerdefiniertem CSS zu Ihrer WordPress-Site. In diesem Tutorial verwenden wir den Theme Customizer.
Als erstes müssen Sie zu navigieren Aussehen » Anpassen in Ihrem WordPress-Dashboard. Dort müssen Sie unten in der Liste auf Zusätzliches CSS klicken.
Als nächstes kopieren Sie einfach die folgenden Stile und fügen sie ein.
::-moz-selection { background-color: #ff6200; color: #fff; } ::selection { background-color: #ff6200; color: #fff; }
Beachten Sie, dass wir zwei Stile hinzugefügt haben. Der CSS-Selektor ::moz-selection funktioniert mit dem Firefox-Browser und der CSS-Selektor ::selection funktioniert mit anderen gängigen Browsern wie Chrome, Safari, IE9+ und Opera.
Vergessen Sie nicht, die Hintergrundfarbe an das Farbschema Ihres Themes anzupassen. Wenn Sie fertig sind, klicken Sie oben auf dem Bildschirm auf die Schaltfläche Veröffentlichen.
Sie können jetzt zu Ihrer Website navigieren, um die Änderung in Aktion zu sehen. Hier sind Vorher-Nachher-Screenshots von unserer Test-Website.
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, die Standardfarbe der Textauswahl in WordPress zu ändern.
Vielleicht möchten Sie auch unseren Leitfaden zur Auswahl der besten Webdesign-Software und unsere Liste der besten WordPress Drag & Drop-Plugins zum Erstellen von Seiten sehen.
Wenn Ihnen dieser Leitfaden gefallen hat, dann ziehen Sie bitte in Betracht, unseren Youtube Kanal für WordPress-Video-Tutorials. Du findest uns auch auf Twitter und Facebook.