WordPress Gutenberg: Welche neuen Funktionen bringt es in WordPress?


WordPress 5.0 hat eine völlig neue Blockbasierter Editor namens Gutenberg eingeführt. Es ist eine einfachere und neue Art, Inhalte zu erstellen. Anstelle eines einfachen Editors und eines Back-End-Code-Editors erleichtert die neue Benutzeroberfläche das Ziehen und Ablegen von Elementen in Ihre WordPress-Site.

Gutenberg hat im Grunde genommen Elemente aus einigen der beliebtesten WordPress-Plugins entfernt wie Elementor und Divi, die als "visuelle Komponisten" gelten. Gutenberg ist bei weitem nicht so fortschrittlich wie diese Lösungen, aber es ist ein Schritt in die richtige Richtung.

Unten sehen Sie einen Screenshot des klassischen WordPress-Editors. Die Formatierungsschaltflächen ähneln dem Texteditor für Microsoft Word.

Ab WordPress 5.0 und höher wurde der unten gezeigte neue Blockeditor von Gutenberg eingeführt.

Der neue Editor verwendet den Ansatz, Blöcke oder Elemente hinzuzufügen, um Inhaltslayouts zu erstellen. Jedes Element, das Sie Ihrer Seite oder Ihrem Beitrag hinzufügen, wird als Block bezeichnet, einschließlich Videos, Audio, Listen, Bildern und Galerien.

Vorteile des WordPress Gutenberg-Editors

Es ist einfacher und einfacher, Seiten und Posts verschiedene Arten von Inhalten hinzuzufügen, indem Blöcke hinzugefügt werden. Zum Hinzufügen einer Tabelle mit dem klassischen Editor ist beispielsweise ein separates Plugin erforderlich.

In_content_1 all: [300x250] / dfp: [640x360]->

Um eine Tabelle mit dem WordPress Gutenberg-Editor hinzuzufügen, müssen Sie lediglich einen Tabellenblock hinzufügen, Ihre Zeilen und Spalten auswählen und Ihren Inhalt hinzufügen.

Wann Mit dem WordPress-Gutenberg-Editor können Sie Inhaltsbereiche einfach durch Ziehen der Blöcke nach oben und unten verschieben.

Im Allgemeinen ist der neue Gutenberg-Blockeditor einfach zu verwenden und zu erlernen. Die Blockdesign-Tools umfassen viele Funktionen wie Zeilenhöhensteuerung, Überschriften- und Absatzblöcke, Medienblöcke, Hintergrundverlauf und Textblöcke.

Erstellen eines neuen Blogposts oder einer neuen Seite mit WordPress Gutenberg Block Editor

Wenn Sie mit dem WordPress Gutenberg-Editor einen neuen Beitrag oder eine neue Seite erstellen, wird der Blockeditor gestartet. Der Vorgang ist der gleiche wie beim klassischen Editor.

Klicken Sie in Ihrem WordPress-Administrationsbereich auf

  • Posts>Neue
  • Seiten>Neue hinzufügen

    Der erste Block aller Seiten und Beiträge ist der Titel.

    Nachdem Sie Ihren Titel eingegeben haben, können Sie die Tabulatortaste drücken oder die Maus darunter bewegen und mit dem Schreiben beginnen. Standardmäßig ist der nächste Block ein Absatz.

    Sie können auch einen anderen Inhaltstyp hinzufügen, indem Sie auf das Pluszeichen + in der oberen linken Ecke des Editors auf der linken Seite eines Blocks klicken. oder unter einem vorhandenen.

    Wenn Sie auf eines der + Zeichen klicken, wird das Menü Blockmit einer Suchleiste darüber und den am häufigsten verwendeten Blöcken darunter angezeigt.

    So arbeiten Sie mit WordPress-Gutenberg-Blöcken

    Alle Blöcke haben oben eine eigene Symbolleiste. Die Schaltflächen in der Symbolleiste ändern sich je nach Art des zu bearbeitenden Blocks.

    Der folgende Screenshot zeigt einen Absatzblock mit grundlegenden Formatierungen wie Fettdruck, Textausrichtung, Einfügen eines Links und Kursivschrift.

    Zusätzlich zur Symbolleiste verfügt jeder Block über weitere Einstellungen in der rechten Spalte des Bearbeitungsbildschirms.

    Speichern und Wiederverwenden von Blöcken in WordPress Gutenberg Editor

    Einer der vielen Vorteile der Verwendung von Blöcken besteht darin, dass Sie sie einzeln speichern und wiederverwenden können. Dies ist besonders hilfreich, wenn Sie konsistente Formate verwenden oder bestimmte Ausschnitte zu Ihrem Inhalt hinzufügen möchten.

    Klicken Sie in der Menüschaltfläche oben rechts in der Symbolleiste des Blocks auf die drei vertikalen Punkte . Wählen Sie dann Zu wiederverwendbaren Blöcken hinzufügen.

    Geben Sie dem wiederverwendbaren Block einen Namen, den Sie erkennen, damit Sie leichter erkennen können, wann Sie ihn wieder verwenden möchten. Klicken Sie auf Speichern, wenn Sie fertig sind.

    Hinzufügen eines wiederverwendbaren Blocks zu einem Beitrag oder einer Seite

    Wählen Sie die gewünschte Seite oder den gewünschten Beitrag aus um einen wiederverwendbaren Block hinzuzufügen. Klicken Sie im Beitrags- oder Seitenbearbeitungsbildschirm auf einen Block zum Hinzufügen von Schaltflächen.

    Suchen Sie auf der Registerkarte Wiederverwendbar nach dem gespeicherten Block, oder suchen Sie ihn an derselben Stelle.

    Bewegen Sie die Maus über den Block, um eine schnelle Vorschau anzuzeigen. Fügen Sie es in Ihre Seite oder Ihren Beitrag ein, indem Sie darauf klicken.

    Wiederverwendbare Blöcke befinden sich im WordPress-Datensatz. Klicken Sie auf den Link Alle verwendbaren Blöcke verwalten, um sie zu verwalten.

    Verwalten Sie wiederverwendbare WordPress Gutenberg-Blöcke

    Auf der Blockmanagerseite können Sie wiederverwendbare Blöcke bearbeiten, löschen oder exportieren, um sie auf einer anderen WordPress-Website zu verwenden.

    Verwalten und Veröffentlichen von WordPress Gutenberg Editor-Optionen

    Jede WordPress-Seite und jeder Beitrag enthält viele Metadaten, z. B. ausgewählte Bilder, Veröffentlichungsdatum, Tags und Kategorien.

    Diese Optionen sind alle verfügbar befindet sich in der rechten Spalte des Editorbildschirms.

    WordPress Gutenberg-Plugins

    Viele WordPress-Plugins sind als Blöcke vordefiniert, wodurch sie erstellt werden Mit Gutenberg einfach und sofort einsatzbereit.

    WP Forms ermöglicht Benutzern das Hinzufügen von Formularen zu Seiten und Posts mithilfe eines Widgetblocks.

    WP Forms ist ein einfach zu verwendender Drag & Drop-Formularersteller. Erstellen Sie Kontakt-, Abonnement-, Feedback-, Zahlungs- und andere Arten von Formularen.

    Verwenden Sie vorgefertigte Formularvorlagen und Workflows, um attraktive, auf Mobilgeräte reagierende Formulare zu erstellen. WP Forms bietet auch eine Pro-Version, wenn Sie erweiterte Funktionen und Features wünschen.

    WooCommerce-Blöcke ist eines der bekanntesten und beliebtesten Plugins für Integrieren Sie E-Commerce-Funktionen in Ihre Website.

    Erstellen Sie mit dem Gutenberg-Editor ansprechende Inhalte mithilfe von Text und Multimedia in einem Block. Stellen Sie einzelne Produkte oder eine Gruppe verwandter Produkte bereit, indem Sie einen Filter anwenden, der auf Kriterien wie Verkaufsstatistiken und Kategorien basiert.

    Yoast SEO führt Ihren Inhalt durch 5.um Ihre Beiträge oder Seiten zu optimieren und zu bearbeiten.

    Benutzerfreundlichkeit des WordPress-Gutenberg-Editors

    Der Gutenberg-Editor macht dieselben Aktionen wie der Klassiker Editor. Im Folgenden finden Sie einige häufig verwendete Blöcke.

    Absatzblock

    Mit diesem Standard-Gutenberg-Block können Sie problemlos Inhalte erstellen. Schreiben Sie Inhalte wie für jedes Dokument. Jeder Absatz wird automatisch zu einem Block hinter den Kulissen.

    Eine andere Möglichkeit, den Absatzblock zu verwenden, besteht darin, nach dem Klicken im Popup-Fenster auf Block Inserterzu klicken das Zeichen (+).

    Textspalten

    Verwenden Sie Textspalten, um mehrspaltige Absätze mit derselben Breite zu erstellen und gleichmäßig über die gesamte Seite verteilt.

    Hinzufügen eines Links

    Alle Standardtextblöcke, einschließlich des Absatzblocks, enthalten eine Linkschaltfläche in der Symbolleiste.

    Bildblock hinzufügen

    Der WordPress Gutenberg-Editor verfügt über einen gebrauchsfertigen Bildblock. Klicken Sie darauf, um ein Bild hinzuzufügen.

    Es gibt drei Möglichkeiten, ein Bild hinzuzufügen. Laden Sie es hoch, fügen Sie es aus Ihrer Medienbibliothek hinzu oder ziehen Sie es von Ihrem Computer.

    Eine andere Möglichkeit, ein Bild hinzuzufügen, besteht darin, es per Drag & Drop von Ihrem Computer zu ziehen. Der Gutenberg-Editor erstellt automatisch einen Bildblock dafür.

    Fügen Sie in den Bildblockeinstellungen auf der rechten Seite Metadaten wie Größe, Alternativtext und Bildverknüpfung hinzu.

    Bildergalerieblock

    Fügen Sie mit dem Galerieblock mehrere Fotos hinzu. Steuern Sie die Anzahl der Spalten und Bildgrößen. Verwenden Sie den Kippschalter, um die Bilder so zuzuschneiden, dass sie automatisch gleichmäßig ausgerichtet werden.

    Der WordPress Gutenberg-Editor enthält zahlreiche zusätzliche Blocktypen, die Sie verwenden können. Eine vollständige Liste finden Sie unter WordPress.org Support-Artikel zu Blöcken.

    WordPress Gutenberg wurde als Lösung für Probleme entwickelt, bei denen einige Benutzer den klassischen Editor gelernt hatten. Über die Drag & Drop-Oberfläche können Nicht-Techniker eine professionell aussehende Website entwerfen und verwalten.

    Related posts:


    5.06.2020