Den klassischen Editor verwenden

In diesem Ratgeber wird erklärt, wie du den klassischen Editor – das alte Bearbeitungserlebnis auf WordPress – verwendest. Der moderne WordPress-Editor kann alles, was der klassische Editor kann, und noch einiges mehr. Daher wird die Verwendung des klassischen Editors, der zwar noch verfügbar ist, nicht empfohlen.

Du kannst weiterhin auf den klassischen Editor zugreifen, wenn du dies bevorzugst. Welche Schritte für den Zugriff auf den klassischen Editor erforderlich sind, hängt davon ab, ob deine Website Plugins verwendet:

Führe die folgenden Schritte aus, um eine Seite oder einen Beitrag im klassischen Editor zu bearbeiten:

1. Rufe das Dashboard deiner Website auf.
2. Stelle unter Einstellungen → Allgemein sicher, dass Stil der Admin-Benutzeroberfläche auf Standard und nicht auf Klassisch festgelegt ist.
3. Navigiere zu Seiten oder Beiträge.
4. Bewege den Mauszeiger über die Seite oder den Beitrag, die/den du bearbeiten möchtest, und wähle dann den klassischen Editor aus:

Wenn du eine Website mit Plugins hast, kannst du auf den klassischen Editor zugreifen, indem du das Plugin „Klassischer Editor“ aktivierst, das für dich bereits automatisch vorinstalliert wurde.

1. Rufe das Dashboard deiner Website auf.
2. Navigiere in der Seitenleiste zu Plugins → Installierte Plugins.
3. Suche nach dem bereits installierten Plugin „Klassischer Editor“.
4. Klicke unter dem Plugin-Namen auf den Link Aktivieren.
5. Wenn du einen neuen Beitrag oder eine neue Seite erstellst, wird standardmäßig der klassische Editor verwendet.

Wenn das Plugin für den klassischen Editor aktiv ist und du beim Bearbeiten einer Seite dennoch zum WordPress-Editor geleitet wirst, überprüfe Folgendes (dies gilt nicht für Websites, die das Plugin nicht verwenden):

Mit dem klassischen Editor kannst du deine Inhalte in einer Ansicht, die einem Textverarbeitungsprogramm ähnelt, erstellen, bearbeiten und formatieren. Du kannst auch den modernen WordPress-Editor verwenden, um dieselben Inhalte zu erstellen wie auch im klassischen Editor – von einfachen Blogbeiträgen und Artikeln bis hin zu medienreichen, mobilgeräteorientierten und einzigartigen Websites.

Der klassische Editor verfügt über zwei Ansichten: visuell und HTML. Wenn du dich nicht mit der Bearbeitung in HTML auskennst, solltest du sicherstellen, dass du oben rechts im Editor-Bereich den Tab Visuell ausgewählt hast:

Der Inhalt des klassischen Editors wird durch das CSS (eine Art von Code, die HTML-Eigenschaften wie Farbe, Leerzeichen, Breite usw. ermöglicht) des von dir gewählten Themes formatiert. Was du im Editor siehst, stimmt möglicherweise nicht genau mit der aktiven Website überein. Verwende bitte den Button Vorschau anzeigen, um zu prüfen, wie der Beitrag oder die Seite auf der aktiven Website angezeigt wird.

Im klassischen Editor gibt es zwei Zeilen mit Bearbeiten-Buttons. Du kannst herausfinden, wofür die einzelnen Buttons verwendet werden, indem du den Mauszeiger darüber bewegst. Es wird ein kleiner Tooltip mit einer Beschreibung des Icons und dessen Funktion angezeigt.

Wenn der klassische Editor zum ersten Mal geöffnet wird, wird eine einzelne Zeile mit Icons angezeigt:

Diese Icons sind von links nach rechts:

1. Medien hinzufügen (Bilder, Videos und mehr.)
2. Stil: verschiedene Formatierungsstile, die durch dein Theme bestimmt werden
3. Fett
4. Kursiv
5. Unsortierte Liste (Aufzählungspunkte):
   • Listenpunkt 1
   • Listenpunkt 2
6. Sortierte Liste
   1. Listenpunkt 1
   2. Listenpunkt 2
7. Zitat (eine Möglichkeit zur Gestaltung von Zitaten; je nach Theme werden Zitate unterschiedlich gestaltet)
8. Linksbündig
9. Zentriert
10. Rechtsbündig
11. Link einfügen/bearbeiten/entfernen
12. „Mehr“-Tag einfügen
13. Werkzeugleisten-Schalter (hiermit wird die zweite Zeile der Bearbeiten-Icons aktiviert)
14. Kontaktformular hinzufügen

Um die zweite Zeile mit Icons anzuzeigen, wähle rechts neben der ersten Zeile das Icon Werkzeugleisten-Schalter aus (Button Nummer 13 oben). Daraufhin wird eine zweite Werkzeugleiste geöffnet, die folgendermaßen aussieht:

Diese Icons sind von links nach rechts:

1. Durchstreichen
2. Horizontale Linie
3. Textfarbe auswählen: Textfarbe ändern
4. Als Text einfügen
5. Formatierung löschen
6. Sonderzeichen einfügen
7. Ausrücken: Text weiter nach links verschieben
8. Einrücken: Text weiter nach rechts verschieben
9. Rückgängig: deine letzte Aktion rückgängig machen
10. Wiederholen: deine letzte Aktion wiederholen
11. Hilfe: Tastaturkürzel anzeigen.

Sowohl Text als auch Bilder können mit den entsprechenden Icons ausgerichtet werden:

Links

Rechts

Zentriert

Mithilfe des Dropdown-Menüs „Stile“ kannst du die Formatierung des ausgewählten Texts ändern. Es umfasst verschiedene Überschriften und andere in dein Theme integrierte vordefinierte Stile.

Beachte, dass für weitergehende Änderungen des Stils Individuelles CSS (und entsprechendes CSS-Knowhow) erforderlich ist.

Um die Textfarbe zu ändern, musst du zuerst einen Textabschnitt markieren:

Wenn du auf den Abwärtspfeil neben dem Textfarbe-Button klickst, wird ein Farbauswahlmenü angezeigt. Wenn das Farbauswahlmenü geöffnet ist, zeigt der Pfeil nach oben. Du kannst darauf klicken, um das Menü zu schließen, ohne eine Farbe auszuwählen:

Wenn du eine Farbe auswählst, wird diese Farbe auf den ausgewählten Text angewendet und zur Standardfarbe für den Textfarbe-Button gemacht.

Wenn du auf den Textfarbe-Button selbst klickst, wird die letzte Standardfarbe angewendet.

Wenn du Text von woanders kopieren und einfügen möchtest, wirst du vielleicht feststellen, dass der Text nicht immer genau so aussieht wie erwartet. Das liegt daran, dass beim Einfügen aus einem anderen Programm (z. B. einer E-Mail oder einem Word-Dokument) unerwünschte Formatierungen übernommen werden können.

Wenn du den Button Als Text einfügen verwendest, wird ein spezieller Bereinigungsvorgang durchgeführt, um Sonderformatierungen und HTML-Tags zu entfernen, die andernfalls die Formatierung deines Textes ändern können.

Unten siehst du, wie die Werkzeugleiste im Modus „Reiner Text aus“ aussieht. Beachte, dass das Icon nicht umrandet ist:

Unten siehst du, wie die Werkzeugleiste im Modus „Reiner Text ein“ aussieht. Beachte, dass das Icon jetzt umrandet und der Button schwarz schattiert ist:

Mit dem Button „Formatierung entfernen“ wird die gesamte Formatierung (fett, kursiv, Farben usw.) aus dem markierten Textabschnitt gelöscht. Wähle zuerst deinen Text aus:

Durch Klicken auf den Button wird die gesamte Formatierung entfernt:

Du kannst in deinen Beitrag oder deine Seite Sonderzeichen einfügen. Positioniere den Cursor an der Stelle, an der du ein Zeichen einfügen möchtest, und klicke auf den Button zum Einfügen individueller Zeichen. Ein Pop-up-Fenster wird angezeigt:

Klicke auf ein beliebiges Zeichen, um es an deiner Cursorposition einzufügen.

Mit dem Einrücken-Button wird Text um eine Stufe eingerückt, mit dem Ausrücken-Button um eine Stufe ausgerückt.

Wenn du die Eingabetaste (Enter-Taste) drückst, wird der von dir verfasste Absatz beendet und ein neuer begonnen. Wenn du eine neue Zeile beginnen möchtest, ohne einen neuen Absatz zu erstellen, drücke die Umschalttaste, während du die Eingabetaste drückst.

Der klassische Editor verfügt über mehrere integrierte Tastaturkürzel oder Hotkeys.

Um eine Liste aller verfügbaren Tastaturkürzel anzuzeigen, klicke auf den Werkzeugleisten-Schalter, um die zweite Zeile mit Icons anzuzeigen, und klicke dann auf das Icon Tastaturkürzel (Fragezeichen) am Ende der zweiten Zeile.

Ein Fenster mit einer Liste der im Editor verfügbaren Tastaturkürzel wird angezeigt.

Drücke zum Verwenden der Standard-Tastaturkürzel Befehlstaste + Taste (Mac) bzw. STRG + Taste (Windows):

Zusätzliche Tastaturkürzel findest du auf dem Mac über STRG + Option + Taste und bei Windows über STRG + ALT + Taste: