Gutenberg-Blöcke

Donec id elit non mi porta gravida at eget metus. Mit sociis natoque penatibus et magnis dis parturient montes, nascetur lächerlich mus. Donec ullamcorper nulla nicht metus auctor fringilla.


Überschrift Eins

Überschrift Zwei

Überschrift Drei

Überschrift Vier

Überschrift Fünf
Überschrift Sechs

Vorformatierter Block

Der nicht eingeschlagene Weg, von Robert Frost

In einem gelben Wald gabelten sich zwei Wege.,
Und es tut mir leid, dass ich nicht beides bereisen konnte.
Und sei ein Reisender, lange stand ich da
Und schaute so weit ich konnte hinunter.
Dorthin, wo es sich im Unterholz bog;
Dann nahm er den anderen, der genauso fair war.,
Und vielleicht hat er den besseren Anspruch darauf.,
Weil es grasbewachsen war und abgenutzt werden wollte;
Was das Vorbeigehen dort betrifft, so
Ich hatte sie wirklich ungefähr gleich oft getragen.,
Und beide lagen an diesem Morgen gleichermaßen da
In Blättern hatte kein Schritt Schwarz getreten.
Oh, das erste habe ich mir für einen anderen Tag aufgehoben!
Doch in dem Wissen, wie ein Weg zum anderen führt,
Ich zweifelte daran, ob ich jemals zurückkommen würde.
Ich werde dies mit einem Seufzer erzählen.
Irgendwo in ferner Zukunft:
Zwei Wege gabelten sich in einem Wald, und ich –
Ich habe den weniger frequentierten Weg genommen.,
Und genau das hat den entscheidenden Unterschied ausgemacht.

...und hier ist eine Zeile mit einem wirklich, wirklich, wirklich, wirklich langen Text, nur um zu sehen, wie er verarbeitet wird und um herauszufinden, wie es zu einem Überlauf kommt;

Geordnete Liste

  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
  2. Donec ullamcorper nulla nicht metus auctor fringilla.
    1. Condimentum euismod aenean.
    2. Purus commodo ridiculus.
    3. Nibh commodo vestibulum.
  3. Cras justo odio, dapibus ac facilisis in.

Ungeordnete Liste

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec ullamcorper nulla nicht metus auctor fringilla.
    • Nibh commodo vestibulum.
    • Aenean eu leo quam.
    • Pellentesque ornare sem lacinia.
  • Cras justo odio, dapibus ac facilisis in.

Vers

Dies ist ein Beispiel für den zentralen Versblock der Gutenberg-Literatur.

Ein Block für Haiku? 
Warum nicht?
Bausteine für alles!

Separator

Hier sind Beispiele für die drei Trennlinienstile des Gutenberg-Kerntrennblocks.




Tisch

Hier ist ein Beispiel für den grundlegenden Gutenberg-Tabellenblock. 

MitarbeiterGehaltPosition
Jane Doe
$100kCEO
John Doe$100kCTO
Jane Bloggs$100kMaschinenbau
Fred Bloggs$100kMarketing

Neueste Beiträge, Listenansicht

Praesent Commodo Cursus Magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 

Neueste Beiträge, Rasteransicht

Und nun zur Rasteransicht. Der Block „Neueste Beiträge“ wird auch in breiter und voller Breite angezeigt, überprüfen Sie daher unbedingt auch diese Stile.


Zitat

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

Rich Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Alternativer Blockzitat

Der alternative Blockzitatstil kann mithilfe von .wp-block-quote.is-large. CSS-Selektor. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros.

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Rich Tabor

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.


Audio

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Zentriert:

Beispiel einer Audio-Block-Untertitelung

Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.


Tasten

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Zentriert

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer-Werte werden vor dem Einschalten angezeigt. 

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer-Werte werden vor dem Einschalten angezeigt. Donec ullamcorper nulla nicht metus auctor fringilla. Maecenas sed diam eget risus varius.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer-Werte werden vor dem Einschalten angezeigt. Donec ullamcorper nulla nicht metus auctor fringilla. Maecenas sed diam eget risus varius.


Kategorien


Archiv


Spalten

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla nicht metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla nicht metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.


Zitate abrufen

Hier ist ein Beispiel für den Core-Pull-Quote-Block, der so eingestellt ist, dass er zentriert angezeigt wird. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sitzposition liegt am Lobortis.

Rich Tabor, ThemeBeans.com

Weit ausgerichtet

Hier ist ein Beispiel für den Core-Pull-Quote-Block, der so eingestellt ist, dass er mit dem Wide-aligned-Attribut angezeigt wird, sofern das Theme dies zulässt. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros.

Hier haben wir ein linksbündiges Zitat.

Rich Tabor

Donec id elit non mi porta gravida at eget metus. Nichtsdestotrotz ist die Gefahr groß, dass die Mollis von deinem Löwen getragen werden. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer-Werte werden vor der Verkündigung angezeigt. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

Hier haben wir ein rechtsbündiges Zitat.

Rich Tabor

Donec ullamcorper nulla nicht metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Mit sociis natoque penatibus et magnis dis parturient montes, nascetur lächerlich mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, Porta ac consectetur ac, Vestibulum at eros.


Bildblock

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Vorlage für bearbeitbaren Texteffekt in Ebenenform – Vektor-3D-Typografie

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Linksbündig: Dapibus, Tellus AC Cursus Commodo, Tortor Mauris Condimentum Nibh, ut Fermentum Massa Justo Sit Amet Risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Nichtsdestotrotz ist die Gefahr groß, dass die Mollis von deinem Löwen getragen werden. Praesent Commodo Cursus Magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.

Videoblock

Schauen wir uns die Positionierung und das Styling des Videokernblocks an. Wir werden auch die breite und die volle Ausrichtung überprüfen.

Titelbildblock

Überprüfen Sie die Positionierung und das Styling des Kernblocks für das Titelbild. Wir werden die breite und die vollständige Ausrichtung sowie die Links-/Rechtsausrichtung prüfen.

Beispielbildunterschrift

Linksbündig: Dapibus, Tellus AC Cursus Commodo, Tortor Mauris Condimentum Nibh, ut Fermentum Massa Justo Sit Amet Risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent Commodo Cursus Magna, vel scelerisque nisl consectetur et.


Beispielbildunterschrift

Rechtsbündig: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

Fusce dapibus, Tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Zentriert ausgerichtet:

Beispiel einer animierten Oberfläche


Galerieblöcke

Werfen wir einen Blick auf die Positionierung und das Styling der Galerieblöcke.

Zwei-Säulen-Galerie

Im Folgenden sehen Sie einen Galerieblock mit zwei Spalten und zwei Bildern.

Dreispaltig

Im Folgenden sehen Sie einen Galerieblock mit drei Spalten und drei Bildern.

Vier Spalten

Im Folgenden sehen Sie einen Galerieblock mit vier Spalten und vier Bildern.

Fünf Spalten

Im Folgenden sehen Sie einen Galerieblock mit fünf Spalten und fünf Bildern.

Vier Spalten, fünf Bilder

Ändern wir das Ganze ein wenig. Jetzt haben wir einen Galerieblock mit vier Spalten und fünf Bildern eingefügt.

Drei Spalten, fünf Bilder

Nun haben wir einen Galerieblock mit drei Spalten und fünf Bildern eingefügt.

Im Folgenden finden Sie einen Galerieblock mit zwei Spalten und fünf Bildern.

Zwei Spalten, fünf Bilder

Drei Spalten, vier Bilder

Im Folgenden finden Sie einen Galerieblock mit drei Spalten und vier Bildern.