Blogs

Gutenberg WordPress Tutorial

Nach Jahrzehnten der Popularität als vielseitigstes und benutzerfreundlichstes CMS konnte WordPress seine Benutzer immer wieder mit trendigen technischen Updates faszinieren. In der neuesten Version 5.0 hat WordPress seinen neuen visuellen Editor "Gutenberg" eingeführt. Entmystifizieren wir also Gutenberg und Blocks. Dies ist die WordPress Gutenberg-Geschichte und ein kurzes WordPress Gutenberg-Tutorial, mit dem Sie alle Vorteile des Gutenberg-Editors nutzen können.

Was ist "Gutenberg"?

Matt Mullenweg schlug einen neuen Ansatz vor, um den klassischen WordPress-Editor im WordCamp Europe 2018 mit dem Namen "Gutenberg" zu ersetzen, der während der Entwicklung als Projektname verstanden wird. Im Zusammenhang mit der Veröffentlichung am 6. Dezember 2018, die mit WordPress 5.0 gefüllt war, wurde das Gutenberg-Projekt nun genauer gesagt "WordPress Editor" oder "Block Editor" genannt. Der klassische Editor ist gemäß den aktuellen Drag-and-Drop-Webbuilder-Trends etwas veraltet. Das Ergebnis war WordPress Gutenberg und ein brandneuer WordPress-Editor, der der Website und den Tools zur Website-Erstellung ähnelt.

Es gibt Tausende von Themen, obwohl viele davon alt sind. Dies sind einige der erstaunlichen neuen und aktualisierten Themengeschäfte, die Themen für Gutenberg herausbringen.

Plugins, die mit Gutenberg funktionieren

Es gibt eine Reihe von Plugins, die auf dem WordPress-Markt verfügbar sind, aber nicht alle funktionieren mit dem Gutenberg-Editor. Hier sind einige, die dies tun.

Was sind "Blöcke"?

Blöcke sind einfach Ausschnitte von Inhalten. Es kann sich um einen Textabsatz, eine Audiodatei, ein Foto oder eine Fotogalerie handeln, möglicherweise sogar um ein Video oder einen dynamischeren Typ wie eine Beitragsliste. Es ist die Grundlage für die Bearbeitung von Gutenberg WordPress. Sperren werden zum Erstellen von Veröffentlichungen und Webseiten verwendet. Was Benutzer normalerweise in WordPress sehen, ist der in Gutenberg integrierte Standardblock, der für jede WordPress-Site verfügbar ist, die den Gutenberg-Editor verwendet. Gutenberg wurde jedoch so erstellt, dass Programmierer die verfügbaren Blöcke erweitern und erweitern können. Blöcke können mithilfe von Plugins oder Designs hinzugefügt werden. Daher haben Benutzer Zugriff auf zusätzliche Blöcke, anstatt sich auf Standardblöcke zu beschränken.

Wenn Sie in WordPress 5.0 sind, erhalten Sie den "Block Editor" oder "GutenbergEditor" als Standardtexteditor für 5.0. Heute werden wir uns bemühen, Sie mit dem neuen Blockeditor vertraut zu machen. Lassen Sie uns also unverzüglich eintauchen. Das Wichtigste zuerst: Um wie immer einen neuen Beitrag zu erstellen, klicken Sie unter "Nachrichten" auf "Neu hinzufügen" und klicken Sie auf "Neu"! Was Sie sehen werden, ist der sehr neue Block.

Das sieht ganz anders aus, nicht wahr? Es gibt dort keine Symbolleiste und auch all diese veralteten Dinge aus dem klassischen Editor. Machen wir uns ohne weitere Verzögerung mit den versteckten Funktionen und diesen kleinen Tasten vertraut.

Oberer Abschnitt:

Einige der grundlegenden Funktionen zur Bearbeitung von Posts wie "In Entwurf speichern", "Vorschau von Posts" und "Post a Post" sind ebenfalls im oberen Bereich enthalten. Das Zahnradsymbol zeigt die Einstellungen an, die in der rechten Seitenleiste angezeigt werden. Hier können Sie zwischen der Konfigurationsansicht "Dokument" und "Sperren" wechseln.

Die Dokumentschnittansicht ist dem klassischen Editor sehr ähnlich. Hier können Sie auch den Status und die Sichtbarkeit, Kategorien, Beschriftungen, Feature-Bilder, Attribute usw. auswählen. In der Blockschnittansicht können Sie die Einstellungen eines Blocks nach dem Hinzufügen ändern. Diese Funktion macht es sehr einfach, die vollständige Konfiguration eines Blocks zu ändern und Eigenschaften wie Schriftgröße, Großbuchstaben und vieles mehr zu ändern. Von hier aus können Sie jedem Block individuelle Hintergrundfarben hinzufügen und sogar zusätzliche CSS-Klassen für jeden Block einzeln aktivieren.

Schließlich zeigen die drei Punkte im oberen Bereich zusätzliche Einstellungen. Von hier aus können Sie das Erscheinungsbild Ihres Blockeditors anpassen. Sie können die Blockwerkzeugansicht auswählen. Sie können sogar zwischen "visuellem Editor" und "Code-Editor" wählen. Es gibt auch einige Tools zum Verwalten wiederverwendbarer Blöcke, zum Erstellen von Tastaturkürzeln sowie zum Kopieren von Inhalten und Optionen zum Ein- und Ausblenden von Bedienfeldelementen.

Blöcke hinzufügen

Hier kommt das Hauptspiel im neuen Editor, d. H. Blöcke hinzufügen. Wie bereits oben erwähnt, bilden Blöcke den Kern des neuen Blockeditors. Jeder Teil der oberen linken Ecke der Editorseite. Dadurch erhalten Sie ein Dropdown-Menü, aus dem Sie den gewünschten Blocktyp für bestimmte Zwecke auswählen können. Mithilfe der Suchleiste können Sie die richtigen Blöcke finden, die Ihren Anforderungen entsprechen.

Scrollen Sie auch im Menü nach unten und Sie werden einige weitere Blöcke sehen, die auf den Grundfunktionen basieren. Dies sind gängige Blöcke, Formate, Widgets und Inlays usw. Wählen Sie einfach mit nur einem Klick den gewünschten Block aus.