6 Tipps, um das Beste aus dem WordPress Gutenberg Editor herauszuholen

Veröffentlicht: 2022-11-02

Das Gutenberg-Thema wurde Ende Dezember 2018 eingeführt und WordPress-Benutzer verwendeten es zu diesem Zeitpunkt. Der Gutenberg-Editor ist der neue Blockeditor, der das Erstellen aufwändiger WordPress-Seiten und -Beiträge vereinfacht.

Der Gutenberg-Editor für WordPress hat die Art und Weise verändert, wie WordPress-Autoren ihre Beiträge erstellen. Es verwendet eine Vielzahl von „Blöcken“, die Sie je nach Bedarf auf unterschiedliche Weise anordnen können.

Seit seiner Einführung hat Gutenberg über 78,3 Millionen Installationen und mehr als 280 Millionen Posts erlebt. Schon heute werden täglich mehr als 150.000 Posts mit Gutenberg geschrieben.

Darüber hinaus bietet Gutenberg Phase 3 das kollaborative Veröffentlichen in WordPress, sobald es herausgekommen ist und läuft.

Die Blöcke von Gutenberg helfen beim Erstellen von Inhalten – von Text bis hin zu Bildern, Videos und Tabellen. Insgesamt verfügt es über verschiedene hochmoderne Funktionen, die den Aufwand und die Zeit, die zum Ausführen einer Aufgabe beim Erstellen oder Verwalten Ihrer Website erforderlich sind, erheblich reduzieren.

Lassen Sie uns nun einige wichtige Funktionen, Tipps und Tricks untersuchen, um das Beste daraus zu machen.

Inhaltsverzeichnis

1. Inhaltsblöcke voll ausschöpfen

Verwenden Sie die neuartigen Inhaltsblöcke und Optionen von Gutenberg mit einem integrierten TinyMCE-Editor.

Quelle: Erkunden Sie die Optionen für Inhaltsblöcke

Sie können nach den gängigen Blöcken, Widgets und Layoutelementen suchen, um sie schnell zu formatieren. Die neuesten Updates haben kürzlich Verbesserungen, einschließlich —

  • Titelbilder
  • Datei-Downloads
  • Knöpfe usw.

Viele Plugins, die Sie verwenden, haben wahrscheinlich ihre Blöcke verfügbar. Wenn Sie beispielsweise ein Galerie-Plugin verwenden, kann es mit einem speziellen Galerie-Block geliefert werden.

2. Blöcke entfernen

Sie können dasselbe entfernen, wenn Sie versehentlich einen Block hinzugefügt haben. Dies geschieht normalerweise, wenn Sie neu darin sind oder viel zu tun haben.

Entfernen Sie den Gutenberg-Block

Quelle: So entfernen Sie einen Block

Befolgen Sie diese drei Schritte, um die Schreibblockaden loszuwerden –

  1. Wählen Sie das Element aus, das Sie löschen möchten.
  2. Greifen Sie auf weitere Optionen zu, indem Sie auf die Schaltfläche „…“ in der oberen rechten Ecke des Blocks klicken.
  3. Suchen Sie die Option zum Löschen des Blocks und wählen Sie sie aus.

Sie können auch eine Tastenkombination aus Strg + Alt + Z verwenden.

3. Erweiterte Blockeinstellungen konfigurieren

Erkunden Sie die zusätzlichen Einstellungen in der Seitenleiste, um alle hinzugefügten Blöcke anzupassen. Je nach Block können Sie auf einige andere Einstellungen oder eine Vielzahl von Anpassungsmöglichkeiten für das visuelle Erscheinungsbild, Layout und die Funktionalität des Blocks zugreifen.

Klicken Sie im Editor auf den Block, um die Blockeinstellungen zu öffnen. Mit den Blockierungsoptionen im Editor können Sie solche Optionen erkunden. Wählen Sie als Nächstes den Block-Menüpunkt in der Seitenleiste, um seine Einstellungen anzupassen.

Die Konfigurationen des Tastenblocks sind im Bild unten dargestellt.

Du kannst auf die Einstellungen eines Blocks in der Seitenleiste zugreifen

Quelle: Blockoptionen erkunden

Sie können auf die Einstellungen eines Blocks in der Seitenleiste mit vielen Optionen zugreifen, um verschiedene Größen, Farben usw. auszuwählen.

Alle Änderungen werden sofort im Editor wiedergegeben.

Denken Sie daran, dass jeder Block einzigartige Einstellungen hat, die es Ihnen ermöglichen, sie unterschiedlich zu konfigurieren. Das folgende Bild zeigt beispielsweise einige der grundlegenden Anpassungsoptionen für Typografie und Farbe.

Die Blockeinstellungen für normalen Absatztext
Quelle: Die Blockeinstellungen für einen normalen Absatztext.

4. Kopieren Sie den Block mit allen seinen Einstellungen

Kollaboratives Editieren braucht Konsistenz. Es besteht die Möglichkeit, dass sich Design und Stil ändern, wenn mehrere Autoren an demselben Dokument arbeiten. Daher ist es notwendig, konsistente Blockeinstellungen beizubehalten. Versuchen Sie dazu, die gesamten Blockeinstellungen in vier Schritten zu kopieren —

  1. Wählen Sie den Block aus.
  2. Klicken Sie auf das Symbol mit den drei Punkten in der Symbolleiste des Blocks.
  3. Wählen Sie Kopieren
  4. Fügen Sie den Block dann einfach mit „Strg + V“ oder mit der rechten Maustaste ein und wählen Sie „Einfügen“.

Auf diese Weise können Sie die Blockeinstellungen beibehalten und Ihr benutzerdefiniertes Design nicht verlieren.
So kopieren Sie einen Block mit all seinen Einstellungen in den Gutenberg-WordPress-Editor
Quelle: So kopieren Sie einen Block mit all seinen Einstellungen.

5. Entdecken und verwenden Sie Gutenberg-Editor-Shortcuts

Wer liebt Abkürzungen nicht? Bleiben Sie effizient mit den Kurzbefehlen von Gutenberg, die die meisten üblichen Tastenkombinationen unterstützen (zum Kopieren, Einfügen, Rückgängigmachen usw.). Darüber hinaus verfügt Gutenberg über eine Reihe einzigartiger Tastaturkürzel, die zu Ihrem Vorteil verwendet werden können.

Sie können ein vollständiges Menü mit Verknüpfungen mit Umschalt + Alt + H (Windows) / Strg + Alt + H (Mac) öffnen.

Quelle: Liste praktischer Abkürzungen in Gutenberg

Hier sind einige der beliebtesten Abkürzungen in Gutenberg:

  • Strg + Alt + Backspace: Vorhandene/ausgewählte löschen. Dies ist eine enorme Hilfe, da das Entfernen eines Blocks normalerweise viele Klicks erfordert.
  • Strg + Alt + T: Um einen neuen Block vor dem bestehenden hinzuzufügen.
  • Strg + Alt + Y: Um einen neuen Block nach dem bestehenden Block einzufügen
  • Strg + A + A: Um den gesamten Abschnitt zu unterstreichen.

Neben Tastenkombinationen können Sie auch die Markdown-Syntax verwenden.

Hier ist ein Überblick über einige Beispiele für gültige Markdown-Syntaxeingaben in Gutenberg:

  • Verwenden Sie „##“, um eine Überschrift zu erstellen
  • Typ 1." um mit dem Erstellen einer geordneten Liste zu beginnen
  • Verwenden Sie „*“, um eine ungeordnete Liste zu erstellen
  • Verwenden Sie „>“, um ein Angebot zu erstellen

Geben Sie beispielsweise „##“ ein und drücken Sie die Leertaste, um mit dem Schreiben in H2 zu beginnen. Auf diese Weise erstellt Gutenberg automatisch einen Überschriftenblock.

6. Verwenden Sie Drag & Drop, um Blöcke neu anzuordnen

Bisher musste der Blockinhalt kopiert und eingefügt werden, wenn Sie ihn verschieben mussten. Legen Sie es einfach an der gewünschten Stelle ab, indem Sie es ziehen. Navigieren Sie zur rechten Seite des Blocks und wählen Sie diese sechs Punkte aus, wie in der Abbildung unten zu sehen.

Rearrange the Blocks

Quelle: Verwendung der Drag & Drop-Funktion

Sobald Sie diese Schaltfläche auswählen, können Sie den Block einfach an eine andere Stelle verschieben und an der gewünschten Stelle ablegen.

Auflösung

Der gesamte Gutenberg-Blockeditor hat sich seit seiner Einführung im Jahr 2018 dramatisch weiterentwickelt. Er bietet Ihnen jetzt Full Site Editing, bei dem der Blockeditor eine noch wichtigere Rolle in WordPress spielt.

Um das Beste aus dem WordPress-Blockeditor herauszuholen, müssen Sie lernen, wie Sie neue Blöcke erstellen, diese bearbeiten und zu Ihrem Vorteil nutzen.

Das Blocksystem ist intuitiv, da die vorinstallierten Funktionen sehr praktisch sind. Sie können jedoch die oben genannten Tipps und Tricks befolgen, um die Verwendung zu erweitern.