TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

12 Gutenberg-Tipps für WordPress

5

Es ist fast ein Jahr her, dass WordPress den klassischen Editor verändert und den umstrittenen Gutenberg-Editor eingeführt hat. Es gibt über 5 Millionen Benutzer, die immer noch am Classic Editor-Plugin festhalten, um weiterhin Inhalte auf altmodische Weise zu erstellen. Darüber hinaus gibt es auch viele Plugins, um den Gutenberg-Editor bei der WordPress- Installation zu deaktivieren. Dies kann jedoch nicht zu weit gehen, da viele Plugin- und Theme-Entwickler damit beginnen, Gutenberg zu blockieren, um die Funktionen zu integrieren. Yoast ist eines der guten Beispiele, das Gutenberg von Anfang an unterstützt. Es macht auch keinen Sinn, Plugins zu haben, um die Kernfunktion von WordPress zu deaktivieren. Lassen Sie uns in diesem Artikel nützliche Gutenberg-Tipps erklären, damit Sie dauerhaft zu diesem Editor wechseln können.

Gutenberg-Tipps für WordPress

Wenn Sie vorhaben, für längere Zeit bei WordPress zu bleiben, dann ist die Zukunft Gutenberg und Sie sollten damit beginnen, es effektiv zu nutzen und die Chancen zu vergessen.

  • Verwenden Sie Tastenkombinationen
  • Block-Manager anpassen
  • Ablenkungsfreie Schreiboptionen
  • Call-to-Action-Blöcke erstellen
  • Wiederverwendbare Blöcke
  • Doppelter Inhalt
  • Vorabprüfungen deaktivieren
  • Elemente als HTML bearbeiten
  • Widgets-Blöcke verwenden
  • Neue Funktionen prüfen
  • Stoppen Sie die Verwendung von Page Builder-Plugins
  • AMP-Geschichten

1 Gutenberg-Tastaturkürzel

Die alten Tastenkombinationen mit dem klassischen Editor funktionieren mit dem Gutenberg-Editor nicht mehr. Sie können schnell alle verfügbaren Gutenberg-Tastaturkürzel abrufen, indem Sie die Tasten "Strg + Alt + H" drücken. Alternativ gehen Sie zu "Weitere Tools und Optionen anzeigen (Schaltfläche mit drei Punkten) > Tastenkombinationen".

Sie können ein praktisches Popup erhalten, das alle Verknüpfungen anzeigt.

12 Gutenberg-Tipps für WordPress

Gutenberg-Tastaturkürzel anzeigen

2 Block-Manager verwenden

Gutenberg hat viele Standardblöcke, die in verschiedene Gruppen eingeteilt sind. Es kann jedoch ärgerlich sein, so viele Blöcke zu haben, wenn Sie nicht viele davon verwenden müssen. Das beste Beispiel sind die „ Embeds ” mit mehr als 30 Blöcken.

12 Gutenberg-Tipps für WordPress

Gutenberg bettet Blöcke ein

Wir sind uns ziemlich sicher, dass Sie nicht alle diese Einbettungsoptionen jedes Mal anzeigen lassen müssen, wenn Sie versuchen, nach einem Block zu suchen. Klicken Sie oben rechts auf die Schaltfläche "Weitere Tools und Optionen anzeigen" (drei Punkte) und wählen Sie im Abschnitt "Tools" die Option "Block-Manager".

12 Gutenberg-Tipps für WordPress

Blockmanager in Gutenberg

Dadurch wird ein Popup geöffnet, das alle verfügbaren Blöcke auf Ihrer Website anzeigt. Aktivieren und deaktivieren Sie die Blöcke, die Sie auf Ihrer Website nicht verwenden möchten.

12 Gutenberg-Tipps für WordPress

Deaktivieren Sie Gutenberg-Blöcke im Block-Manager

3 Ablenkungsfreies Schreiben

Gutenberg bietet mehrere Möglichkeiten, um ablenkungsfreies Schreiben zu verwenden und sich auf Ihre Arbeit zu konzentrieren.

  • Standardmäßig werden die relevanten Formatierungsoptionen nur angezeigt, wenn Sie auf das Element klicken.
  • Klicken Sie auf "Weitere Tools und Optionen anzeigen". Die Optionen sehen in der oberen rechten Ecke wie drei vertikale Punkte aus und wählen "Vollbildmodus", um den Editor im Vollbildmodus anzuzeigen.
  • Die Option „Spotlight-Modus” hilft Ihnen, nur das Element zu fokussieren, an dem Sie gerade arbeiten. Dies ist nützlich, wenn Sie sich auf das Erstellen einer Liste oder das Eingeben langer Absätze konzentrieren müssen.
  • Klicken Sie auf das Zahnradeinstellungssymbol, das oben rechts angezeigt wird, um das Dokument- oder Blockfeld auf der rechten Seite ein- oder auszublenden.

4 Verwenden Sie Call-to-Action

Gutenberg hat sehr nützliche Funktionen, die mit dem alten klassischen Editor nicht verfügbar waren. Sie können dem Hintergrund und dem Text eines Absatzes ganz einfach Farben hinzufügen, um attraktive Call-to-Action-Boxen zu erstellen. Sie müssen zu diesem Zweck kein CSS ändern oder Plugins von Drittanbietern verwenden.

12 Gutenberg-Tipps für WordPress

Call-to-Action im Gutenberg-Editor hinzufügen

Ebenso können Sie Schaltflächen hinzufügen und mit verschiedenen Hintergründen im Editor anpassen.

5 wiederverwendbare Blöcke

Eine der Schönheiten bei der Verwendung von Gutenberg sind die wiederverwendbaren Blöcke. Sie können einen Absatz, eine Schaltfläche oder eine Liste anpassen und auf die Schaltfläche mit den drei Punkten für dieses Element klicken. Wählen Sie „Zu wiederverwendbaren Blöcken hinzufügen” und geben Sie den Namen für diesen Block an.

12 Gutenberg-Tipps für WordPress

Wiederverwendbaren Block in Gutenberg hinzufügen

Später können Sie den wiederverwendbaren Block jederzeit in alle Beiträge auf Ihrer Website einfügen. Sie können diesen Beitrag entweder lokal ändern oder als globales Element verwenden.

12 Gutenberg-Tipps für WordPress

Wiederverwendbare Blöcke einfügen

Wir verwenden die wiederverwendbaren Blöcke zum Einfügen von Affiliate-Links auf der gesamten Website. Mit wenigen Klicks können wir den wiederverwendbaren Block mit unterschiedlichen Inhalten, die in verschiedenen Beiträgen erscheinen, aktualisieren oder ändern.

6 Duplizieren von Blöcken

Ähnlich wie bei wiederverwendbaren Blöcken können Sie einen Block einfach im selben Beitrag duplizieren und wiederverwenden. Nehmen wir an, wenn Sie einen Schaltflächenblock angepasst haben, können Sie dieselbe Schaltfläche duplizieren und den Text/Link aktualisieren. Klicken Sie für dieses Element auf die Schaltfläche "Weitere Optionen" und wählen Sie die Option "Duplizieren", um eine Kopie zu erstellen.

7 Deaktivieren Sie Prüfungen vor der Veröffentlichung

WordPress fordert Sie jedes Mal auf, einen Beitrag zu bestätigen und vorzuschlagen, bevor Sie einen Beitrag veröffentlichen. Sie können diese Überprüfung vor der Veröffentlichung jedoch deaktivieren, wenn Sie der Meinung sind, dass sie nervig ist. Gehen Sie zu „Weitere Tools und Optionen anzeigen > Optionen” und deaktivieren Sie „Prüfungen vor der Veröffentlichung aktivieren”. Alternativ können Sie die Prüfung beim Veröffentlichen eines Beitrags auch deaktivieren.

12 Gutenberg-Tipps für WordPress

Deaktivieren Sie die Vorabprüfung

8 Elemente als HTML bearbeiten

Früher mussten Sie beim klassischen Editor den visuellen und den Textmodus umschalten, um den Quell-HTML-Code im Editor zu bearbeiten. Dies ist ein ähnlicher Prozess in Gutenberg, bei dem Sie zwischen Code- und visuellen Editoren mit einer Tastenkombination oder über das Optionsfeld wechseln können. Darüber hinaus können Sie den HTML-Code jedes Elements auch problemlos separat bearbeiten. Klicken Sie auf das Symbol "Weitere Optionen" auf dem Element und wählen Sie "Als HTML bearbeiten", um den Code anzuzeigen. Sie können in den normalen Modus wechseln, indem Sie die Option "Weitere Optionen > Visuell bearbeiten" auswählen. Dies ist nützlich, wenn Sie im Editor Nofollow zu Hyperlinks hinzufügen möchten.

9 Verwenden Sie Widgets-Blöcke

Die Kategorie „ Widgets ” enthält viele nützliche Blöcke, die vorher nicht möglich waren. Sie können die neuesten Kommentare, neuesten Beiträge, Archive, Kalender, Kategorien, RSS, Suche, Tag Cloud und Shortcode in den Beitragsinhalt einfügen.

12 Gutenberg-Tipps für WordPress

Gutenberg Widgets-Blöcke

Darüber hinaus können Sie auch benutzerdefinierten HTML-Code in den Beitragsinhalt einfügen, indem Sie den Block „Benutzerdefiniertes HTML” verwenden, der unter „Formatierungsblöcke” verfügbar ist.

10 Neue Funktionen verwenden

Es gibt viele neue Funktionen in Gutenberg. Sie können einige Wochen lang versuchen, vom klassischen Editor zu wechseln, und wir denken, dass Sie möglicherweise nicht mehr zurückkehren werden.

  • Der Absatzblock verfügt über eine „Drop Cap”-Option, um den ersten Buchstaben im Drop-Cap-Stil zu erstellen.
  • Sie können jedem einzelnen Element eine zusätzliche CSS-Klasse hinzufügen und die CSS-Stildefinitionen im Abschnitt „Darstellung > Anpassen > Zusätzliches CSS” hinzufügen.
  • Ändern Sie Elemente vom Absatz in eine Liste und konvertieren Sie viele andere.
  • Erstellen Sie einfache, gestreifte Tabellen mit fester Breite mit dem Block "Tabellen".
  • Verwenden Sie die Blöcke „Spalten” und „Abdecken”, um Inhalte zu erstellen, die mit dem klassischen Editor nicht möglich waren.

11 Beenden Sie die Verwendung von Page Builder-Plugins

Anders als viele Leute verfluchen, hat Gutenberg definitiv viele positive Dinge. Viele von denen, die Gutenberg hassen, verwenden die benutzerdefinierten Page Builder-Plugins wie Visual Composer, Elementor oder SiteOrigin Page Builder. Obwohl diese Plugins nützlich sind, funktionieren Inhalte, die mit diesen Page Builder-Plugins erstellt wurden, nur, wenn das Plugin auf deiner Website aktiv ist. Sobald Sie das Plugin deaktivieren, wird der Inhalt im Frontend unlesbar. Und es ist eine gewaltige Aufgabe, den Inhalt aus diesen Page Builder-Plugins zu migrieren.

Daher empfehlen wir dringend, kein benutzerdefiniertes Plugin zum Erstellen von Hunderten von Beiträgen zu verwenden. Sie können Gutenberg verwenden oder benutzerdefinierte Plugins verwenden, um nur wenige Seiten zu erstellen, die leicht aktualisiert werden können.

12 AMP-Geschichten

Wenn Sie die AMP- und Gutenberg-Plugin-Version verwenden, können die neuesten AMP-Stories eine sehr attraktive Option für Sie sein. Es hilft Ihnen, ganzseitige mobilfreundliche Inhalte zu erstellen, die Sie Ihren Lesern präsentieren können.

Abschluss

Wenn Sie mit dem alten klassischen Editor nicht überzeugt oder gewöhnt sind, bietet Gutenberg auch einen „Klassik”-Block im Abschnitt „Formatierung” an. Wir empfehlen Ihnen, Ihren bevorzugten Page Builder nicht mehr zu verwenden und sich darauf zu konzentrieren, Gutenberg als Standardeditor zu verwenden. Dies wird Ihnen helfen, sich mit neuen Änderungen vertraut zu machen, die mit zukünftigen WordPress-Upgrades kommen werden.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen