Das Ziel dieses neuen Editors ist es, das Hinzufügen von Rich Content zu WordPress einfach und angenehm zu gestalten. Dieser gesamte Beitrag besteht aus Inhaltsteile– ähnlich wie LEGO-Steine –, die du bewegen und mit denen du interagieren kannst. Bewege den Cursor, und du wirst sehen, wie die verschiedenen Blöcke mit Umrissen und Pfeilen aufleuchten. Drücke die Pfeile, um Blöcke schnell neu zu positionieren, ohne befürchten zu müssen, dass beim Kopieren und Einfügen etwas verloren geht.

Was Sie gerade lesen, ist eine Textblock Der einfachste Block von allen. Der Textblock verfügt über eigene Steuerelemente, mit denen er frei im Beitrag verschoben werden kann.

… wie dieses hier, das rechtsbündig ist.

Überschriften sind ebenfalls separate Blöcke, was bei der Gliederung und Organisation Ihres Inhalts hilft.

Ein Bild sagt mehr als tausend Worte

Der sorgfältige Umgang mit Bildern und Medien steht im Mittelpunkt des neuen Editors. Das Hinzufügen von Bildunterschriften oder die Anzeige Ihrer Bilder in voller Breite wird Ihnen hoffentlich deutlich einfacher und zuverlässiger als zuvor.

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

Der Einleger Werkzeug

Stellen Sie sich vor, alles, was WordPress kann, steht Ihnen schnell und an derselben Stelle auf der Oberfläche zur Verfügung. Sie müssen sich nicht mit HTML-Tags, Klassen oder komplizierter Shortcode-Syntax auseinandersetzen. Genau das ist der Grundgedanke des Inserters – der (+) Schaltfläche, die Sie rund um den Editor sehen – damit können Sie alle verfügbaren Inhaltsblöcke durchsuchen und in Ihren Beitrag einfügen. Plugins und Themes können eigene Blöcke registrieren, was vielfältige Möglichkeiten für die Bearbeitung und Veröffentlichung eröffnet.

Probieren Sie es aus! Vielleicht entdecken Sie Dinge, die WordPress bereits in Ihre Beiträge einfügt, von denen Sie noch nichts wussten. Hier ist eine kurze Liste der aktuellen Funktionen:

• Text & Überschriften
• Bilder & Videos
• Galerien
• Einbettungen, wie YouTube, Tweets oder andere WordPress-Beiträge.
• Layoutblöcke wie Schaltflächen, Hero-Bilder, Trennzeichen usw.
• Und Listen wie dieses hier natürlich 🙂

Visuelle Bearbeitung

Ein großer Vorteil von Blöcken ist, dass Sie sie direkt bearbeiten und Ihren Inhalt direkt verä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 ist bestrebt, eine neue Erfahrung beim Erstellen von Seiten und Beiträgen zu schaffen, die das Schreiben umfangreicher Beiträge mühelos macht und über „Blöcke“ verfügt, um das zu vereinfachen, was heute möglicherweise Shortcodes, benutzerdefiniertes HTML oder die Entdeckung eingebetteter „Mystery Meat“-Elemente erfordert.

Matt Mullenweg, 2017

Die Informationen zur Zitatquelle befinden sich in einem separaten Textfeld, ähnlich wie Bildunterschriften. So bleibt die Struktur des Zitats auch dann geschützt, wenn Sie die Quelle auswählen, ändern oder entfernen. Sie lässt sich jederzeit problemlos wieder hinzufügen.

Blöcke können alles sein, was Sie brauchen. Sie können beispielsweise ein dezentes Zitat in Ihren Text einfügen oder ein großes, stilisiertes Zitat darstellen. Alle diese Optionen stehen Ihnen im Inserter zur Verfügung.

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

Medienreich

Kombiniert man die neuen breit Und in voller Breite Durch die Ausrichtung mit Galerien können Sie sehr schnell ein sehr medienreiches Layout erstellen:

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

Oben sehen Sie eine Galerie mit nur zwei Bildern. So können Sie einfacher optisch ansprechende Layouts erstellen, ohne sich mit Floats herumschlagen zu müssen. Mit dem Block-Umschalter können Sie die Galerie auch ganz einfach wieder in einzelne Bilder umwandeln.

Jeder Block kann diese Ausrichtungen wählen. Der eingebettete Block verfügt ebenfalls über diese Ausrichtungen und ist standardmäßig responsiv:

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

Wenn Sie mehr über den Bau zusätzlicher Blöcke erfahren möchten oder Interesse haben, bei dem Projekt mitzuhelfen, besuchen Sie die GitHub-Repository.

Danke, dass Sie Gutenberg getestet haben!

Lorem Ipsum ist einfach Blindtext der Druck- und Satzindustrie. Lorem ipsum ist seit dem 16. Jahrhundert der Standardblindtext der Branche, als ein unbekannter Drucker einen Abzug der Schriften durcheinanderbrachte, um ein Schriftmusterbuch zu erstellen. Es hat nicht nur fünf Jahrhunderte überdauert, sondern auch den Sprung in den elektronischen Schriftsatz im Wesentlichen unverändert überstanden. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Bögen mit Lorem-ipsum-Abschnitten populär und in jüngerer Zeit durch Desktop-Publishing-Software wie Aldus PageMaker, die Versionen von Lorem ipsum enthält.