Zum Inhalt springen

Wie speichere ich einen WordPress Gutenberg-Block als Vorlage, um ihn später mit einem Shortcode zu verwenden?

Wenn Sie an einer WordPress-Site arbeiten und auf einen Gutenberg-Block stoßen, den Sie mehrmals verwenden möchten, können Sie durch das Speichern als Vorlage viel Zeit sparen. In diesem Artikel besprechen wir, wie man einen WordPress-Gutenberg-Block als Vorlage speichert und ihn später per Shortcode verwendet.

Speichern Sie einen Gutenberg-Block als Vorlage mit einem Plugin

Wiederverwendbare Gutenberg-Blöcke von Editor Blocks

Eine der schnellsten und einfachsten Möglichkeiten, einen Gutenberg-Block als Vorlage zu speichern, ist die Verwendung eines Plugins wie „Reusable Gutenberg Blocks“ von Editor Blocks. Mit diesem Plugin können Sie jeden Gutenberg-Block als Vorlage speichern, die Sie später problemlos verwenden können. So geht's:

  1. Installieren und aktivieren Sie das Plugin „Reusable Gutenberg Blocks by Editor Blocks“ aus dem WordPress-Plugin-Repository.
  2. Gehen Sie zu einer beliebigen Seite oder einem Beitrag und fügen Sie den Block hinzu, den Sie als Vorlage speichern möchten.
  3. Wählen Sie einen Block aus und klicken Sie dann auf die Schaltfläche „Zu wiederverwendbaren Blöcken hinzufügen“ (oben rechts im Editor).
  4. Geben Sie Ihrem Block einen Namen und speichern Sie Ihre Änderungen.

Sie können diesen Block später auf einer anderen Seite oder in einem anderen Beitrag verwenden, indem Sie ihn aus der Liste der verfügbaren Gutenberg-Blöcke auswählen.

Erstellen eines Shortcodes mit dem Shortcoder-Plugin

Um die erstellte Gutenberg-Blockvorlage mit Shortcode zu verwenden, können wir das Shortcoder-Plugin verwenden.

  1. Installieren und aktivieren Sie das Shortcoder-Plugin aus dem WordPress-Plugin-Repository.
  2. Gehen Sie zum WordPress-Administrationsbereich und dann zu „Shortcoder“.
  3. Klicken Sie auf „Neuen Shortcode erstellen“, geben Sie ihm einen Namen und fügen Sie den HTML-Code Ihrer Gutenberg-Blockvorlage ein.
  4. Änderungen speichern.

Wenn Sie diesen Block nun verwenden möchten, fügen Sie einfach den Shortcode an einer beliebigen Stelle auf Ihrer Seite oder Ihrem Beitrag ein.

Erstellen Sie eine Gutenberg-Blockvorlage mit PHP-Code

Wenn Sie mit Codierung vertraut sind, können Sie sich für einen eher manuellen Ansatz entscheiden. So erstellen Sie eine Gutenberg-Blockvorlage und einen Shortcode mit PHP-Code:

  1. Erstellen Sie eine neue PHP-Datei in Ihrem Theme oder Child-Theme. Sie können es etwa „gutenberg-template.php“ nennen.
  2. Platzieren Sie in dieser Datei den HTML-Code für Ihren Gutenberg-Block. Denken Sie jedoch daran, dass Sie ihn wie folgt in eine PHP-Funktion einfügen müssen:
Funktion my_gutenberg_template() { ob_start(); ?>
  1. Fügen Sie dann den folgenden Code hinzu, um einen Shortcode zu erstellen, der diese Funktion aufruft:
function register_my_gutenberg_template_shortcode() { add_shortcode('my_template', 'my_gutenberg_template'); } add_action('init', 'register_my_gutenberg_template_shortcode');

Wenn Sie diesen Block nun verwenden möchten, fügen Sie einfach den Shortcode „[my_template]“ an einer beliebigen Stelle auf Ihrer Seite oder Ihrem Beitrag ein.

Zusammenfassend bietet WordPress verschiedene Methoden, um einen Gutenberg-Block als Vorlage zu speichern und ihn dann per Shortcode zu verwenden. Wir können verfügbare Plugins wie wiederverwendbare Gutenberg-Blöcke von Editor Blocks oder Shortcoder verwenden oder unsere eigene Lösung mit PHP-Code erstellen. Die Wahl der Methode hängt von Ihrer Erfahrung und Ihren Vorlieben ab.

[reflex id='56434']

Sehen Sie sich das Angebot von über 1500 Premium-WordPress-Plugins und -Themen an!

Warenkorb