Schreiben & Bearbeiten

Editoren

Der Editor ist der Ort, an dem du die Inhalte deiner Website oder deines Blogs hinzufügst. Sowohl Beiträge als auch Seiten verwenden den gleichen Editor. Auf dieser Seite werden die verschiedenen Editoren, die dir zur Verfügung stehen, erläutert.

WordPress-Editor

Der WordPress-Editor wird auch Block-Editor genannt und wurde Ende 2018 eingeführt. Er bietet die leistungsstärksten und flexibelsten WordPress-Bearbeitungsfunktionen und wird von Millionen Website-Betreibern weltweit verwendet.

Jedes Website-Element wie Bilder, Texte, Videos und Header wird als Block hinzugefügt. Blöcke sind einzelne strukturelle Elemente, mit denen du Inhaltsbereiche zur Bearbeitung isolieren kannst.

Weitere Informationen zur Funktionsweise des WordPress-Editors

HTML bearbeiten im WordPress-Editor

Zum Bearbeiten von HTML im WordPress-Editor hast du zwei Möglichkeiten:

In der Werkzeugleiste jedes Blocks findest du unter den drei Auslassungspunkten die Option Als HTML bearbeiten, mit der du den HTML-Code für den entsprechenden Block bearbeiten kannst.

Als HTML-Block bearbeiten
Bearbeiten des HTML eines Blocks

Wenn du das HTML einer ganzen Seite oder eines ganzen Beitrags bearbeiten willst, klicke auf die Auslassungspunkte rechts oben, in der Nähe des Buttons „Veröffentlichen“, um zum Code-Editor zu wechseln.

Code-Editor

Nicht jeder Code funktioniert, wenn du ihn als HTML bearbeitest. Wenn dein Code gut geschrieben und fehlerfrei ist, stelle sicher, dass er auf der Liste der genehmigten HTML-Tags steht und dass es sich nicht um einen eingeschränkten Code wie JavaScript handelt.

Zum WordPress-Editor wechseln

Wenn du eine Seite oder einen Beitrag erstellt hast, bevor der WordPress-Editor eingeführt wurde, überträgt der WordPress-Editor deine bestehenden Inhalte in einen Classic-Block, der viele Funktionen des klassischen Editors beibehält.

Du kannst die Inhalte mithilfe der drei Punkte oben rechts im Classic-Block in Blöcke umwandeln.


↑ Inhaltsverzeichnis ↑

Klassischer Editor

Der klassische Editor war vor der Einführung des WordPress.com-Editors (siehe oben) der Standard-Editor für WordPress.com-Websites und -Blogs.

Im WordPress-Editor gibt es den Classic-Block, der die Funktionen des klassischen Editors innerhalb des WordPress-Editors repliziert. Dieser sieht so aus:

Der Classic-Block bietet dir dieselbe Bearbeitungsumgebung wie der klassische Editor

Der klassische Editor ist auch in WP Admin verfügbar – dem klassischen WordPress-Dashboard. Wenn du dir online WordPress-Tutorials ansiehst, findest du dort häufig Bilder dieses Dashboards. Du kannst in deinem Haupt-Dashboard von WordPress.com zwar fast alles machen, aber wenn es dir lieber ist, kannst du stattdessen auch WP Admin verwenden.

Du hast zwei Möglichkeiten, zum WP-Admin-Dashboard zu gelangen:

Bild mit Link zu WP-Admin
  1. Du kannst unter Meine Websites im Seitenmenü links unten den Link zu WP Admin anklicken (siehe Screenshot links).
  2. Du kannst /wp-admin hinten an die URL deiner Website anhängen (zum Beispiel beispiel.wordpress.com/wp-admin).

Um eine Seite oder einen Beitrag im klassischen Editor zu bearbeiten, klickst du auf den Seiten- oder Beitragstitel:

Seiten in WP-Admin
Seiten in WP Admin

Der klassische Editor verfügt über zwei Editoren-Umgebungen: den visuellen Editor und den HTML-Editor.

Visueller Editor
Der klassische Editor in WP-Admin
Der klassische (visuelle) Editor in WP Admin

Der visuelle Editor wird von TinyMCE betrieben und ähnelt stark einem Textverarbeitungsprogramm. Die Icons des visuellen Editors ermöglichen es dir, Text zu formatieren, die Schriftausrichtung zu ändern, Aufzählungslisten und nummerierte Listen einzufügen und vieles mehr.

Vermisst du diese Bearbeitungsumgebung? Der WordPress-Editor verfügt über einen Classic-Block, der die gleichen Funktionen wie der visuelle Editor bietet.

HTML-Editor
Der klassische (HTML-)Editor in WP Admin

Mithilfe des HTML-Editors kannst du deine Seiten und Beiträge in HTML verfassen oder das vorhandene HTML bearbeiten. Um auf ihn zuzugreifen, klicke auf den Tab Text neben dem Tab Visuell.

Wenn du einen Shortcode hinzufügen, eine Schriftart hinzufügen oder Code aus einer externen Quelle einfügen möchtest, kannst du den HTML-Editor verwenden.

Der HTML-Code, den du hinzufügst, muss gut geschrieben sein und in der Liste der zulässigen HTML-Tags aufgeführt sein. Die Buttons oben im Texteditor machen es dir leicht, schnell die gängigsten HTML-Tags einzufügen. Du solltest auch wissen, dass WordPress.com Einschränkungen für manche Codes hat: JavaScript, Einbettungen und individuelle Formulare sind aus Sicherheitsgründen nicht erlaubt.


↑ Inhaltsverzeichnis ↑

Drittanbieter-Editoren

Websites, bei denen ein Upgrade auf den Business- oder E-Commerce-Tarif durchgeführt wurde, können Plugins installieren, zum Beispiel die Drittanbieter-Editoren Elementor und WP Bakery. Manchmal enthalten Drittanbieter-Themes auch einen individuellen Editor.

Denke bei Verwendung eines Drittanbieter-Editors daran, dass du den besten Support für dieses Tool von den Entwicklern bekommst, die es entwickelt haben. Oft enthalten diese Editoren Links, mit denen du die Entwickler direkt über die Einrichtungsseite des Tools in deinem WP-Admin-Dashboard kontaktieren kannst.

Still confused?

Contact support.