WordPress: Überschriften in Großbuchstaben

WordPress-Titel ändern-Großbuchstaben
WordPress-Titel: Großbuchstaben erzwingen oder Großbuchstaben entfernen – mit CSS ist beides möglich

Die Überschriften von WordPress-Beiträgen (Titel) werden je nach Theme unterschiedlich dargestellt, entweder normal oder in GROSSBUCHSTABEN. In diesem Tutorial zeige ich dir, wie du die Titel-Anzeige änderst, und zwar:

  • In zwei Minuten
  • Mit zwei Zeilen CSS-Code-Schnipsel
  • Ohne Programmierkenntnisse
  • Ohne Risiko

Überschrift normal oder in GROSSBUCHSTABEN

Für die Darstellung der Überschriften (Titel) ist das Theme verantwortlich. Übliche Varianten der Groß- und Kleinschreibung:

  • Ganz normale Überschrift eines Beitrags – in Groß- und Kleinbuchstaben
  • ÜBERSCHRIFT EINES BEITRAGS – in Großbuchstaben

Die Großbuchstaben stören dich, weil sie schlechter zu lesen sind und mehr Platz benötigen? Oder andersrum – du möchtest unbedingt die auffälligen Großbuchstaben in allen Titeln haben? Dann überschreibe die CSS-Datei. Aber nicht direkt, sondern bequem und sicher im Customizer.

CSS im Customizer bearbeiten

WordPress Customizer
WordPress Customizer
  • Öffne den Customizer über Design > Customizer
  • Klicke unten auf den Menüpunkt Zusätzliches CSS
  • Es öffnet sich das CSS-Eingabefenster: Deine Anpassungen für zusätzliches CSS
  • In dieses Fenster überschreibst du die CSS-Anweisung, die dein Theme in der Datei style.css hinterlegt hat

Alle Überschriften normal darstellen

Großbuchstaben entfernen
Mit zwei Zeilen CSS-Code werden die störenden Großbuchstaben entfernt

Mit diesem CSS-Code zeigt dein WordPress-Theme alle Überschriften normal an:

.entry-title
{text-transform: none;}

Alle Überschriften in GROSSBUCHSTABEN

Mit diesem CSS-Code zeigt dein WordPress-Theme alle Überschriften in Großbuchstaben an:

.entry-title
{text-transform: uppercase;}

Ursprüngliche Darstellung wiederherstellen

Du kannst deinen Code jederzeit wieder aus dem Customizer entfernen. Die Folge:

  • Die Darstellung der Überschrift wird wieder von der Datei style.css definiert
  • Die Überschriften werden wieder so angezeigt, wie es sich der Theme-Entwickler gedacht hatte

Kommentar verfassen