What is: Block Editor?

The WordPress block editor is a content editor used to create, edit, and format posts and pages. It lets you easily build complex layouts by adding different types of content blocks and using drag-and-drop to move them where you want. The block editor was introduced in WordPress 5.0 and became the default content editor in WordPress 6.0. It is also known as the Gutenberg editor. It replaces the classic editor, which was the default WordPress editor from 2004-2018.

What’s the Difference Between the Block Editor and Classic Editor?

The previous WordPress content editor is known as the classic editor, and it was the default editor all the way from WordPress 1.5 in 2004 until WordPress 5.0 in 2018. Because it was used for so many years, long-term WordPress users became very familiar with it. It also felt familiar because it operated like a word processor such as Microsoft Word. It placed a toolbar above the editor with icons for adding text formatting such as heading styles, bold, italics, lists, and alignment. This works well for posts and pages that are laid out like a simple document but makes complex layouts difficult. On the other hand, the block editor is perfect for complex layouts. You can easily build a web page by adding individual blocks for paragraphs, images, headings, and more. You can rearrange the blocks using drag-and-drop and style and customize them individually. This block-based approach offers greater control over your content’s layout and appearance. You can learn more in our guide on how to use the WordPress block editor.

What’s the Difference Between the Block Editor and Page Builders?

The block editor comes preinstalled with WordPress and allows you to create beautiful content layouts using blocks. So, you may be wondering whether you need a drag-and-drop WordPress page builder plugin. Top WordPress page builders like SeedProd, Thrive Architect, Beaver Builder, and Divi are significantly more powerful. Like the block editor, they are drag-and-drop design tools that let you create custom WordPress website designs without writing any code. However, they also come with ready-made templates that save you time, and they offer much more design flexibility than WordPress block editor For a detailed comparison, see our guide on the WordPress block editor vs page builders.

What Blocks Are Available in WordPress?

The Gutenberg editor provides plenty of commonly used blocks for creating content. It’s important to explore the different blocks that are available and learn to use them in your content. You will find blocks for adding paragraphs, lists, images, galleries, and more. You can explore the available blocks and add them to your post using the block inserter. Using the Block Inserter The contents in each type of block can be edited, formatted, and customized. For example, you can bold the text in a paragraph block or crop a photo in an image block. To customize a block, simply select it and then use the options in the toolbar and sidebar. There are also blocks for adding more specific types of content, such as call-to-action buttons, YouTube videos, text in columns, code snippets, tables, and much more. Beyond these, you can extend the available block types by installing plugins that add more blocks to the editor or creating your own blocks.

What Are Block Patterns?

Normally, you will add design elements to a post one block at a time. However, if you regularly use the same combination of blocks, then you can save time using block patterns. A block pattern is a pre-made collection of blocks. It lets you add a whole group of blocks in one step, allowing you to create custom content layouts faster. For example, you can use block patterns to add multi-column layouts, media and text patterns, call-to-action patterns, headers, buttons, and more. WordPress comes with a selection of useful block patterns, and some popular WordPress themes also provide more block patterns that can be used when writing content. You can learn more in our beginner’s guide on how to use WordPress block patterns.

Was ist der Block-Editor in WordPress?

Was ist: Block-Editor

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Der WordPress-Block-Editor ist ein Content-Editor, mit dem Sie Beiträge und Seiten erstellen, bearbeiten und formatieren können. Mit ihm können Sie auf einfache Weise komplexe Layouts erstellen, indem Sie verschiedene Arten von Inhaltsblöcken hinzufügen und diese per Drag-and-Drop an die gewünschte Stelle verschieben.

Der Block-Editor wurde in WordPress 5.0 eingeführt und wurde in WordPress 6.0 zum Standard-Inhaltseditor. Er ist auch als Gutenberg-Editor bekannt.

Er ersetzt den klassischen Editor, der von 2004-2018 der Standard-Editor von WordPress war.

Was ist der Unterschied zwischen dem Block-Editor und dem klassischen Editor?

Der bisherige WordPress-Inhaltseditor ist als klassischer Editor bekannt und war von WordPress 1.5 im Jahr 2004 bis WordPress 5.0 im Jahr 2018 der Standardeditor.

Da es über so viele Jahre hinweg verwendet wurde, waren langjährige WordPress-Benutzer sehr vertraut damit. Es fühlte sich auch vertraut an, weil es wie ein Textverarbeitungsprogramm wie Microsoft Word funktioniert.

Über dem Editor befindet sich eine Symbolleiste mit Symbolen zum Hinzufügen von Textformatierungen wie Überschriften, Fettdruck, Kursivschrift, Listen und Ausrichtung. Das funktioniert gut für Beiträge und Seiten, die wie ein einfaches Dokument aufgebaut sind, erschwert aber komplexe Layouts.

Andererseits ist der Block-Editor perfekt für komplexe Layouts. Sie können eine Webseite leicht aufbauen, indem Sie einzelne Blöcke für Absätze, Bilder, Überschriften und mehr hinzufügen.

Sie können die Blöcke per Drag-and-Drop neu anordnen und sie individuell gestalten und anpassen. Dieser blockbasierte Ansatz bietet eine größere Kontrolle über das Layout und das Aussehen Ihrer Inhalte.

Mehr dazu erfahren Sie in unserer Anleitung zur Verwendung des WordPress-Blockeditors.

Was ist der Unterschied zwischen dem Block-Editor und den Page Buildern?

Der Block-Editor ist in WordPress vorinstalliert und ermöglicht es Ihnen, mit Blöcken schöne Inhaltslayouts zu erstellen. Sie fragen sich vielleicht, ob Sie ein Drag-and-Drop-Plugin für den WordPress-Seitenersteller benötigen.

Die besten WordPress-Seitenerstellungsprogramme wie SeedProd, Thrive Architect, Beaver Builder und Divi sind wesentlich leistungsfähiger.

Wie der Block-Editor sind sie Drag-and-Drop-Design-Tools, mit denen Sie individuelle WordPress-Website-Designs erstellen können, ohne Code schreiben zu müssen.

SeedProd a popular WordPress page builder plugin

Sie verfügen jedoch auch über vorgefertigte Vorlagen, die Ihnen Zeit sparen, und sie bieten viel mehr Design-Flexibilität als der WordPress-Block-Editor

Einen detaillierten Vergleich finden Sie in unserem Leitfaden über den WordPress-Block-Editor im Vergleich zu Seitenerstellungsprogrammen.

Welche Blöcke gibt es in WordPress?

Der Gutenberg-Editor bietet viele häufig verwendete Blöcke für die Erstellung von Inhalten. Es ist wichtig, die verschiedenen verfügbaren Blöcke zu erkunden und zu lernen, sie in Ihren Inhalten zu verwenden.

Sie finden Blöcke zum Hinzufügen von Absätzen, Listen, Bildern, Galerien und mehr. Sie können die verfügbaren Blöcke erkunden und sie mit dem Block-Inserter zu Ihrem Beitrag hinzufügen.

Die Inhalte der einzelnen Blocktypen können bearbeitet, formatiert und angepasst werden. Sie können zum Beispiel den Text in einem Absatzblock fett drucken oder ein Foto in einem Bildblock zuschneiden.

Um einen Block anzupassen, wählen Sie ihn einfach aus und verwenden dann die Optionen in der Symbolleiste und der Seitenleiste.

Customizing a Block Using the Toolbar and Sidebar

Es gibt auch Blöcke für das Hinzufügen spezifischerer Arten von Inhalten, wie z. B. Call-to-Action-Schaltflächen, YouTube-Videos, Text in Spalten, Codeschnipsel, Tabellen und vieles mehr.

Darüber hinaus können Sie die verfügbaren Blocktypen erweitern, indem Sie Plugins installieren , die dem Editor weitere Blöcke hinzufügen, oder eigene Blöcke erstellen.

Wie Sie Ihre eigenen Blöcke in WordPress erstellen

Wenn Sie spezielle Anforderungen haben, können Sie auch Ihre eigenen benutzerdefinierten Blöcke erstellen.

Am besten ist es, wenn Sie mit WPCode ein Block-Snippet erstellen. Damit können Sie benutzerdefinierte Blöcke mit dem Block-Editor selbst entwerfen.

Choose the Block Snippets option and click the Edit with block editor button

Eine zweite Möglichkeit, benutzerdefinierte Blöcke zu erstellen, ist die Verwendung des Genesis Custom Blocks Plugins, das von den Leuten hinter WP Engine Hosting entwickelt wurde.

Dieses Plugin bietet Entwicklern einfache Werkzeuge, um schnell benutzerdefinierte Blöcke für ihre Projekte zu erstellen.

Wie Sie beide Methoden anwenden können, erfahren Sie in unserer Anleitung zum Erstellen eines benutzerdefinierten WordPress-Blocks.

Sobald Sie einige benutzerdefinierte Blöcke erstellt haben, können Sie Ihre Gutenberg-Blöcke zwischen Websites importieren und exportieren.

Was sind Blockmuster?

Normalerweise fügen Sie einem Beitrag Gestaltungselemente Block für Block hinzu. Wenn Sie jedoch regelmäßig die gleiche Kombination von Blöcken verwenden, können Sie mit Blockmustern Zeit sparen.

Ein Blockmuster ist eine vorgefertigte Sammlung von Blöcken. Damit können Sie eine ganze Gruppe von Blöcken in einem Schritt hinzufügen und so benutzerdefinierte Inhaltslayouts schneller erstellen.

Sie können zum Beispiel Blockmuster verwenden, um mehrspaltige Layouts, Medien- und Textmuster, Call-to-Action-Muster, Kopfzeilen, Schaltflächen und vieles mehr hinzuzufügen.

WordPress wird mit einer Auswahl an nützlichen Blockmustern geliefert, und einige beliebte WordPress-Themes bieten darüber hinaus weitere Blockmuster, die beim Schreiben von Inhalten verwendet werden können.

Weitere Informationen finden Sie in unserem Leitfaden für Einsteiger über die Verwendung von WordPress-Blockmustern.

Wie Sie Ihre alten WordPress-Beiträge mit dem Block-Editor aktualisieren

Wenn Sie Ihre WordPress-Website schon seit Jahren betreiben, dann haben Sie vielleicht viele alte Inhalte, die mit dem klassischen Editor erstellt wurden. Standardmäßig werden diese Beiträge immer noch im klassischen Editor geöffnet.

Sie fragen sich vielleicht, ob es möglich ist, diese Beiträge mit dem Block-Editor zu bearbeiten.

Die Antwort lautet „Ja“. Wie das geht, erfahren Sie in unserer Schritt-für-Schritt-Anleitung zur Aktualisierung Ihrer alten WordPress-Beiträge mit dem Gutenberg-Blockeditor.

So deaktivieren Sie den Block-Editor und verwenden den klassischen Editor

Wir empfehlen Ihnen, den Block-Editor zu erlernen und zu verwenden, denn er ist die Zukunft von WordPress.

Wenn Sie jedoch weiterhin den klassischen Editor verwenden möchten, können Sie den Block-Editor deaktivieren und den klassischen Editor mithilfe eines Plugins oder eines Code-Snippets aktivieren.

Wir empfehlen die Verwendung von WPCode, weil es das Hinzufügen von benutzerdefiniertem Code in WordPress erleichtert und ein Snippet in seiner Code-Bibliothek enthält, das den klassischen Editor aktivieren kann.

Enabling the Classic Editor With a WPCode Snippet

In unserem Leitfaden erfahren Sie mehr darüber, wie Sie Gutenberg deaktivieren und den klassischen Editor in WordPress behalten können.

Häufige Block-Editor-Probleme und deren Behebung

Bei der Verwendung des Blockeditors kann es gelegentlich zu Problemen kommen, z. B. zu Fehlermeldungen, Abstürzen, Ausrichtungsproblemen und vielem mehr.

Hilfe finden Sie in unserem Leitfaden zu häufigen Problemen mit dem WordPress-Block-Editor und wie Sie diese beheben können.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über den Block-Editor in WordPress zu erfahren. Vielleicht möchten Sie auch unsere Liste mit weiterführenden Artikeln über nützliche WordPress-Tipps, -Tricks und -Ideen lesen, die Sie weiter unten finden.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.