Zum Inhalt springen

Arbeiten mit Blöcken: Inhalte erstellen mit dem Gutenberg-Editor

Beiträge und Seiten sind das Herzstück deiner Seite. Beide erstellst und bearbeitest du mit dem Gutenberg-Editor. In diesem Blogbeitrag erkläre ich, wie du mit Blöcken im Gutenberg Editor arbeitest und wie sie dir die Arbeit mit WordPress erleichtern.

Was sind Blöcke im Gutenberg Editor?

Grob gesagt ist jeder Abschnitt deines Artikels oder deiner Seite für Gutenberg ein Block. Jeder Absatz, den du eingibst, wird im Hintergrund automatisch in einen Block umgewandelt. Das hat für dich den Vorteil, dass du Absätze beispielsweise nach vorne oder hinten verschieben kannst. Doch auch die anderen Bestandteile deines Artikels wie Bilder, Videos, Audio-Dateien, Tabellen, Zitate, Buttons und vieles mehr werden von Gutenberg als Blöcke gewertet. Die Verwendung von Blöcken ermöglicht es dir, den Inhalt deiner Beiträge und Seiten in kleinere, leichter handhabbare Teile zu unterteilen und diese dann nach Bedarf anzuordnen. Außerdem ist es so viel leichter, externe Inhalte wie Videos, Karten, Datenvisualisierungen etc. einzufügen.

Wie funktionieren Blöcke im Gutenberg Editor?

Screenshot des Gutenberg-Text-Editors.
Gutenberg bietet einige grundlegende Textformatierungsmöglichkeiten. So kannst du beispielsweise den Text fetten, ihn kursiv setzen oder Links auf andere Seiten einfügen.

Wie oben schon erwähnt, wandelt Gutenberg Textabschnitte automatisch in Blöcke um. Willst du in deinen Text weitere Inhalte, wie beispielsweise Bilder einfügen, bewegst du die Maus entweder unter deinen Beitrag/Seite und klickst auf das kleine Gutenberg-Texte-Formatieren-mit-Wordpress. Jetzt kannst du auswählen, was du an dieser Stelle einfügen möchtest. Gutenberg schlägt dir einige häufig verwendete Blöcke vor.

Willst du sehen, was du alles einfügen kannst, klicke auf Alle durchsuchen. Jeder Block im Gutenberg Editor hat eine eigene Werkzeugleiste, die es Benutzern ermöglicht, den Inhalt des Blocks zu bearbeiten und anzupassen. Die Werkzeugleiste kann je nach Art des Blocks variieren. So haben beispielsweise Textblöcke eine Werkzeugleiste, die es dir ermöglicht, den Text zu formatieren, während Bildblöcke eine Werkzeugleiste haben, mit der Benutzer das Bild einfügen und bearbeiten können.

Du kannst Blöcke ganz einfach per Drag-and-Drop hinzufügen, entfernen und neu anordnen. Auch die Einstellungen jedes Blocks kannst du individuell anpassen, um das Aussehen und die Funktionalität deiner Inhalte zu verändern und auf deine Bedürfnisse zuzuschneiden..

Welche Arten von Blöcken gibt es im Gutenberg Editor?

Screenshot der Gutenberg-Bloecke-Auswahl in WordPress
Über das kleine schwarz hinterlegte Plus-Symbol öffnet sich das Blockauswahlfenster von Gutenberg.

Es gibt viele verschiedene Arten von Blöcken im Gutenberg Editor, die dir eine breite Palette von Optionen zur Verfügung stellen. Hier sind die wichtigsten Blöcke:

  • Textblöcke: ermöglichen es dir, Text in verschiedenen Größen, Farben und Stilen zu formatieren.
  • Bildblöcke: ermöglichen es dir, Bilder in deine Seiten oder Beiträge einzufügen und sie zu bearbeiten.
  • Video-Blöcke: ermöglichen es dir, Videos einzufügen und sie zu bearbeiten.
  • Audio-Blöcke: ermöglichen es dir, Audio-Dateien einzufügen und sie zu bearbeiten.
  • Zitat-Blöcke: ermöglichen es dir, Zitate einzufügen und sie zu formatieren.
  • Button-Blöcke: ermöglichen es dir, Buttons in deine Seiten oder Beiträge einzufügen und sie mit Links zu verknüpfen.
  • Trennzeichen-Blöcke: ermöglichen es dir, horizontale Trennlinien in deine Texte einzufügen, um sie visuell zu unterteilen.

Hier ein Bildblock:

Ein klassischer Bildblock mit Bildunterschrift.

und ein Videoblock

Auch Videoblöcke haben eine Bildunterschrift.

ein Audioblock

Die du natürlich auch bei Audiodateien findest.

Fazit

Die Verwendung von Blöcken im Gutenberg Editor ermöglicht es dir, Beiträge und Seiten auf eine neue und verbesserte Art und Weise zu erstellen und zu bearbeiten. Gutenberg erleichtert es dir, diese mit multimedialen Inhalten zu ergänzen. Außerdem hast du mit Gutenberg mehr Flexibilität und Kontrolle über das Layout und Design deines Contents bieten. Seit Einführung des Gutenberg Editors ist es einfacher als je zuvor, ansprechende und benutzerfreundliche Inhalte in WordPress zu erstellen.

Dieser Blogbeitrag ist Teil der Serie Webseiten mit WordPress – ein Leitfaden für Neulinge. Ich erkläre dir darin, wie du das CMS einrichtet und bedienst.

Teile diesen Beitrag
Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Consent Management Platform von Real Cookie Banner