Tutorials

WordPress Texte unterstreichen: Der ultimative Guide

Melden

Hier ist ein ausführliches und leicht verständliches Tutorial, wie du Texte in WordPress unterstreichen kannst.

Das Unterstreichen von Texten ist eine grundlegende Formatierung, um wichtige Informationen hervorzuheben. In WordPress ist diese Funktion jedoch seit einiger Zeit etwas versteckt, um Verwechslungen mit Hyperlinks zu vermeiden. In diesem Guide zeige ich dir alle Wege, wie du das Unterstreichen schnell meistern kannst.

Methode 1: Die Tastenkombination (Der schnellste Weg)

Die schnellste Methode funktioniert im modernen WordPress Block-Editor (Gutenberg) genauso wie im alten Classic Editor.

  1. Markiere den Textabschnitt, den du unterstreichen möchtest.
  2. Drücke auf deiner Tastatur:
    • Windows: Strg + U
    • Mac: Cmd + U
  3. Der Text wird sofort unterstrichen.

Methode 2: Im Block-Editor (Gutenberg) über das Menü

Da das "U"-Icon standardmäßig nicht direkt in der Werkzeugleiste sichtbar ist, findest du es in einem Untermenü:

  1. Klicke in den Textblock und markiere das gewünschte Wort oder den Satz.
  2. In der schwebenden Werkzeugleiste über dem Block findest du einen kleinen Pfeil nach unten (Mehr Optionen).
  3. Klicke auf den Pfeil und wähle in der Liste den Punkt Unterstreichen aus.

Methode 3: Im Classic Editor

Falls du noch den alten Classic Editor nutzt (über das "Classic Editor" Plugin), ist es noch einfacher:

  1. Markiere den Text.
  2. Klicke in der Werkzeugleiste auf das U-Symbol.
  3. Falls du das Symbol nicht siehst, klicke auf das Icon "Werkzeugleiste umschalten" (ganz rechts in der ersten Zeile), um die zweite Zeile mit dem Unterstreichen-Button einzublenden.

Methode 4: Unterstreichen per CSS (Für Fortgeschrittene)

Wenn du die volle Kontrolle über das Design haben möchtest (z. B. eine andere Farbe oder eine gepunktete Linie), kannst du CSS nutzen.

  1. Wähle den Block aus und gehe in den rechten Einstellungen auf Erweitert.
  2. Gib unter „Zusätzliche CSS-Klasse“ ein Wort ein, z.B. meine-unterstreichung.
  3. Gehe im WordPress-Dashboard zu Design > Customizer > Zusätzliches CSS und füge folgenden Code ein:
.meine-unterstreichung {
    text-decoration: underline;
    text-decoration-color: #ff0000; /* Optionale Farbe */
    text-underline-offset: 4px; /* Abstand zum Text */
}

Wichtiger Hinweis: Benutzerfreundlichkeit (UX)

In der Webgestaltung gibt es eine goldene Regel: Unterstrichener Text sieht für Besucher oft wie ein Link aus.

  • Vermeide zu viel Unterstreichung: Wenn Nutzer auf unterstrichenen Text klicken und nichts passiert, kann das frustrierend sein.
  • Alternative: Nutze stattdessen Fettgedrucktes (Strg + B) oder Kursivschrift (Strg + I), um Akzente zu setzen, ohne die Navigation zu verwirren.

Zusammenfassung

  • Shortcut: Strg + U ist die effizienteste Methode.
  • Menü: Nutze den kleinen Pfeil in der Werkzeugleiste des Block-Editors.
  • Design: Nutze CSS für individuelle Unterstreichungen.

Viel Erfolg beim Gestalten deiner WordPress-Seite!

0