Von Bergen und Druckerpressen

Das Ziel dieses neuen Editors ist es, das Hinzufügen von reichhaltigen Inhalten zu WordPress einfach und angenehm zu gestalten. Dieser ganze Beitrag besteht aus Inhaltsstücke-ähnlich wie LEGO-Steine-, die Sie bewegen und mit denen Sie interagieren können. Bewegen Sie den Mauszeiger und Sie werden feststellen, dass die verschiedenen Blöcke mit Umrissen und Pfeilen aufleuchten. Drücken Sie die Pfeile, um die Blöcke schnell zu verschieben, ohne Angst zu haben, dass beim Kopieren und Einfügen etwas verloren geht.

Was Sie jetzt lesen, ist ein Textblock der grundlegendste Block von allen. Der Textblock hat seine eigenen Steuerelemente, die frei um den Beitrag herum bewegt werden können...

... wie diese, die rechtsbündig ist.

Überschriften sind ebenfalls separate Blöcke, was die Gliederung und Organisation Ihres Inhalts erleichtert.

Ein Bild sagt mehr als tausend Worte

Die sorgfältige Handhabung von Bildern und Medien ist ein Hauptaugenmerk des neuen Editors. Wir hoffen, dass Sie das Hinzufügen von Bildunterschriften oder das Einfügen von Bildern in voller Breite viel einfacher und stabiler finden werden als zuvor.

Schöne Landschaft
Wenn Ihr Thema dies unterstützt, sehen Sie die Schaltfläche "Breit" in der Bildsymbolleiste. Probieren Sie es aus.

Versuchen Sie, die Beschriftung auszuwählen und zu entfernen oder zu bearbeiten. Jetzt müssen Sie nicht mehr darauf achten, versehentlich das Bild oder einen anderen Text auszuwählen und die Präsentation zu ruinieren.

Die Einleger Werkzeug

Stellen Sie sich vor, alles, was WordPress kann, steht Ihnen schnell und an der gleichen Stelle auf der Benutzeroberfläche zur Verfügung. Sie müssen sich nicht mit HTML-Tags und Klassen auseinandersetzen oder sich eine komplizierte Shortcode-Syntax merken. Das ist die Idee hinter dem Inserter - dem (+) mit der Sie alle verfügbaren Inhaltsblöcke durchsuchen und zu Ihrem Beitrag hinzufügen können. Plugins und Themes können ihre eigenen Blöcke registrieren und eröffnen so eine Vielzahl von Möglichkeiten für die Bearbeitung und Veröffentlichung von Inhalten.

Probieren Sie es aus, vielleicht entdecken Sie Dinge, die WordPress bereits in Ihre Beiträge einbauen kann, von denen Sie noch nichts wussten. Hier ist eine kurze Liste dessen, was Sie derzeit dort finden können:

  • Text & Überschriften
  • Bilder und Videos
  • Galerien
  • Einbettungen, wie YouTube, Tweets oder andere WordPress-Beiträge.
  • Layout-Blöcke, wie Schaltflächen, Hauptbilder, Trennlinien usw.
  • Und Verzeichnisse wie dieser hier natürlich 🙂

Visuelles Editieren

Ein großer Vorteil von Blöcken ist, dass Sie sie an Ort und Stelle bearbeiten und Ihren Inhalt direkt ändern können. Anstatt Felder für die Bearbeitung von Dingen wie der Quelle eines Zitats oder dem Text einer Schaltfläche zu haben, können Sie den Inhalt direkt ändern. Versuchen Sie, das folgende Zitat zu bearbeiten:

Der Editor wird sich bemühen, eine neue Erfahrung bei der Erstellung von Seiten und Beiträgen zu schaffen, die das Schreiben von umfangreichen Beiträgen mühelos macht, und verfügt über "Blöcke", die es einfach machen, was heute vielleicht Shortcodes, benutzerdefiniertes HTML oder "Mystery Meat"-Einbettungen erfordert.

Matt Mullenweg, 2017

Die Informationen, die der Quelle des Zitats entsprechen, sind ein separates Textfeld, ähnlich wie Bildunterschriften unter Bildern, so dass die Struktur des Zitats geschützt bleibt, auch wenn Sie die Quelle auswählen, ändern oder entfernen. Es ist immer einfach, sie wieder hinzuzufügen.

Blöcke können alles sein, was Sie brauchen. Sie können zum Beispiel ein dezentes Zitat in Ihren Text einfügen oder ein großes stilisiertes Zitat anzeigen. Alle diese Optionen sind in der Einfügemaschine verfügbar.

Sie können die Anzahl der Spalten in Ihren Galerien ändern, indem Sie einen Schieberegler im Blockinspektor in der Seitenleiste ziehen.

Medienreich

Wenn Sie die neue breit und in voller Breite Ausrichtungen mit Galerien können Sie sehr schnell ein sehr medienreiches Layout erstellen:

Barrierefreiheit ist wichtig - vergessen Sie nicht das Alt-Attribut von Bildern

Sicher, das Bild in voller Breite kann ziemlich groß sein. Aber manchmal ist das Bild es wert.

Das obige Beispiel ist eine Galerie mit nur zwei Bildern. Dies ist eine einfachere Möglichkeit, visuell ansprechende Layouts zu erstellen, ohne sich mit Floats auseinandersetzen zu müssen. Sie können die Galerie auch leicht wieder in einzelne Bilder umwandeln, indem Sie den Blockwechsler verwenden.

Jeder Block kann sich für diese Ausrichtungen entscheiden. Der Einbettungsblock hat sie auch und ist von Haus aus responsiv:

https://vimeo.com/22439234

Sie können jeden beliebigen Block erstellen, statisch oder dynamisch, dekorativ oder schlicht. Hier ist ein Pullquote-Block:

Code ist Poesie

Die WordPress-Gemeinschaft

Wenn Sie mehr darüber erfahren möchten, wie Sie zusätzliche Blöcke bauen können, oder wenn Sie daran interessiert sind, bei dem Projekt zu helfen, besuchen Sie die GitHub-Repository.


Danke, dass Sie Gutenberg getestet haben!

👋