Der Gutenberg-Editor

Eine Beispielseite

Gutenberg ist der neue WordPress-Editor, der mit der Version 5.0 von WordPress kommen wird. Der Editor ersetzt dann den noch aktuellen TinyMCE-Editor, der zum editieren von Seiten und Beiträgen verwendet wird. Hier einmal zum selber ausprobieren. In diesem Artikel zeige ich lediglich verschiedene Elemente, die der Editor anbietet. Das Aussehen der Elemente wird vom CSS des WordPress-Themes gesteuert.


Twitter-Inhalte anzeigen auf Klick


Überschrift mit Trennelement drüber und drunter


Absatz — Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Zitat: Good things come to those who wait.

Mullenweg said Gutenberg might be here as early as August.

Ein Absatz mit Hintergrundfarbe, Textfarbe und DropCap. Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini. Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.



Hier kann man quer über das Bild schreiben und es wird abgedunkelt.

Video — als Handy-Videos noch wackelten…

Vimeo-Inhalte anzeigen auf Klick


Audio — Camille Saint-Saëns

 Karneval der Tiere – VII. Aquarium 1886


Liste

  • Liste 1
  • Liste 2
  • Liste 3
  • Liste 4

Tabelle

Tabelle 1Tabelle 2
Tabelle 3Tabelle 4

Überschrift zentriert

Paul der dreibeinige Hund!
Bild neben Text

Ja, das ist mein Hund. Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Ein rausgezogenes Zitat!

rutscht raus aufm Desktop!

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.


Widgets und Spalten

Es gibt ein Widget für neueste Kommentare, neueste Beiträge, Shortcode, Archive und Kategorien. Da ich die Kommentare erstmal geschlossen habe hier nur ersteres.

Das Spaltenplugin wird hier auch verwendet, ist aber noch in der Beta-Entwicklungsphase.


Drei Spalten und etwas CSS

Man kann auch mit CSS machen, dass z.B. eine dreispaltige Zeile breiter läuft als ne zweispaltige. Dann springt das etwas aus dem Layout.

Server Datenbank wird aufgerufen, HTML Dokument wird erstellt und an den Browser ausgeliefert

Die Bilder kommen aus: WordPress Caching einfach erklärt. Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra.

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.


Dateien


Code

<?php the_title(); ?>

Galerie