Verwendet werden nur die Blöcke:
Text: paragraph, heading, list, quote, table · Medien: image, cover, media-text, video, file, icon
Design: buttons, columns, accordion, separator, spacer, more, nextpage
Widgets: html
Theme: post-date, post-author-name
Demo-Seite: Gutenberg-Blöcke im Überblick
Diese Seite zeigt die wichtigsten Standard-Blöcke von WordPress 7.1 mit Beispielinhalten.
Seiteninformationen (Theme-Blöcke Datum und Name des Autors):
Einleitung
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Mehr Informationen gibt es auf wordpress.org.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Überschriften
Überschrift H3
Überschrift H4
Überschrift H5
Überschrift H6
Listen
- Ungeordneter Listenpunkt
- Listenpunkt mit Unterliste
- Unterpunkt A
- Unterpunkt B
- Listenpunkt mit Link
- Erster Schritt
- Zweiter Schritt
- Dritter Schritt
Zitat
Gutes Design ist so wenig Design wie möglich – und dieser Satz dient nur als Platzhalter für ein Zitat.
Max Mustermann, Beispielfirma
Tabelle
| Produkt | Kategorie | Preis |
|---|---|---|
| Produkt A | Software | 49,00 € |
| Produkt B | Hardware | 129,00 € |
| Produkt C | Service | 79,00 € |
| Summe | 257,00 € |
Bild
Medien und Text
Medien und Text kombiniert
Bild und Text stehen nebeneinander und werden auf kleinen Bildschirmen untereinander angezeigt.
Video
Datei-Download
Spalten mit Icons
Qualität
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Zuverlässigkeit
Sed do eiusmod tempor incididunt ut labore et dolore.
Service
Ut enim ad minim veniam, quis nostrud exercitation.
Buttons
Häufige Fragen (Akkordeon)
Der Block-Editor (Gutenberg) baut Inhalte aus einzelnen, wiederverwendbaren Blöcken auf.
Ja. Gruppen, Spalten oder Akkordeons können weitere Blöcke enthalten.
Über Optionen (⋮) → Code-Editor lässt sich das Block-Markup direkt bearbeiten.