Hallo, wir sind die Gutenblocks

Mit Gutenberg kommen die Gutenblocks

Mit Gutenberg kommen die Gutenblocks

Mit WordPress 5 wandert der Gutenberg-Editor in den Core. Herzstück von Gutenberg sind die Gutenblocks, Layoutblöcke für Überschriften, Absätze, Tabellen, Listen, Buttons und andere Elemente zur Gestaltung von Texten, Bildern und Videos. In diesem Beitrag zeige ich dir:

  • Die wichtigsten Gutenblocks
  • Die wichtigsten Werkzeuge
Gutenblocks finden

Gutenblocks finden: Über das Suchfeld oder Blocks

Einen Gutenblock findest du nach einem Klick auf den Inserter, also das +-Zeichen, auf zwei Arten:

  1. Über die Namenseingabe im Gutenberg-Suchfeld
  2. Über das Register Blocks

Den Anfang macht das öft benötigte Weiterlesen-Werkzeug.


Weiterlesen-Block

Weiterlesen-Werkzeug in Gutenberg

Das Weiterlesen-Werkzeug

  • Weiterlesen-Block einfügen: Gib More in das Gutenberg-Suchfeld ein.
  • Wichtigstes Werkzeug: Keines. Dieser Block besteht nur aus dem Trenner zwischen Teaser und Haupttext.

Tabellen-Block

Die Tabellenfunktion von WordPress
  • Tabellen-Block einfügen: Gib Table in das Gutenberg-Suchfeld ein.
  • Wichtigstes Tabellen-Werkzeug: Rechts oben das Tool zum Hinzufügen und Löschen von Reihen und Spalten.

Listen-Block

Listen-Block

Listen einfügen

  • Button-Listen einfügen: Gib List in das Gutenberg-Suchfeld ein.
  • Wichtigste Button-Werkzeuge:
  1. Unsortierte Liste. Liste mit Bullet-Points.
  2. Sortierte Liste. Liste mit fortlaufenden Nummern

 


Button-Block

  • Button beschriftenButton-Block einfügen: Gib Button in das Gutenberg-Suchfeld ein.
  • Wichtigste Button-Werkzeuge:
  1. Button ausrichten. Den Button ausrichten oder die Schrift fett oder kursiv erscheinen lassen.
  2. Button beschriften. Den Button-Text eingeben.
  3. Button-URL eingeben. Eine Ziel-URL für den Button eingeben.

Schritt-für-Schritt-Tutorial: Button einfügen

Johannes Gutenberg Kupferstich

Johannes Gutenberg, Namenspatron des Gutenberg-Editors und der Gutenblocks

Zitat-Block

Zitate-Fenster

Zitat in WordPress einfügen

  • Zitat-Block einfügen: Gib Pullquote in das Gutenberg-Suchfeld ein.
  • Wichtigste Zitat-Werkzeuge: Oben Ausrichtung links-mitte-rechts
  1. Im Eingabefenster oben: Zitat eingeben
  2. Im Eingabefenster unter: Urheber des Zitats eingeben

 


Verse-Block

Verse in Gutenberg

  • Verse-Block einfügen: Gib Verse in das Gutenberg-Suchfeld ein.
  • Wichtigstes Verse-Werkzeug: Schreibwerkzeug, den Rest erledigt Gutenberg automatisch. Die Verse erscheinen leicht eingerückt, vor einem anderen Hintergrund und in einer anderen Schrift. Auf diese Weise heben sie sich vom normalen Text ab.

Textspalten-Block

Mehrere Textspalten in Gutenberg

Mehrere Textspalten in Gutenberg

  • Textspalten-Block einfügen: Gib Text Columns in das Gutenberg-Suchfeld ein.
  • Wichtigstes Textspalten-Werkzeug: Schreibwerkzeuge. Über den Inspektor rechts öffnet sich der Inspektor. Dort kann die Anzahl der Spalten festgelegt werden.

Bild-Block

Bild-Block

Bild in Gutenberg einfügen – direkt von der Festplatte oder aus der WordPress-Mediathek

  • Bild-Block einfügen: Gib Image in das Gutenberg-Suchfeld ein.
  • Wichtigste Bild-Werkzeuge: Oben die Werkzeuge zur Ausrichtung, im Hauptfeld die Möglichkeiten zum Bild-Import: Direkt von der Festplatte (1) oder aus der WordPress-Mediathek (2)

Shortcode-Block

Shortcode-Eingabefenster

Einen Shortcode in Gutenberg eingeben

  • Shortcode-Block einfügen: Gib Shortcode in das Gutenberg-Suchfeld ein.
  • Wichtigste Shortcode-Werkzeuge: Keine. Der Shortcode wird direkt eingegeben.

PS: Wozu sind Shortcodes gut? Hier erklärt: Shortcodes.

Kommentar verfassen