Was ist der WordPress-Editor?

Der WordPress- Editor ist die zentrale Schaltstelle für die Erstellung von Inhalten und das Design einer WordPress-Website. Egal, ob Sie Ihren ersten Blog erstellen oder eine vollwertige Unternehmenswebsite entwickeln – der Editor spielt eine entscheidende Rolle bei der Erstellung von Inhalten, der Verwaltung von Layouts und der Steuerung des gesamten Erscheinungsbilds Ihrer Website.

Dieser Leitfaden behandelt alles von den Grundlagen bis hin zu fortgeschrittenen Funktionen und hilft Anfängern wie erfahrenen Nutzern, das Beste aus dem WordPress-Editor herauszuholen.

WordPress-Editor-Definition

Der WordPress-Editor, auch Block-Editor oder Gutenberg-Editor genannt, ist seit Version 5.0 der Standard-Editor für alle WordPress-Websites. Er ersetzte den älteren klassischen Editor, oft auch TinyMCE-Editor genannt, und führte ein modernes, visuelles Bearbeitungserlebnis ein, das auf einem System modularer Inhaltsblöcke basiert.

Jeder Inhalt – ob Absatz, Bild, Video oder Schaltfläche – wird als separater Block hinzugefügt, was mehr Flexibilität und visuelle Kontrolle ermöglicht. Diese blockbasierte Struktur hilft Nutzern, multimediale Seiten zu erstellen, ohne programmieren zu müssen.

Kurze Geschichte und Entwicklung des WordPress-Editors

Der neue Editor hat sich seit den Anfängen der Plattform dramatisch weiterentwickelt. Anfangs nutzte WordPress den klassischen Editor auf TinyMCE-Basis– eine einfache WYSIWYG-Oberfläche, die zwar grundlegende Formatierungen ermöglichte, aber nur begrenzte Flexibilität und keine visuelle Layoutkontrolle bot. Mit der Weiterentwicklung der Webstandards stiegen auch die Erwartungen der Nutzer. Der Bedarf an einem intuitiveren und flexibleren Werkzeug zur Inhaltserstellung führte zur Entwicklung des Gutenberg-Projekts.

2017 angekündigte und am 6. Dezember 2018 mit WordPress 5.0 neue Block-Editor führte ein modulares System ein, in dem Inhalte in Blöcke, Texte, Bilder, Schaltflächen und mehr unterteilt werden. Dies markierte einen revolutionären Wandel: von einem statischen Editor hin zu einer dynamischen, visuellen Oberfläche.

Im Laufe der Zeit erhielt der Editor Funktionen wie wiederverwendbare Blöcke, Blockmuster und die Unterstützung für theme.json, wodurch Benutzer und Entwickler Layouts präzise anpassen konnten. Der nächste wichtige Meilenstein war die Einführung der vollständigen Website-Bearbeitung (Full Site Editing, FSE) in WordPress 5.8 und 5.9, die die blockbasierte Bearbeitung auf Templates, Header, Footer und globale Stile ausweitete.

Der WordPress-Editor ist heute weit mehr als nur ein Werkzeug zum Schreiben von Website-Inhalten; er ist eine leistungsstarke Designoberfläche, die das gesamte WordPress-Erlebnis prägt. Dank einer aktiven Open-Source-Community und regelmäßiger Updates über das Gutenberg-Plugin entwickelt er sich stetig weiter und passt sich dem Feedback der Nutzer sowie den Anforderungen modernen Webdesigns an.

Arten von WordPress-Editoren

WordPress umfasst mittlerweile mehrere Editortypen. Schauen wir uns also an, was ein WordPress-Editor ist und welche Varianten es gibt, die jeweils auf unterschiedliche Benutzerbedürfnisse zugeschnitten sind:

Block-Editor (Gutenberg-Editor): Der Block-Editor ist die am weitesten verbreitete und funktionsreichste Option. Er verwendet Blöcke, um Inhalte und Design zu strukturieren. Jedes Element Ihres Beitrags oder Ihrer Seite, vom Absatz bis zum Bildblock, kann individuell angepasst werden.

Klassischer Editor: Der klassische Editor ist weiterhin als Plugin verfügbar und bietet eine traditionelle Benutzeroberfläche ähnlich der von Textverarbeitungsprogrammen. Er bietet zwar nicht die Flexibilität mehrerer Blöcke, einschließlich des klassischen Blocks und moderner Layout-Werkzeuge, ist aber für Nutzer, die Wert auf Einfachheit legen, möglicherweise die bessere Wahl.

Website-Editor: Als Teil der Initiative zur vollständigen Website-Bearbeitung ermöglicht Ihnen der Website-Editor die Anpassung Ihrer gesamten Website, einschließlich Kopf- und Fußzeilen sowie Seitenvorlagen. Er ist ideal für Nutzer, die maximale Gestaltungsfreiheit wünschen, ohne auf externe Seitenersteller angewiesen zu sein.

Code-Editor: im Code -Editor HTML, CSS und Inline-Skripte direkt bearbeiten. Er ist über das Drei-Punkte-Symbol in der oberen rechten Ecke des Editors zugänglich.

Kernfunktionen des WordPress-Blockeditors

Der WordPress-Block-Editor umfasst eine Reihe robuster Funktionen, wie beispielsweise den Schaltflächenblock, die die Inhaltserstellung und das Website-Design vereinfachen sollen:

• Block-Einfüger: Neue Blöcke mit einem einfachen Klick oder Tastaturbefehl hinzufügen.

• Wiederverwendbare Blöcke: Inhalte oder Layouts speichern und in mehreren Beiträgen oder Seiten wiederverwenden.

• Blockmuster: Zugriff auf vordefinierte Abschnitte wie Galerien oder Handlungsaufforderungen.

• Seitenleiste „Einstellungen“: Hier können Sie Blockeinstellungen wie Typografie, Abstände und Hintergrundfarbe anpassen.

• Granulare Blockbearbeitung: Sie können das Aussehen und Verhalten einzelner Blöcke steuern, ohne das übrige Layout zu beeinträchtigen.

• Vollbildmodus: Konzentrieren Sie sich ausschließlich auf Ihre Inhalte, indem Sie Ablenkungen ausblenden.

• Top Toolbar: Ein zentrales Menü für Blocknavigation, Rückgängig/Wiederherstellen und Werkzeuge zur Inhaltsstrukturierung.

Mehr erfahren: Figma zu Gutenberg: Umfassender WordPress-Konvertierungsleitfaden

Anpassen von Blöcken und Layouts im WordPress-Editor

Blöcke im WordPress-Editor sind weit mehr als einfache Inhaltsbehälter; sie sind flexible Gestaltungselemente, die so gestaltet, positioniert und strukturiert werden können, dass sie den Zielen und der Ästhetik Ihrer Website entsprechen.

So holen Sie das Beste aus der Block- und Layoutanpassung heraus:

Stil Einzelne Blöcke

Sie können jeden Block individuell anpassen, indem Sie die Hintergrundfarbe ändern, benutzerdefinierte Überschriften hinzufügen, Abstände und Ränder anpassen oder Typografiestile direkt über die Einstellungs-Seitenleiste anwenden.

Inhalte einfach einfügen und neu anordnen

Mit dem Block-Einfügewerkzeug (oben links oder rechts ein-/ausschaltbar) können Sie Elemente wie neue Absätze, Bilder oder Videos und Social-Media-Feeds einfügen. Blöcke lassen sich per Drag & Drop verschieben oder mit den Pfeiltasten neu positionieren.

Navigation mit der Registerkarte „Block“ und der Dokumentengliederung

Wechseln Sie zwischen der Blockansicht und der Dokumentgliederung, um die Inhaltsstruktur besser zu verstehen. Die Gliederung ist besonders praktisch für längere Beiträge oder Seiten, da Sie so schnell zu Überschriften oder einem bestimmten Block springen können.

Erweiterte Blockoptionen

Klicken Sie auf die vertikalen Punkte (oder das Drei-Punkte-Symbol) eines beliebigen ausgewählten Blocks, um ihn zu duplizieren, mehrere Blöcke zu gruppieren oder ihn vollständig zu löschen. Sie können Blöcke auch in wiederverwendbare Blöcke umwandeln, die Sie auf Ihrer gesamten Website verwenden können.

Flexibilität der Raumgestaltung

Der Editor unterstützt mehrere Blöcke in einer Zeile mithilfe von Spalten, Gruppen und gestapelten Blöcken. Sie können benutzerdefinierte Layouts mit Blockmustern erstellen oder bestehende anpassen. Ausrichtung, Breitensteuerung (breit/voll) und Abstände sind bequem über die Symbolleiste und die Seitenleiste.

Musterbasiertes Design

Fortgeschrittene Benutzer können Blockmuster erstellen oder modifizieren, um Design-Workflows zu beschleunigen, während Anfänger vorgefertigte Muster verwenden können, um medienreiche Seiten zu erstellen, ohne bei Null anfangen zu müssen.

Verwendung des Vollbildmodus und der oberen Symbolleiste

Durch Aktivieren des Vollbildmodus können Sie sich ohne Ablenkungen ausschließlich auf das Layout konzentrieren, und die obere Symbolleiste bietet schnellen Zugriff auf globale Werkzeuge zur Formatierung und Blockverwaltung.

Mehr erfahren: Gutenberg vs. Elementor

Vollständige Website-Bearbeitung und der Website-Editor

Die Website-Bearbeitung ist eine Weiterentwicklung des Block-Editors und ermöglicht es Benutzern, ihre gesamte Website zu bearbeiten. Mit dem Website-Editor können Sie:

• Kopfzeilen, Fußzeilen und Seitenleisten global bearbeiten.
• Vorlagen für Beiträge, Seiten, Archive und mehr anpassen.
• Verwenden und erstellen Sie Ihre eigenen Blockmuster und Vorlagenteile.
• Globale Stile über eine einheitliche Benutzeroberfläche verwalten.

Sie können direkt auf den Vorlagenbearbeitungsmodus zugreifen, wenn Sie einen Beitrag oder eine Seite mit einem Block-Theme bearbeiten.

Erstellen und Verwalten von Inhalten mit dem WordPress-Editor

Der WordPress-Editor vereinfacht den Prozess der Inhaltserstellung:

• Klicken Sie zunächst auf „Neu hinzufügen“, um eine neue Seite oder einen neuen Beitrag zu erstellen.
• hinzufügen Bilder, Einbettungen und mehr
• Formatieren Sie Text mithilfe des Absatzblocks, des Überschriftenblocks oder des Inline-Codes.
• Fügen Sie Medien mithilfe des Bildblocks, Galerien oder Einbettungen ein.
• SEO-Optimierung mit Überschriften und einer Dokumentgliederung.
• Mithilfe der oberen Symbolleiste können Sie die Wortanzahl und die Wortstruktur verfolgen.

Jeder einzelne Block verfügt über eigene Einstellungen, die über die Einstellungs-Seitenleiste zugänglich sind.

Außerdem interessant: Elementor zu Gutenberg-Konvertierung: Der ultimative Leitfaden für den Wechsel zu Blöcken

Editor-Tools und Workflow-Verbesserungen

Verschiedene Tools verbessern die Produktivität und die Anpassungsmöglichkeiten:

• Top Toolbar: Einheitliche Leiste für Layoutsteuerung, Rückgängig- und Befehlszentrumsfunktionen.
• Einstellungen-Seitenleiste: Über die Schaltfläche oben rechts können Sie die Blockeigenschaften ein- und ausschalten.
• Blockeinfügefunktion umschalten: Blenden Sie die Einfügefunktion ein oder aus, um Ihre Ansicht übersichtlich zu halten.
• Drei-Punkte-Symbol: Zugriff auf Modi wie Code-Editor oder Vollbildmodus.
• Tastenkombinationen: Beschleunigen Sie Ihre Arbeit mit Schnellbefehlen für Aktionen wie das Duplizieren von Blöcken oder das Umschalten von Ansichten.

Weiterführende Informationen: Schritt-für-Schritt-Anleitung zum Erstellen benutzerdefinierter Blöcke in WordPress

Vorteile der Verwendung des WordPress-Editors

Der WordPress-Editor bietet eine Vielzahl von Vorteilen:

• Visueller Editor: Bietet eine übersichtliche, intuitive Benutzeroberfläche für die Erstellung von Inhalten ohne Programmierung.
• Medienreich: Erstellen Sie ganz einfach Seiten mit Bildern, Videos und interaktiven Blöcken.
• Wiederverwendbare Blöcke: Sparen Sie Zeit, indem Sie Blöcke und Muster in verschiedenen Inhalten wiederverwenden.
• Granulare Bearbeitung: Feinabstimmung einzelner Blöcke und Bearbeitung des gesamten Website-Layouts.
• Regelmäßige Aktualisierungen: Wird regelmäßig verbessert, um den sich wandelnden Webstandards gerecht zu werden.
• Breite Kompatibilität: Funktioniert nahtlos mit den meisten Themes und Plugins.

Erste Schritte mit dem WordPress-Editor

Wenn Sie WordPress noch nicht kennen, ist der Einstieg ganz einfach:

• Melden Sie sich in Ihrem WordPress-Dashboard an.
• Gehe zu Beiträge ⟶ Neu hinzufügen oder Seiten ⟶ Neu hinzufügen.
• Verwenden Sie den Block-Einfüger, um mit dem Hinzufügen von Inhalten zu beginnen.
• Erkunden Sie die Formatierungsoptionen mit der Registerkarte „Block“ und der Seitenleiste „Einstellungen“.
• Vorschau anzeigen und veröffentlichen, sobald Sie fertig sind.
• Nutzen Sie das im Dashboard verlinkte Video-Tutorial für eine visuelle Anleitung.

WordPress-Editor-Tipps und Best Practices

• Absatz zuerst: Erstellen Sie eine klare Inhaltsstruktur mit einem Absatzblock.
• Überschriften-SEO: Verwenden Sie Überschriftenblöcke, um die Suchmaschinenoptimierung und die Zugänglichkeit der Seite zu verbessern.
• Wiederverwendbare Layouts: Speichern Sie Standardlayouts als wiederverwendbare Blöcke, um die Effizienz zu steigern.
• Layoutvielfalt: Probieren Sie verschiedene Layoutoptionen und Blockmuster für ein besseres Design aus.
• Vollbildfokus: Verwenden Sie den Vollbildmodus, um beim Bearbeiten konzentriert zu bleiben.
• Toolbar-Check: Entdecken Sie die obere Toolbar und die vertikalen Punkte für nützliche Werkzeuge und Einstellungen.

Behebung häufiger Probleme

Falls Probleme auftreten:

• Der Editor lädt nicht? Leeren Sie den Browser-Cache oder deaktivieren Sie in Konflikt stehende Plugins.
• Fehlen Blockeinstellungen? Überprüfen Sie den Schalter in der Seitenleiste.
• Inhalte werden nicht gespeichert? Stellen Sie sicher, dass Ihr Hosting die WordPress-Anforderungen erfüllt.
• Layout defekt? Änderungen über Revisionen rückgängig machen oder im Code-Editor testen.
• Sie finden einen bestimmten Block nicht? Nutzen Sie die Suchfunktion im Block-Einfügefenster, um alle verfügbaren Blöcke anzuzeigen.

Fazit: Warum der WordPress-Editor wichtig ist

Der WordPress-Editor ist mehr als nur ein Werkzeug zum Erstellen von Inhalten; er ist das Herzstück der WordPress-Website. Ob Sie einen Blogbeitrag verfassen oder Ihre Startseite neu gestalten möchten – der Editor bietet Ihnen die nötige Leistung und Flexibilität, um etwas Einzigartiges zu erschaffen.

Mit Unterstützung für medienreiche Seiten, vollständiger Website-Bearbeitung und kontinuierlicher Innovation ermöglicht es WordPress-Nutzern aller Erfahrungsstufen, dynamische und ansprechende Websites zu erstellen.

Häufig gestellte Fragen zum WordPress-Editor