So verwenden Sie den neuen WordPress-Block-Editor – Ihr WordPress-Gutenberg-Handbuch

So verwenden Sie den neuen WordPress-Block-Editor – Ihr WordPress-Gutenberg-Handbuch

So verwenden Sie den neuen WordPress-Block-Editor – Ihr WordPress-Gutenberg-Handbuch
СОДЕРЖАНИЕ
02 июня 2020

Ab der Veröffentlichung von WordPress 5.0 am 6. Dezember 2018 verfügt WordPress über einen neuen Standard-Inhaltseditor. Rief den WordPress Gutenberg-Editor während der Entwicklung auf, "Gutenberg" ist jetzt nur noch die "WordPress-Editor" oder "Blockeditor" wenn Sie genauer sein wollen.


Der neue Blockeditor bringt einen völlig anderen Ansatz zur Erstellung von Inhalten in Form von Blöcke (daher der Name…). In diesem Beitrag erfahren Sie genau, wie Sie diese Blöcke und die anderen Funktionen des neuen Editors verwenden, um Inhalte auf Ihrer WordPress-Site zu erstellen.

Lesen Sie weiter, ob Sie Ihre Website bereits auf WordPress 5.0 aktualisiert haben oder nicht, und erfahren Sie, wie Sie mit dem neuen Gutenberg-Blockeditor Inhalte erstellen und Layouts bei Ihnen vor Ort.

WordPress Gutenberg Leitfaden

Contents

Was ist Gutenberg??

Gutenberg ist der Projektname für den neuen WordPress-Blockeditor, der den WordPress TinyMCE-Editor als Standard-WordPress-Editor in WordPress 5.0 ersetzte.

Während Gutenberg der offizielle Name war, während der Editor in der Entwicklung war, ist es jetzt einfach "der WordPress-Blockeditor" oder "der WordPress-Editor" weil es offiziell Teil der Kernsoftware ist. Als solches werden Sie oft sehen, dass ich es als das bezeichne "Blockeditor" in diesem Beitrag, anstatt "Gutenberg".

Zur schnellen Auffrischung sehen Sie hier, wie der alte WordPress TinyMCE-Editor aussah. Dieser Editor heißt jetzt der klassischer Editor::

Original WordPress Tinymce Editor

Und so sehen die Dinge im neuen WordPress aus Blockeditor, AKA Gutenberg:

WordPress Gutenberg Blockeditor

Es ist jedoch mehr als ein ästhetisches Update. Gutenberg verändert das Bearbeitungserlebnis komplett durch Übergang zu einem blockbasierten Ansatz für Inhalte (mehr darüber, was Blöcke in einer Sekunde sind!).

Während der aktuelle Fokus auf der Erstellung von Inhalten liegt, besteht das letztendliche Ziel darin, den Gutenberg-Blockeditor zu haben "Gehen Sie über den Beitrag hinaus in Seitenvorlagen und letztendlich in die vollständige Anpassung der Website."

Das bedeutet, dass Sie schließlich Ihre gesamte Website mithilfe von Blöcken erstellen können, einschließlich Zielseiten und anderen wichtigen Inhalten.

Ist Gutenberg ein Teil von WordPress??

Gutenberg wurde am 6. Dezember 2018 offiziell als Teil von WordPress 5.0 veröffentlicht. Wenn Sie Ihre Site auf WordPress 5.0 aktualisiert haben, sollte jetzt standardmäßig der neue Blockeditor angezeigt werden.

Aufgrund des Umfangs der Veröffentlichung haben sich einige verwaltete WordPress-Hosts jedoch dafür entschieden, die Websites der Benutzer nicht sofort zu aktualisieren. Aus diesem Grund besteht die Möglichkeit, dass auf Ihrer Website WordPress 5.0 noch nicht ausgeführt wird. In diesem Fall liegt es an Ihnen, ob Sie ein Update durchführen möchten oder nicht (obwohl Sie aus Leistungs- und Sicherheitsgründen nicht zu lange warten sollten)..

Wie der WordPress Gutenberg Editor funktioniert

Vor einer Sekunde habe ich Ihnen gesagt, dass Gutenberg ein blockbasierter Editor ist. Es war ziemlich unhöflich, dich hängen zu lassen, denn wenn du wie die meisten Menschen bist, weißt du vielleicht nicht, was das bedeutet.

Hier ist also die blockbasierte Bearbeitung 101:

Im Wesentlichen ersetzt Gutenberg das einzelne Bearbeitungsfeld des aktuellen WordPress TinyMCE-Editors durch viele einzelne "Blöcke".

Mit diesen Blöcken können Sie dann komplexere Designs erstellen als mit dem alten klassischen WordPress-Editor.

Was ist ein Block??

Ein Block kann so ziemlich alles sein. Beispielsweise können Sie Blöcke für Folgendes haben:

  • Normaler Text
  • Bilder
  • Video wird eingebettet
  • Tasten
  • Widgets (ja, dieselben Widgets, die Sie in Ihrer Seitenleiste verwenden)
  • Tabellen
  • Usw.

Und das Schöne ist, dass Entwickler ihre eigenen Blöcke von Drittanbietern erstellen können, auf die Sie über Plugins zugreifen können, um noch mehr Flexibilität zu erhalten.

Jeder Block ist eine eigene Entität, die Sie individuell bearbeiten können. Hier ist zum Beispiel ein kurzer Gutenberg-Beitrag, der drei Blöcke enthält:

  • 2 Textblöcke
  • 1 Bildblock

Beobachten Sie, wie einfach ich diese Blöcke durch Ziehen und Ablegen neu anordnen kann:

Gutenberg Drag & Drop

Und weil jeder Block ist "trennen", Sie können auch benutzerdefinierte Hintergründe nur für bestimmte Blöcke hinzufügen.

Im Allgemeinen bietet es Ihnen mehr Flexibilität und detaillierte Kontrolle.

Gutenberg ist also ein Seitenersteller, richtig?

Ehh, nicht ganz. Zumindest nicht in seiner jetzigen Form.

Gutenberg wird es viel einfacher machen, reguläre Inhalte wie Blog-Posts oder Standardseiten zu gestalten, aber es ist kein 1: 1-Ersatz für Seitenersteller in der aktuellen Form.

Nur oberflächlich betrachtet fehlen Gutenberg bereits zwei wesentliche Dinge:

  • Flexible Spalten, obwohl es einen grundlegenden Spaltenblock gibt und einige Entwickler von Drittanbietern interessante Blöcke erstellt haben.
  • Echtes Drag & Drop – Mit der neueren Version von Gutenberg können Sie Blöcke per Drag & Drop neu anordnen, aber es ist immer noch keine Freiform wie die meisten Seitenersteller.

Vor diesem Hintergrund ist der Gutenberg-Blockeditor bereit, die Notwendigkeit von Seitenerstellern für die meisten zu beseitigen "Standard" Inhalt, und es erstellt auch eine einzige einheitliche Methode zum Erstellen von mehr komplexer Beitrag Layouts in WordPress.

Aber wenn es darum geht, mehr zu bauen komplexe Seiten, Wie bei einer Zielseite werden Sie wahrscheinlich die größere Flexibilität schätzen, die Seitenersteller bieten (zumindest während der ersten Veröffentlichung von Gutenberg)..

In unserem Vergleich zwischen Elementor und Divi Builder und Beaver Builder können Sie beispielsweise sehen, wie die Top-Page-Builder Folgendes anbieten:

  • Freiform-Drag & Drop-Bearbeitung
  • Echte mehrspaltige Unterstützung, bei der Sie eine beliebige Anzahl von Spalten erstellen können, in die einzelne Elemente gezogen werden können
  • Tonnenweise vorgefertigte Vorlagen
  • Erweiterte Styling-Optionen mit Spots für benutzerdefinierte Ränder / Polster und vieles mehr
  • Responsive Design-Einstellungen

Der neue Blockeditor könnte eines Tages dort ankommen. Zumindest in der ersten Veröffentlichungsform bieten Ihnen Seitenersteller dennoch die Flexibilität, kompliziertere eigenständige Seiten zu entwerfen.

Müssen Sie den neuen Blockeditor verwenden? Können Sie den vorherigen WordPress-Editor behalten??

Nein, Sie müssen den neuen Blockeditor und nicht verwenden Ja, Sie können weiterhin den vorherigen WordPress-Editor verwenden. Um den Gutenberg-Blockeditor zu deaktivieren und Ihre Site nach dem Upgrade auf WordPress 5.0 auf den klassischen Editor zurückzusetzen, können Sie den offiziellen verwenden Klassischer Editor Plugin.

Lesen Sie unseren Leitfaden weiter So deaktivieren Sie den Gutenberg-Blockeditor um mehr zu lernen.

Benötigen Sie ein spezielles Thema, um den neuen Gutenberg-Blockeditor verwenden zu können??

Da es jetzt der Standard-WordPress-Editor ist, kann der Blockeditor mit jedem WordPress-Thema verwendet werden. Die Auswahl eines Themas, das speziell Gutenberg-Kompatibilität bietet, bietet jedoch einige sehr reale Vorteile.

Erstens können Themen ein integriertes Design für all diese neuen Blöcke bieten. Besser noch, Themen können diese Stile tatsächlich in den Editor laden. Das bedeutet, dass Sie das echte Design Ihrer Blöcke sehen können, während Sie Ihre Inhalte für ein besseres WYSIWYG-Erlebnis erstellen (Hier sehen Sie eine Basisversion davon in Aktion)

Gutenberg-Themes können auch vorgefertigte Vorlagen anbieten, die aus verschiedenen Blöcken bestehen. Sie müssen also nur Ihre Inhalte in die vorhandenen Blöcke einfügen und klicken Veröffentlichen.

Darüber hinaus gibt es einige andere kleine Vorteile wie die Bildausrichtung in voller Breite. Sie können also jedes gewünschte Thema verwenden, es lohnt sich jedoch zu überprüfen, ob der Entwickler Ihres Themas plant, Unterstützung hinzuzufügen.

Wenn Sie nur ein Thema zum Testen verwenden möchten, unterstützen alle diese Themen den neuen Blockeditor:

  • Firn – Neve ist unser neues Thema, das speziell für die Arbeit mit dem Gutenberg-Blockeditor entwickelt wurde.
  • Zakra – eine schöne leichte Option von ThemeGrill.
  • Hestia Lite – ein flexibles Thema, das den Prinzipien des Materialdesigns folgt.

Weitere Optionen finden Sie in unserer Sammlung der besten Gutenberg-kompatiblen WordPress-Themes.

Erstellen Sie Ihr erstes Layout mit dem Gutenberg WordPress-Blockeditor

Angenommen, Sie verwenden WordPress 5.0 und den neuen Blockeditor, können Sie sich mit dem Fleisch dieses Artikels befassen. Im Folgenden werde ich Ihnen zeigen, wie Sie mit dem neuen WordPress Gutenberg-Blockeditor ein vollständiges Seitenlayout erstellen.

Auf diese Weise können Sie WordPress 5.0 und den neuen Editor optimal nutzen.

Eine kurze Tour durch die WordPress-Blockeditor-Oberfläche

Bevor Sie mit dem Hinzufügen einiger Blöcke beginnen, gehen wir einen kurzen Überblick über die Elemente der Hauptblockeditor-Oberfläche:

Die Gutenberg Block Editor Oberfläche

  • (EIN) – Ermöglicht das Hinzufügen neuer Blöcke.
  • (B) – Tasten rückgängig machen / wiederholen
  • (C) – Ermöglicht den Zugriff auf Dokumenteinstellungen, die beispielsweise Kategorien abdecken & Tags, vorgestellte Bilder usw. Dies ähnelt der aktuellen Seitenleiste im WordPress-Editor
  • (D) – Wenn Sie einen einzelnen Block ausgewählt haben, erhalten Sie Zugriff auf Einstellungen, die für diesen Block spezifisch sind
  • (E) – Ermöglicht den Zugriff auf eine Live-Vorschau Ihres Beitrags oder das Veröffentlichen / Aktualisieren Ihres Beitrags
  • (F) – Sobald Sie einige Blöcke hinzugefügt haben, arbeiten Sie hier tatsächlich mit dem Inhalt Ihres Beitrags

Neue Blöcke hinzufügen

Wie ich im Intro besprochen habe, verwenden Sie separat "Blöcke" um Ihre Layouts mit dem neuen Editor zu erstellen.

Um einen neuen Block hinzuzufügen, müssen Sie nur auf klicken +Plus Symbol und wählen Sie den Inhaltstyp aus, den Sie hinzufügen möchten:

Hinzufügen eines neuen Blocks

Im obigen Beispiel habe ich Ihnen gezeigt, wie Sie einen einfachen Absatzblock hinzufügen. Aber Gutenberg enthält tatsächlich eine Menge verschiedener Blöcke, die in verschiedene Abschnitte unterteilt sind:

Arten von Blöcken

Oben sehen Sie eine Liste Ihrer Am Meisten verwendet Blöcke. Wenn Sie jedoch nach unten scrollen, werden auch Abschnitte für allgemeine Blöcke, Formatierungen, Layoutelemente, Widgets und Einbettungen angezeigt:

Arten von Blöcken

  • Inline-Elemente – enthält nur einen Block für ein Inline-Bild.
  • Gemeinsame Blöcke – enthält grundlegende Bausteine ​​wie Bilder, Absätze (normaler Text), Überschriften, Anführungszeichen usw..
  • Formatierung – Sie können mehr formatierte Inhalte wie Pull-Anführungszeichen, Tabellen oder den klassischen WordPress-Texteditor hinzufügen
  • Layoutelemente– Sie können Text in zwei Spalten aufteilen, einschließlich Schaltflächen, Trennzeichen oder "Mehr" Etikett
  • Widgets – Sie können Shortcodes, neueste Beiträge oder Kategorien hinzufügen. Es ist sogar möglich, Seitenleisten-Widgets direkt in Gutenberg anzuzeigen.
  • Einbettungen – Sie können Inhalte aus externen Quellen wie Twitter, YouTube, Facebook, Instagram und mehr einbetten.
  • Wiederverwendbar – Sobald Sie den Dreh raus haben, können Sie Gruppen von Blöcken als wiederverwendbare Vorlagen speichern und hier anzeigen lassen. Dieser Bereich wird erst angezeigt, wenn Sie Ihre erste wiederverwendbare Vorlage speichern. Dies wird Ihnen später in diesem Beitrag gezeigt.

Erstellen eines Grundlayouts mit Gutenberg

Beginnen wir einfach. Angenommen, Sie möchten nur ein grundlegendes Layout für Blog-Posts erstellen, das Folgendes umfasst:

  • Normaler Text
  • Ein Bild
  • Ein Zitat
  • Ein eingebettetes YouTube-Video

So würden Sie es mit Gutenberg machen:

Zunächst schreiben Sie Ihren gesamten Beitrag im Editor. Oder wenn du wie ich bist und es vorziehst Schreiben Sie in Google Text & Tabellen, Sie können alles einfügen und Gutenberg konvertiert es automatisch in Blöcke.

Hinzufügen der Nicht-Textblöcke

Nachdem Ihr Inhalt in Blöcke aufgeteilt wurde, können Sie mit der Maus über die Stelle fahren, an der Sie Ihr erstes Bild einfügen möchten, und auf klicken Plus Symbol. Das wird eine Pause schaffen. Klicken Sie dann auf Plus Symbol erneut, um den Bildblock einzufügen:

Bildblock

Auf diese Weise können Sie einen Bildblock einfügen, aus dem Sie Bilder auf ähnliche Weise wie im aktuellen WordPress-Editor hochladen oder auswählen können:

Bild einfügen

Sobald Sie Ihr Bild ausgewählt haben, sollten Sie es genau dort in Ihrem Seitenlayout sehen:

Inline-Bild

Bewegen Sie den Mauszeiger über die Stelle, an der Sie das Pull-Zitat einfügen möchten, und verwenden Sie denselben Ansatz, um einen weiteren Block einzufügen. Sie können entweder suchen "Zitat" oder gehe zum Gemeinsame Blöcke Sektion:

Zitat einfügen

Dann sehen Sie Ihren neuen Pull-Quote-Block. Um Ihr Angebot zu erstellen, müssen Sie nur in den Block klicken und Folgendes eingeben:

Angebot eingeben

Um ein YouTube-Video einzufügen, kannst du ein neues hinzufügen Youtube Block von der Einbettungen Tab. Um ein Video einzufügen, müssen Sie nur die URL eingeben und auf klicken Einbetten::

Youtube-Block

Optional – Erstellen verschiedener Spalten

Möchten Sie noch kreativer werden? Gutenberg enthält jetzt eine experimentelle Spaltenfunktion, mit der Sie schnell mehrere Spalten erstellen können. Alles was Sie tun müssen, ist das hinzuzufügen Spalten (Beta) Block von der Layoutelemente Sektion. Dann können Sie andere Blöcke darin einfügen:

Gutenberg-Säulen

Wenn Sie fertig sind, müssen Sie nur noch auf klicken Veröffentlichen Taste:

Beitrag veröffentlichen

Und Sie haben Ihren formatierten Blog-Beitrag im Front-End.

So passen Sie einzelne Blöcke an

Da der WordPress Gutenberg-Editor eine Menge verschiedener Blöcke enthält, kann ich Ihnen nicht zeigen, wie Sie jeden einzelnen Block verwenden.

Aber ich kann Ihnen einen grundlegenden Rahmen geben, der für alle Blöcke gilt.

Grundsätzlich steuern Sie die Inhalt im eigentlichen Text des Herausgebers:

Bearbeiten eines Blocks

Für die grundlegende Gestaltung und Ausrichtung von Text können Sie die Menüleiste verwenden, die angezeigt wird, wenn Sie den Mauszeiger über einen Block bewegen:

einen Block stylen

Und für ein erweitertes Styling stylen Sie den Block normalerweise im Block Registerkarte Einstellungen.

Um auf diese Registerkarte zuzugreifen, wählen Sie den Block aus, den Sie bearbeiten möchten, und navigieren Sie zu Block Tab:

Block anpassen

So ordnen Sie einzelne Blöcke neu an

Um Blöcke neu anzuordnen, haben Sie zwei Möglichkeiten. Du kannst den … benutzen Oben oder Nieder Pfeil, wenn Sie mit der Maus über einen Block fahren, um den Block in die entsprechende Richtung zu bewegen:

gutenberg Blöcke bewegen

Oder Sie können Blöcke ziehen und ablegen. Um die Drag & Drop-Funktion zu aktivieren, müssen Sie mit der Maus über die sechs Punkte zwischen den Aufwärts- und Abwärtspfeilen

Gutenberg Drag & Drop

Alles zusammenfügen

Sobald Sie den Ablauf der Funktionsweise mit dem neuen Blockeditor erfasst haben, ist er ziemlich schmerzlos und intuitiv.

Zunächst kann es zu wachsenden Schmerzen und Schwierigkeiten kommen, grundlegende Maßnahmen durchzuführen, die Sie für selbstverständlich gehalten haben.

Aber sobald Sie den Dreh raus haben, sollten Sie durch Gebäudelayouts fahren. Und mit den erweiterten Blöcken, mit denen Gutenberg geliefert wird, haben Sie mehr Flexibilität als mit dem TinyMCE WordPress Editor.

Einige nette, aber fortgeschrittenere Gutenberg-Tricks

Wenn Sie sich mit dem WordPress Gutenberg-Blockeditor vertraut machen, können Sie einige dieser Tricks als zeitsparend empfinden.

Erstellen Sie schnell einen neuen Block mit Eingabe

Oben habe ich Ihnen gezeigt, wie Sie mit der Schaltfläche Einfügen Blöcke erstellen. Um Zeit zu sparen, können Sie Blöcke erstellen, indem Sie einfach diese Syntax eingeben:

/ BLOCK-NAME

Ein Feld für automatische Vorschläge wird angezeigt, damit Sie den entsprechenden Block finden können.

So erstellen Sie beispielsweise einen Bildblock nur mit Ihrer Tastatur:

Ziemlich praktisch und viel Zeit sparend!

Blockverknüpfung

Bearbeiten Sie den Quellcode direkt

Sie können den Quellcode für Ihren gesamten Beitrag jederzeit bearbeiten, indem Sie auf klicken drei Punkte oben rechts und auswählen Code-Editor::

Code in gutenberg bearbeiten

Aktivieren Sie den Vollbildmodus, die feste Symbolleiste usw..

Der neue Blockeditor enthält einige verschiedene Modi, mit denen Sie die Bearbeitungserfahrung ändern können. Du kannst:

  • Fügen Sie eine feste Symbolleiste wie den TinyMCE-Editor hinzu
  • Gehen Sie im Vollbildmodus
  • Setzen Sie eine "Scheinwerfer" auf dem aktiven Block

Um diese zu verwenden "Ansichten", Klicken Sie auf drei Punkte Symbol in der oberen rechten Ecke.

Gutenberg Ansichten

Verwenden Sie Gutenberg-Tastaturkürzel, um Zeit zu sparen

Über die Standardformatierungsverknüpfungen hinaus verfügt der Blockeditor über eine Reihe dedizierter Tastaturkürzel, die Ihnen helfen können:

  • Fügen Sie neue Blöcke über oder unter dem ausgewählten Block ein
  • Löschen Sie einen Block
  • Dupliziere einen Block
  • Usw.

Verwenden Sie die Taste, um die vollständige Liste der Tastaturkürzel zu öffnen Umschalt + Alt + H. Abkürzung.

Gutenberg-Tastaturkürzel

Erstellen Sie wiederverwendbare Blockvorlagen

Wenn Sie eine bestimmte Sammlung / Anordnung von Blöcken haben, die Sie an mehreren Stellen wiederverwenden müssen, können Sie eine Gruppe von Blöcken als wiederverwendbare Vorlage speichern. Sie können Ihre Vorlage benennen. Dann können Sie es wie einen normalen Block einfügen.

So erstellen Sie Ihre Vorlage:

  • Wählen Sie die Blöcke aus, die Sie einschließen möchten
  • Drücke den drei Punkte Symbol
  • Wählen Zu wiederverwendbaren Blöcken hinzufügen

Gutenberg wiederverwendbare Blockvorlagen

Bearbeiten Sie wiederverwendbaren Blockinhalt

Mit wiederverwendbaren Blöcken können Sie nicht nur schnell formatierte Inhalte einfügen, sondern auch alle Instanzen dieses wiederverwendbaren Blocks schnell aktualisieren.

Das heißt, sobald Sie den wiederverwendbaren Blockinhalt bearbeitet haben, erhält jeder einzelne Beitrag, der diesen wiederverwendbaren Block verwendet, auch den neuen Inhalt.

Scrollen Sie zum Bearbeiten eines wiederverwendbaren Blocks zu Wiederverwendbar Abschnitt im Block Inserter und klicken Sie auf Verwalten Sie alle wiederverwendbaren Blöcke Taste. Sie können auch Ihre Site.com/wp-admin/edit.php?post_type=wp_block besuchen (stellen Sie sicher, dass Sie Ihre Site.com durch Ihre echte URL ersetzen)..

Bearbeiten Sie wiederverwendbare WordPress-Blöcke

Erweitern Sie den Blockeditor mit Plugins

Wenn Sie Lust haben, finden Sie jetzt viele Gutenberg-Erweiterungs-Plugins, die ihre eigenen Blöcke hinzufügen.

Otterblöcke ist eine gute Option, um loszulegen. Es bietet Ihnen zusätzliche Blöcke für Preise, Testimonials, Google Maps und Freigabesymbole, "Klicken Sie hier, um zu twittern" Tasten und mehr.


Gutenberg-Blöcke und Vorlagenbibliothek von Otter Gutenberg-Blöcke und Vorlagenbibliothek von Otter

Autor (en): ThemeIsle

Aktuelle Version: 1.5.4

Letzte Aktualisierung: 26. Mai 2020

otter-blocks.zip


98% Bewertungen


60.000 + Installationen


WP 5.2 + Erforderlich

Kontrollieren Sie Unordnung mit Block Manager

Der neue Editor fügt viele Blöcke hinzu, insbesondere wenn Sie einige der oben genannten Block-Plugins verwenden. Dies kann die Dinge etwas unübersichtlich machen und Sie verlangsamen. Wenn es einige Blöcke gibt, die Sie nie verwenden möchten, können Sie die verwenden Block Manager um sie zu deaktivieren.

So verwenden Sie den Block Manager:

  • Drücke den drei Punkte Symbol in der oberen rechten Ecke
  • Wählen Block Manager
  • Verwenden Sie die Kontrollkästchen, um Blöcke nach Bedarf zu deaktivieren

WordPress Block Manager

Verwenden Sie die Blocknavigation, um schnell durch Inhalte zu navigieren

Bei längeren Inhalten oder Inhalten, bei denen Sie viele verschachtelte Blöcke verwenden, kann es schwierig sein, den gesuchten Block schnell zu finden.

Zur Unterstützung enthält der Blockeditor a Navigation blockieren Werkzeug, das Sie öffnen können, indem Sie auf die Symbolleiste klicken oder das verwenden Umschalt + Alt + O. Tastaturkürzel.

Wenn Sie sich in einem verschachtelten Block befinden (z. B. Spalten), wird die Navigation blockieren Das Tool zeigt alle verschachtelten Blöcke an. Um einen bestimmten Block auszuwählen, können Sie in der Liste darauf klicken.

Navigationsfunktion blockieren

Wechseln Sie zwischen den Modi Bearbeiten und Auswählen

Mit WordPress 5.4 erhalten Sie Zugriff auf zwei verschiedene Modi, zwischen denen Sie über die obere Symbolleiste wechseln können:

  • Bearbeiten – Das ist es, woran Sie die meiste Zeit arbeiten werden. Damit können Sie den Inhalt aller Ihrer Blöcke bearbeiten. Dies ist der Standardeditormodus.
  • Wählen – Dies erleichtert die Auswahl bestimmter Blöcke, insbesondere bei der Arbeit mit verschachtelten Blöcken (z. B. Blöcken innerhalb einer Spalte). Sobald Sie in einen Block klicken, wechseln Sie automatisch zurück zu Bearbeiten Modus.

Auswahlmodus für den WordPress-Blockeditor

Experimentieren Sie mit neuen Blockeditorfunktionen

Seitdem der Blockeditor in den Kern integriert wurde, gibt es tatsächlich zwei Versionen des Blockeditors:

  1. Die native Version in der WordPress-Kernsoftware (dies ist wahrscheinlich das, was Sie verwenden).
  2. Das Gutenberg-Plugin

Die Gutenberg-Plugin-Version ist im Grunde ein Testfeld für den Core-Editor. Die Plugin-Version enthält neue Funktionen, die derzeit entwickelt werden. Schließlich werden diese Funktionen in den Kern integriert. Wenn Sie jedoch frühzeitig mit ihnen herumspielen möchten, müssen Sie nur das Gutenberg-Plugin von WordPress.org installieren.


Gutenberg Gutenberg

Autor (en): Gutenberg-Team

Aktuelle Version: 8.2.1

Letzte Aktualisierung: 28. Mai 2020

gutenberg.8.2.1.zip


40% Bewertungen


200.000 + Installationen


5.3.0Anforderungen

Was passiert mit all Ihren alten Inhalten??

Bevor ich fertig bin, möchte ich kurz erläutern, was mit all Ihren alten Inhalten passieren wird, wenn Sie auf WordPress 5.0 aktualisieren (falls Sie dies noch nicht getan haben)..

Mach dir keine Sorgen – es wird nicht verschwinden! Aber die Erfahrung ist ein bisschen anders:

Wenn Sie Ihre Site auf WordPress 5.0 aktualisieren und bereits vorhandene Inhalte mit dem ursprünglichen TinyMCE-Editor erstellt haben, fügt der Blockeditor alle Ihre alten Inhalte in einem einzigen zusammen Klassischer Block. Dieser klassische Block ist im Grunde der TinyMCE-Editor… aber eingebettet in den neuen Blockeditor.

Gutenberg klassischer Block

Um mit Ihren alten Inhalten zu arbeiten, können Sie entweder:

  • Lassen Sie es im Classic-Block und bearbeiten Sie es wie mit dem alten WordPress-Editor
  • Verwenden Sie die drei Punkte Symbol und wählen Sie In Blöcke konvertieren. Das wird alles in einzelne Blöcke zerlegen. Anschließend können Sie mit Ihren Inhalten so arbeiten, als hätten Sie sie ursprünglich mit dem Gutenberg-Blockeditor erstellt.

In Blöcke konvertieren

Was kommt als nächstes für den Gutenberg-Blockeditor??

Während der Blockeditor nun offiziell Teil des Kerns ist (dank der Veröffentlichung von WordPress 5.0), ist das WordPress-Team mit dem Gutenberg-Projekt noch lange nicht fertig.

Derzeit arbeitet das Kernteam daran, dass der Blockeditor WordPress-Widgets ersetzt und Sie Navigationsmenüs mit Blöcken erstellen können.

Diese Funktionen sind zwar noch nicht ganz verfügbar, sie sind jedoch unterwegs. Aus diesem Grund lohnt es sich, so schnell wie möglich mit dem Erlernen der Blockeditor-Oberfläche zu beginnen!

Für die meisten Gelegenheitsbenutzer wird dies nach einigen wachsenden Schmerzen zu einer flexibleren Erfahrung bei der Erstellung von Inhalten führen.

Nicht-Entwickler können intuitiv komplexere Layouts mit zusätzlichen Elementen wie Schaltflächen, Einbettungen von Inhalten und vielem mehr erstellen. Und das wird hoffentlich dazu beitragen, dass WordPress weiter wächst.

Jetzt würden wir gerne von Ihnen hören. Ich bin sicher, dass viele von Ihnen starke Gedanken zum neuen Gutenberg-Blockeditor haben – lassen Sie es uns in den Kommentaren wissen!

Vergessen Sie nicht, an unserem Crashkurs teilzunehmen, um Ihre WordPress-Site zu beschleunigen. Mit einigen einfachen Korrekturen können Sie Ihre Ladezeit sogar um 50-80% reduzieren:

Layout, Präsentation und Bearbeitung von Karol K..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector