Willkommen zu meinem ultimativen Leitfaden für den WordPress Gutenberg Block-Editor.
In diesem neuen Gutenberg WordPress Tutorial führe ich dich Schritt für Schritt durch die WordPress Gutenberg Blöcke und wie du den Gutenberg WordPress Editor verwendest.
Was ist der WordPress Gutenberg Block-Editor?
Gutenberg ist ein Codename für ein ganz neues Paradigma im WordPress-Seitenbau und -Veröffentlichung, das darauf abzielt, das gesamte Veröffentlichungserlebnis so zu revolutionieren, wie Gutenberg es für das gedruckte Wort getan hat. Das Projekt befindet sich derzeit in der zweiten Phase eines vierphasigen Prozesses, der jedes Element von WordPress berühren wird - Bearbeitung, Anpassung (einschließlich Full Site Editing, Blockmuster, Blockverzeichnis und blockbasierte Themes), Zusammenarbeit und Mehrsprachigkeit - und konzentriert sich auf ein neues Bearbeitungserlebnis, den Block-Editor (der das Thema der aktuellen Dokumentation ist).
Blöcke behandeln Absätze, Überschriften, Medien und Einbettungen als Komponenten, die, wenn sie zusammengefügt werden, den Inhalt bilden, der in der WordPress-Datenbank gespeichert ist, und ersetzen das traditionelle Konzept von Freitext mit eingebetteten Medien und Shortcodes. Der neue Editor ist mit progressiver Verbesserung gestaltet, was bedeutet, dass er rückwärtskompatibel mit allen Legacy-Inhalten ist, und er bietet auch einen Prozess, um zu versuchen, einen klassischen Block in äquivalente Blöcke mithilfe von clientseitigem Parsing zu konvertieren und zu teilen. Schließlich bieten die Blöcke erweiterte Bearbeitungs- und Formatierungssteuerungen.
Der Editor bietet den Nutzern einen neuen, wertvollen Mehrwert mit visuellen Drag-and-Drop-Erstellungstools und leistungsstarken Entwicklererweiterungen mit modernen Vendor-Paketen, wiederverwendbaren Komponenten, umfangreichen APIs und Hooks, um den Editor durch benutzerdefinierte Blöcke, benutzerdefinierte Blockstile und Plugins zu modifizieren und zu erweitern.
(Quelle wordpress.org)
👉 Kontaktiere mich unter: jamie@pootlepress.com
Zeitplan
0:00 - Einführung
0:33 - Der klassische Editor vs der neue Block-Editor
1:33 - Gutenberg ist auch ein Plugin
2:00 - Gutenberg einfacher zu bedienen machen
2:45 - Wo man Seiten- und Beitragseinstellungen in Gutenberg findet
2:58 - Die Gutenberg Blockbibliothek
3:15 - Wie man Gutenberg Blöcke hinzufügt
4:15 - Eine andere Möglichkeit, Gutenberg Blöcke hinzuzufügen
4:34 - Wie man Gutenberg Blöcke anpasst
5:20 - Die Gutenberg Werkzeugleiste
6:31 - Gutenberg Listenansicht und Breadcrumbs
7:11 - Einfache Blöcke und Container-Blöcke
9:25 - Wie man mit einfachen Blöcken arbeitet
10:40 - Wie man mit Container-Blöcken arbeitet
13:23 - Wie man Gutenberg Blöcke löscht
13:39 - Wie man mehr als einen Block (auf einmal) löscht
14:00 - Wie man Gutenberg Blöcke verschiebt
14:37 - Wie man Seiteninhalte in Gutenberg kopiert
15:00 - Wie man soziale Icons zu Gutenberg hinzufügt
15:40 - Wie man ein Video zu Gutenberg hinzufügt
16:50 - Wie man HTML zu Gutenberg hinzufügt
17:24 - Wie man Buttons in Gutenberg ausrichtet
17:52 - Wie man Blöcke dupliziert
18:36 - Wie man Blöcke in verschiedene Blocktypen umwandelt
19:00 - Text automatisch in Spalten umwandeln
19:25 - Wie man Blöcke gruppiert
20:00 - Wiederverwendbare Blöcke in Gutenberg
21:00 - Gutenberg Blockmuster
21:53 - Sprunglinks in Gutenberg
23:18 - CSS zu Gutenberg hinzufügen
24:00 - WordPress Gutenberg Codeansicht
24:17 - Nützliche Shortcuts
24:41 - Veröffentlichungsoptionen
25:12 - Blöcke aus der Blockbibliothek ausblenden
25:35 - WordPress Block-Plugins
26:11 - WooCommerce Gutenberg
26:36 - Gutenberg Block-Themes
27:00 - Full Site Editing (FSE)
27:25 - Gutenberg Front-End Live-Demo