Ändern der Farbe von WordPress Theme

Wenn Sie endlich das perfekte Layout für WordPress finden, sollten nicht Sie zulassen, das falsche Farbschema, stoppen Sie es abholen. So lange, wie die Farben im Gegensatz zu in grafische Elemente im Stylesheet Layout definiert sind werden Sie das Farbschema des Layouts ändern. Um das Stylesheet ändern, müssen Sie ein grundlegendes Verständnis von CSS und fühle mich wohl ein vital-Layout-Dokument ändern.

Anweisungen

1 Bestimmen Sie, welche Farben Sie verwenden möchten. Kopieren Sie oder notieren Sie den sechsstelligen Hexadezimalcode jeder Farbe zugeordnet. Jede Farbe hat einen Code hergestellt aus sechs Buchstaben und/oder Ziffern; weiß verwendet #FFFFFF während schwarz verwendet #000000. Es gibt viele verschiedene Websites Farben und Kombinationen, z. B. Farbe Lovers oder YaflaColor gewidmet.

2 Öffnen Sie das WordPress-Dashboard und wählen Sie "Darstellung" und dann "Editor". Dies wird die Liste aller Vorlagen und Seiten für Ihre Website relevant angezeigt.

3 Wählen Sie "Stylesheet (style.css)" von unten "Styles"-Untertitel. Je nach Ihren bestimmten Vorlage das Stylesheet kann einen anderen Namen haben, aber haben immer einen Dateityp "CSS."

4 Kopieren Sie und fügen Sie den gesamten unveränderten Inhalt des Standard-Stylesheetdokument. Sie können dies tun, indem auf eine beliebige Stelle im WordPress-Editor und drücken "Strg" und "A" auf der Tastatur und dann drücken "Strg" und "C." Öffnen Sie ein leeres Textdokument, fügen Sie den Inhalt des aktuellen Stylesheets und speichern Sie diese Kopie auf Ihrem Computer. Diese Kopie wird nützlich sein, wenn Sie das Stylesheet zu brechen und die Standardeinstellungen wiederherstellen müssen.

5 Zurück zu der WordPress-Editor-Fenster, und suchen Sie das Stylesheet für das "BODY"-Tag. Es sieht wie "BODY {" mit einer Reihe von Attributen, die darunter liegenden, gefolgt von einem "}" Zeichen. Abschnitt "BODY" ist, in dem Sie nicht nur den Bildhintergrund, sondern auch die Farbe des Textes ändern.

6 Suchen Sie das Attribut "Hintergrund" im Abschnitt "Body". Wenn Ihr Hintergrund nur eine Farbe ist, wird es formatiert sein "Hintergrund: #000000;".

7 Ändern Sie "#000000", in welcher Farbe Sie für den neuen Hintergrund verwenden möchten. Um die Farbe des Textes ändern, suchen Sie das "Farbe"-Tag, formatiert "Color: #000000;" und ändern Sie den hex-Code zu Ihrem bevorzugten Text-Farbe. Um Link-Farben ändern, finden Sie die Tags, die beginnen mit "a:" wie "ein: link {}," "ein: {}, besucht" "ein: hover {}" und "ein: aktive {}" und ändern Sie den hex-Code.

8 Finden Sie den Rest der Elemente, die Sie ändern möchten. Wie diese Elemente kategorisiert werden, schwankt drastisch zwischen Webdesigner; ein Designer kann IDs verwenden, um Elemente (z. B. "#header {}") definieren, während andere generische Elemente wie z. B. "Tabelle {}" gerade steht. Jedes Element mit einem Farb-hex-Code kann geändert werden; die beste Art zu lernen ist, vorsichtig zu experimentieren.

9 Speichern Sie Ihre Arbeit häufig mit dem "Update-Datei"-Button unterhalb der Text-Editor in WordPress.

Tipps & Warnungen

• Stellen Sie sicher, dass die Farben, die Sie für Ihre Website auswählen sind komplementär werden die Augen Ihrer Besucher nicht belasten.
• CSS und HTML sind die Knochen Ihrer Website; eine einzelne fehlt oder falsch eingefügte Symbol kann Ihr gesamte Layout brechen. Achten Sie darauf, nur die Teile Ihrer Website bearbeiten Sie fühlen sich bequem ändern.
• Jeder WordPress-Template-Entwickler macht ihre CSS nur ein wenig anders; während die CSS-Syntax universell ist, kann es für Ihre bestimmten Layout etwas anders formatiert werden.