Kuratierte Linksammlung für Webdesigner und -entwickler.
Bloginhalte bearbeiten und formatieren

Der visuelle Texteditor von WordPress

Der visuelle Texteditor von WordPress bietet einen sogenannten WYSIWYG- (What You See is What You Get) Texteditor, mit dem du auf einfache Weise deine Website-Inhalte einpflegen, bearbeiten und formatieren kannst.

Was Microsoft Word als intuitives Textverarbeitungs­programm von Microsoft ermöglicht, lässt der Textgestaltung im WordPress eigenen Texteditor ebenfalls kaum begrenzten Gestaltungsfreiraum beim Verfassen von Webinhalten. In dieser Anleitung erhälst du grundlegende Informationen über die wichtigsten Anwendungsmöglichkeiten des intuitiven Text Editors von WordPress.

Anzeige

Sprungmarken:

Der visuelle Texteditor

Der visuelle Texteditor ist der Standard-Bearbeitungsmodus von WordPress. Sollte der Anschein entstehen, dass der Standart-Bearbeitungsmodus nicht aktiv ist, kannst du diesen über den Reiter Visuell aktivieren. Dieser befindet sich über der Werkzeugleiste des Editors im oberen rechten Bereich.

Texteditor Werkzeugleiste: Reiter Visuell

Werkzeugleiste

Die Werkzeugleiste bzw. die Formatierungsleiste erstreckt über zwei Zeilen. Im Standart-Bearbeitungsmodus des Texteditors ist die zweite Zeile eingeklappt. Um diese zu öffnen klicke dazu rechts auf das Icon für Werkzeugleiste anzeigen/verstecken.

Werkzeugleiste anzeigen/verstecken

Beschreibung zu den Formatierungen

Die Werkzeug- bzw. Formatierungsleiste besteht aus den folgenden Formatierungswerkzeugen:

WordPress Texteditor Werkzeugleiste

  1. Fett
  2. Kursiv
  3. Durchgestrichen
  4. Aufzählungsliste durch sogenannte Bullet Points (Aufzählungspunkte):
    • Auflistung 1
    • Auflistung 2
  5. Geordnete Liste durch numerische Aufzählung:
    1. Aufzählung 1
    2. Aufzählung 2
  6. Zitat (Eine Art der Darstellung von zitierten Text)

    Dies ist ein Beispiel für ein Zitat.

  7. Links ausrichten
  8. Zentriert ausrichten
  9. Rechts ausrichten
  10. Link einfügen/bearbeiten
  11. Link entfernen
  12. Weiterlesen-Link einfügen
  13. Rechtschreibprüfung
  14. Vollbildmodus aktivieren.
  15. Werkzeugleiste bzw. Formatierungsleiste erweitern
  16. Absätze einfügen (Überschriften etc.)
  17. Unterstreichen
  18. Blocksatz
  19. Textfarbe festlegen– Ändern Sie die Textfarbe
  20. Unformatierten Text einfügen
  21. Formatierungen aus der ursprünglichen Word-Anwendung einfügen.
  22. Formatierungen entfernen.
  23. Sonderzeichen einfügen.
  24. Ausrücken – Text wird weiter nach links verschoben.
  25. Einzug – Text wird weiter nach rechts verschoben.
  26. Rückgängig – Einen Bearbeitungsschritt zurück.
  27. Vorwärts – letzten Bearbeitungsschritt wiederherstellen.
  28. Hilfe zum Editor.

Ausrichtungen

Links

Text wird linksbündig ausgerichtet.

WordPress Texteditor: Links ausrichten

Zentriert

Text wird zentriert ausgerichtet.

WordPress Texteditor: Zentriert ausrichten

Rechts

Text wird zentriert ausgerichtet.

WordPress Texteditor: Rechts ausrichten

Blocksatz

Blocksatz (Man sollte hierbei bedenken, dass es im Web bzw. (X)HTML und CSS keine Silbentrennung gibt und der Blocksatz durch vergrößerte Leerzeichen simuliert wird. Dies kann zu unschönen Lücken im Text führen.)

WordPress Texteditor: Blocksatz

Beachte bei Ausrichtungen, dass diese nicht für einzelne Wörter in einem Abschnitt/Absatz angewendet werden können. Die Formatierung der Ausrichtungen wirkt sich auf ganze Abschnitte/Absätze aus.

Absätze einfügen

Das Dropwdown- Menü für Absatz erlaubt dir das Format eines beliebig markierten Text zu ändern.

Texteditor/Werkzeugleiste: Absätze einfügen

Tastenkürzel im Visuellen Editor

Nachfolgend eine Tabelle mit Tastenkürzel, die du im Visuellen Texteditor verwenden kannst:

englischTastaturkürzeldeutsch
Advanced Editor:Alt+SHIFT+zWerkzeugleiste ein/aus
Align Left:Alt+SHIFT+llinksbündig
Align Center:Alt+SHIFT+czentriert
Align Right:Alt+SHIFT+rrechtsbündig
H1 Header:STRG+1Überschrift 1
H2 Header:STRG+2Überschrift 2
H3 Header:STRG+3Überschrift 3
H4 Header:STRG+4Überschrift 4
H5 Header:STRG+5Überschrift 5
H6 Header:STRG+6Überschrift 6
Paragraph:STRG+7Absatz
Format:STRG+8Format
Address:STRG+9Adresse

Frischer Input für Designer. Jeder Abonnent erhält das kostenlose Bundle aus 50 Photoshop Device-Mockups und 40 Responsive WordPress-Themes.

1x pro Woche. Kein Spam. Jederzeit kündbar.
Jonathan Torke
Jonathan Torke

Auf pixeltuner.de teile ich aktuelle Ressourcen für Webdesigner und -entwickler. Du findest mich auch auf deviantART und Instagram.
PayPal-Kaffeespende.

2 Antworten auf "Der visuelle Texteditor von WordPress"
  • Avatar

    Hallo!

    Find ich echt gut, dass ihr auch so grundlegende Artikel veröffentlicht. Ist wirklich nützlich wenn man noch Anfänger ist mit WordPress. Wenn man sonst wo Fragen postet bekommt man nur kryptische Antworten.

    Liebe Grüße
    Martin

  • Avatar

    Hallo Jonathan,

    wirklich ein äußerst detaillierter Artikel mit sehr sehr vielen und hilfreichen Screenshots. Da hast du wirklich sehr viel Arbeit auf dich genommen – alle Achtung!!

    Gruß,
    Alejandro.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Verpasse keine News!

Du erhältst ein kostenloses Bundle aus 50+ WordPress-Themes und PSD Device-Mockups.

1x pro Woche. Jederzeit kündbar.
Anzeige