Anleitung zur Änderung der WordPress-Schriftfarbe

王林
Freigeben: 2023-09-03 12:05:01
Original
1535 Leute haben es durchsucht

Sie können die Schriftfarbe auf Ihrer WordPress-Website ganz einfach für einen kleinen Textabschnitt oder einen Block ändern. Alternativ können Sie die Farbe bestimmter Elemente oder CSS-Klassen auf Ihrer gesamten Website ändern.

In diesem kurzen Tutorial zeige ich Ihnen, wie Sie die Schriftfarbe auf Ihrer WordPress-Website schnell ändern können.

Ich zeige dir zwei Methoden:

  • Ändern Sie die Schriftfarbe einzelner Blöcke.
  • Fügen Sie dem Farbblock eine CSS-Klasse hinzu und formatieren Sie dann die Klasse.

Ich gebe Ihnen auch einen Überblick darüber, wie Sie Stylesheets verwenden, um die Schriftfarbe auf Ihrer gesamten Website zu ändern.

Wenn Sie wissen möchten, wie Sie eine brandneue Schriftart zu WordPress hinzufügen oder die Schriftgröße in WordPress ändern können, erfahren Sie hier ebenfalls, wie das geht.

So ändern Sie die Schriftfarbe des Textteils

Sie können einen Textteil oder einen gesamten Textblock in einem Beitrag oder einer Seite auf eine andere Farbe als andere Beiträge oder Seiten festlegen. Sie können damit bestimmte Texte hervorheben und hervorheben oder das Design Ihrer Website verbessern.

Warnung: Zu viele Farben können dazu führen, dass Ihre Website überladen und unprofessionell aussieht. Achten Sie darauf, konfliktfreie Farben zu verwenden.

Suchen Sie zunächst den Textteil, dessen Farbe Sie ändern möchten.

WordPress 字体颜色修改指南

Doppelklicken Sie, um den Text auszuwählen, dessen Farbe Sie ändern möchten. Klicken Sie auf das Pfeilsymbol über dem Block und wählen Sie „Textfarbe“ aus.

WordPress 字体颜色修改指南Wählen Sie die Farbe, die Ihr Text haben soll. Die Farben im Bearbeitungsbildschirm ändern sich für Sie.

WordPress 字体颜色修改指南Alternativ können Sie den Hex-Code verwenden, um eine bestimmte Farbe auszuwählen. Dies ist eine gute Idee, wenn Sie Farben verwenden möchten, die an anderer Stelle auf Ihrer Website verwendet werden.

Klicken Sie auf den Link „Benutzerdefinierte Farben“ und wählen Sie eine Farbe aus der Auswahl aus oder geben Sie einen Hexadezimalcode ein.

Wiederholen Sie diesen Vorgang für alle anderen Textblöcke oder Textabschnitte, deren Farbe Sie ändern möchten. Sie müssen nicht die Farbe des gesamten Blocks ändern – Sie können bei Bedarf auch nur ein Wort ändern.

WordPress 字体颜色修改指南Klicken Sie abschließend auf

Aktualisieren

, um Ihren Beitrag zu aktualisieren, oder klicken Sie auf

Veröffentlichen

, um ihn zu veröffentlichen. Dadurch werden Ihre Änderungen gespeichert. Jetzt hat Ihr Text die Farbe, die Sie ihm gegeben haben:

So ändern Sie die Schriftfarbe mithilfe von CSS-KlassenWordPress 字体颜色修改指南

Wenn Sie eine Reihe von Textblöcken so ändern möchten, dass sie alle die gleiche Farbe haben, verwenden Sie am besten CSS-Klassen. Auf diese Weise wissen Sie, dass sie alle die gleiche Farbe haben und müssen sich nicht merken, welche Farbe Sie verwendet haben. Suchen Sie Ihren Textblock erneut und öffnen Sie die Registerkarte

Erweitert

im Bereich

Blöcke

. Geben Sie im Feld Andere CSS-Klassen die CSS-Klasse ein. Ich werde

verwenden. Ich habe die Farbe absichtlich unbenannt gelassen, für den Fall, dass ich sie später ändern möchte.

highlight-color

Klicken Sie jetzt auf

AktualisierenWordPress 字体颜色修改指南 oder

Veröffentlichen

, um Ihren Beitrag zu speichern. Sie haben jetzt zwei Möglichkeiten, die Farbe von Blöcken mit dieser Klasse zu bearbeiten: Stile im Customizer hinzufügen

Fügen Sie Stile zum Stylesheet Ihres Themes hinzu
  • Das Stylen einer Klasse im Customizer ist der einfachste Weg und bereitet Ihnen keine Probleme beim Aktualisieren Ihres Themes.
  • Gehen Sie im WordPress-Adminbereich zu
Darstellung > Anpassen

und klicken Sie auf

Zusätzliches CSS

.

Geben Sie im Bereich

Anderes CSSWordPress 字体颜色修改指南 CSS ein, um die Schriftfarbe zu ändern:

.highlight-color {
 color: #e76d16;
}
Nach dem Login kopieren

Verwenden Sie den Hex-Code, um die Farbe in diesem Code in eine beliebige Farbe zu ändern, die Sie verwenden möchten. Verwenden Sie am besten Farben, die an anderer Stelle im Thema verwendet werden, oder verwenden Sie Farben, die zum Thema passen und gleichzeitig den Text hervorheben. p>

Klicken Sie auf die Schaltfläche

VeröffentlichenWordPress 字体颜色修改指南, um Ihre Änderungen zu speichern.

Gehen Sie nun zu dem Beitrag auf Ihrer Live-Site und Sie werden sehen, dass der Block mit der Klasse eine andere Farbe hat als der Text darum herum:

highlight-color

Jetzt können Sie diese Klasse für jeden Block verwenden, für den Sie diese Farbe festlegen möchten.

Schriftfarbe im Design-Stylesheet ändern

Mit den beiden Methoden, die ich Ihnen zeige, müssen Sie weder die Dateien in Ihrem Theme bearbeiten noch über tiefe CSS-Kenntnisse verfügen. Sie bieten Ihnen eine schnelle Möglichkeit, die Schriftfarben von WordPress zu ändern.

Wenn Sie jedoch die Farben vorhandener Elemente auf Ihrer Website bearbeiten möchten (z. B. alle Absätze oder Links) oder wenn Sie CSS anstelle des Customizers zum Stylesheet hinzufügen möchten, müssen Sie das Stylesheet Ihres Themes bearbeiten.

Weitere Informationen zum Bearbeiten von Stylesheets finden Sie in unserem Leitfaden zum Hinzufügen von benutzerdefiniertem CSS zu Ihrer WordPress-Site. Wenn Sie tiefer gehen möchten, ist dies ein guter Ausgangspunkt.

Fazit

Das Ändern der Schriftfarbe des Textes auf Ihrer WordPress-Website dauert nur wenige Minuten. Sie können die Schriftfarbe direkt bearbeiten oder ihr eine Klasse zuweisen und CSS für Ihre Klasse schreiben.

Aber wie auch immer Sie sich dafür entscheiden, übertreiben Sie es nicht. Und stellen Sie sicher, dass die von Ihnen verwendeten Farben gut zusammenpassen, damit die Website nicht überladen und unprofessionell wirkt.

Machen Sie Ihre Website mit einem professionellen WordPress-Theme zu etwas Besonderem

Entwerfen Sie eine neue WordPress-Website? Unsere Sammlung professionell gestalteter WordPress-Themes kann Ihrer Website in wenigen Minuten ein schönes neues Erscheinungsbild verleihen.

WordPress 字体颜色修改指南

Hier sind einige der meistverkauften und aufstrebenden WordPress-Themes von ThemeForest im Jahr 2020. p>

Das obige ist der detaillierte Inhalt vonAnleitung zur Änderung der WordPress-Schriftfarbe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage