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?

Der WordPress Block-Editor ist ein Inhaltseditor, der zum Erstellen, Bearbeiten und Formatieren von Beiträgen und Seiten verwendet wird. Er ermöglicht es Ihnen, mit verschiedenen Arten von Inhaltsblöcken und Drag-and-Drop-Funktionen einfach komplexe Layouts zu erstellen und sie nach Belieben zu 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 bis 2018 der Standard-WordPress-Editor war.

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

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

Da er so viele Jahre lang verwendet wurde, waren langjährige WordPress-Benutzer damit sehr vertraut. Er fühlte sich auch vertraut an, da er wie ein Textverarbeitungsprogramm wie Microsoft Word funktionierte.

Es platzierte eine Symbolleiste über dem Editor mit Symbolen zum Hinzufügen von Textformatierungen wie Überschriften, Fett, Kursiv, Listen und Ausrichtung. Dies funktioniert gut für Beiträge und Seiten, die wie ein einfaches Dokument aufgebaut sind, erschwert jedoch komplexe Layouts.

Andererseits ist der Block-Editor perfekt für komplexe Layouts. Sie können ganz einfach eine Webseite erstellen, 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 mehr Kontrolle über das Layout und das Erscheinungsbild Ihrer Inhalte.

Mehr erfahren Sie in unserem Leitfaden zum Verwenden des WordPress Block Editors.

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

Der Block-Editor ist mit WordPress vorinstalliert und ermöglicht es Ihnen, schöne Inhaltslayouts mit Blöcken zu erstellen. Möglicherweise fragen Sie sich also, ob Sie ein Drag-and-Drop-WordPress-Seitenerstellungs-Plugin benötigen.

Top WordPress Page Builder wie SeedProd, Thrive Architect, Beaver Builder, und Divi sind deutlich leistungsfähiger.

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

SeedProd ein beliebter WordPress Page Builder Plugin

Sie bieten jedoch auch fertige Vorlagen, die Ihnen Zeit sparen, und sie bieten viel mehr Designflexibilität als der WordPress Block-Editor

Einen detaillierten Vergleich finden Sie in unserer Anleitung zum Thema WordPress-Block-Editor im Vergleich zu Seitenerstellern.

Welche Blöcke sind in WordPress verfügbar?

Der Gutenberg-Editor bietet viele gängige Blöcke zur Erstellung von Inhalten. Es ist wichtig, die verschiedenen verfügbaren Blöcke zu erkunden und zu lernen, wie Sie sie in Ihren Inhalten 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.

Der Inhalt jedes Blocktyps kann bearbeitet, formatiert und angepasst werden. Zum Beispiel können Sie den Text in einem Absatzblock fett formatieren oder ein Foto in einem Bildblock zuschneiden.

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

Anpassen eines Blocks mit der Symbolleiste und Seitenleiste

Es gibt auch Blöcke für spezifischere Inhaltstypen, wie z. B. Call-to-Action-Buttons, YouTube-Videos, Text in Spalten, Code-Snippets, 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 indem Sie Ihre eigenen Blöcke erstellen.

So erstellen Sie Ihre eigenen Blöcke in WordPress

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

Der beste Weg, dies zu tun, ist die Erstellung eines Block-Snippets mit WPCode. Dies ermöglicht es Ihnen, benutzerdefinierte Blöcke mit dem Block-Editor selbst zu gestalten.

Wählen Sie die Option Block-Snippets und klicken Sie auf die Schaltfläche Mit Block-Editor bearbeiten

Eine zweite Möglichkeit, benutzerdefinierte Blöcke zu erstellen, ist die Verwendung des Genesis Custom Blocks -Plugins. Dies wird von den Machern von WP Engine Hosting entwickelt.

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

Erstellen eines neuen benutzerdefinierten Blocks

Sie können lernen, wie Sie beide Methoden verwenden, in unserem Leitfaden zum Erstellen eines benutzerdefinierten WordPress-Blocks.

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

Was sind Block-Muster?

Normalerweise fügen Sie Designelemente zu einem Beitrag hinzu, einen Block nach dem anderen. Wenn Sie jedoch regelmäßig dieselbe Kombination von Blöcken verwenden, können Sie mit Blockmustern Zeit sparen.

Ein Blockmuster ist eine vorgefertigte Sammlung von Blöcken. Es ermöglicht Ihnen, eine ganze Gruppe von Blöcken in einem Schritt hinzuzufügen, wodurch Sie benutzerdefinierte Inhaltslayouts schneller erstellen können.

Sie können beispielsweise Blockmuster verwenden, um Mehrspaltenlayouts, Medien- und Textmuster, Call-to-Action-Muster, Header, Schaltflächen und mehr hinzuzufügen.

WordPress wird mit einer Auswahl nützlicher Block-Layouts geliefert, und einige beliebte WordPress-Themes bieten auch weitere Block-Layouts, die beim Schreiben von Inhalten verwendet werden können.

Mehr erfahren Sie in unserem Anfängerleitfaden zur Verwendung von WordPress Blockmustern.

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

Wenn Sie Ihre WordPress-Website schon seit Jahren haben, 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 ist „Ja“, und Sie können lernen, wie das geht, indem Sie unserer Schritt-für-Schritt-Anleitung folgen, wie Sie Ihre alten WordPress-Beiträge mit dem Gutenberg-Block-Editor aktualisieren können.

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

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

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, da es das Hinzufügen von benutzerdefiniertem Code in WordPress vereinfacht und einen Ausschnitt in seiner Codebibliothek enthält, der den klassischen Editor aktivieren kann.

Aktivieren des klassischen Editors mit einem WPCode-Snippet

Sie können mehr in unserem Leitfaden erfahren, wie Sie Gutenberg deaktivieren und den klassischen Editor in WordPress beibehalten.

Häufige Probleme mit dem Block-Editor und wie man sie behebt

Bei der Verwendung des Block-Editors können gelegentlich Probleme auftreten, wie z. B. Fehlermeldungen, Abstürze, Ausrichtungsprobleme und mehr.

Hilfe finden Sie in unserem Leitfaden zu häufigen Problemen mit dem WordPress Block-Editor und wie man sie behebt.

Wir hoffen, dieser Artikel hat Ihnen geholfen, mehr über den Block-Editor in WordPress zu erfahren. Möglicherweise möchten Sie auch unsere Liste mit zusätzlichen Lesehinweisen unten für verwandte Artikel zu nützlichen WordPress-Tipps, -Tricks und -Ideen sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Was ist: Block-Editor