WordPress-Blockmuster 101: Was sind sie? Und wie man sie benutzt

Möchten Sie Zeit sparen und professionellere Designs im WordPress-Blockeditor erstellen? Wenn ja, ist das Erlernen von WordPress-Blockmustern möglicherweise genau das, was Sie brauchen.

Mit Blockmustern können Sie ein vorgefertigtes Design einfügen, es an Ihre Bedürfnisse anpassen und sofort loslegen. Dies ist eine große Zeitersparnis. Und wenn Sie kein Designer sind, sind Blockmuster ebenfalls hilfreich, da Sie damit einzigartigere Designs verwenden können, selbst wenn Sie nicht über das Wissen verfügen, diese Designs von Grund auf neu zu erstellen.

In diesem Beitrag werden wir abdecken alles, was Sie über WordPress-Blockmuster wissen müssen:

Was sind WordPress-Blockmuster?

WordPress-Blockmuster sind im Wesentlichen nur Vorlagen aus Blöcken.

Sie können einen einzelnen Block oder mehrere Blöcke enthalten, die in bestimmten Layouts angeordnet sind. Zusätzlich zu den Blöcken selbst enthalten die Blockmuster auch die Einstellungen für diese Blöcke (B. das Konfigurieren einer Schaltfläche mit einer bestimmten Farbe).

Sie können Blockmuster für ganzseitige Vorlagen finden. Oder häufiger finden Sie Blockmuster für bestimmte Abschnitte, die Sie möglicherweise auf einer Seite verwenden möchten. Sie können dann mehrere Blockmuster wie Legos zusammenstellen, um Ihr Design zu erstellen.

Angenommen, Sie möchten einen Abschnitt erstellen, der einen Bildhintergrund, etwas Überschriftentext und eine Schaltfläche enthält. Sie können dies manuell mit dem Blockeditor einrichten. Aber mit einem Blockmuster könnten Sie ein vorgefertigtes Design mit diesem Layout einfügen und es dann einfach an Ihren Inhalt anpassen.

Wie ich oben erwähnt habe, sind die Hauptvorteile der Verwendung von WordPress-Blockmustern:

1. Sie sparen Zeit.
2. Sie erleichtern das Erstellen komplizierterer Designs, da Sie möglicherweise nicht über das Wissen verfügen, um bestimmte Arten von Designs selbst zu erstellen.

Blockmuster vs. wiederverwendbare Blöcke

Jetzt, wo du weißt, was WordPress-Blockmuster sind, denkst du vielleicht, dass sie sehr nach wiederverwendbaren WordPress-Blöcken klingen, die eine Kernfunktion sind, die vor Blockmustern eingeführt wurde.

Ein wiederverwendbarer Block ist auch eine Sammlung von einem oder mehreren Blöcken, die Sie einfach in Ihren Inhalt einfügen können.

Sie ähneln sich darin, dass Sie mit beiden schnell ein vorgefertigtes Design einfügen können, aber sie haben einen großen Unterschied:

• Blockmuster sind ein Ausgangspunkt für Ihr Design. Sie können sie verwenden, um das grundlegende Design zu importieren, das Sie verwenden möchten, aber Sie werden sie jedes Mal anpassen und jede Instanz eines Blockmusters wird anders sein.
• Wiederverwendbare Blöcke werden in jeder einzelnen Instanz gleich sein. Jede Instanz eines wiederverwendbaren Blocks ist immer gleich und wenn Sie das Design des wiederverwendbaren Blocks an einer Stelle aktualisieren, werden diese Änderungen automatisch auf jede Instanz des wiederverwendbaren Blocks angewendet.

Hier ist ein Beispiel dafür, wann Sie die einzelnen verwenden könnten:

Nehmen wir zunächst an, Sie haben ein spezielles Format zum Einfügen von Zitaten in Ihren Inhalt. Wenn Sie also ein Zitat einfügen, möchten Sie genau die gleiche Anordnung von Blöcken verwenden, um die Dinge konsistent zu halten.

Wenn jedes Zitat anders sein soll, sollten Sie dafür ein Blockmuster verwenden. Sie können das Blockmuster einfügen, um die grundlegende Formatierung einzurichten, und dann den eindeutigen Zitattext hinzufügen.

Nehmen wir nun an, Sie haben einen Call-to-Action (CTA) für Personen, die Ihrer E-Mail-Liste beitreten sollen, die Sie am Ende jedes Blog-Beitrags einfügen möchten. Sie möchten, dass dieser CTA in jedem Fall genau gleich ist, und Sie möchten ihn auch in Zukunft aktualisieren können.

Für diesen Anwendungsfall möchten Sie einen wiederverwendbaren Block verwenden. Der wiederverwendbare Block stellt sicher, dass jede Instanz Ihres CTA gleich ist. Und wenn Sie den CTA jemals ändern möchten, müssen Sie den wiederverwendbaren Block nur einmal aktualisieren, und diese Änderungen gelten für jede Instanz.

So verwenden Sie WordPress-Blockmuster

Sie können Blockmuster über dieselbe Schnittstelle einfügen, die Sie zum Einfügen von Blöcken verwenden.

Öffnen Sie zunächst den Editor für den Inhalt, in den Sie ein Blockmuster einfügen möchten. Klicken Sie dann auf die Plus Symbol in der oberen linken Ecke, um die Benutzeroberfläche zum Einfügen von Inhalten zu öffnen.

Klicken Sie in der angezeigten Seitenleiste auf die Muster Tab. Sie können dann das Dropdown-Menü verwenden, um verschiedene Arten von Mustern herauszufiltern.

Wenn Sie ein Muster finden, das Ihnen gefällt, brauchen Sie nur darauf zu klicken, um es in Ihren Inhalt einzufügen:

Sobald Sie das Blockmuster eingefügt haben, können Sie alle einzelnen Blöcke so bearbeiten, als würden Sie das Design manuell erstellen:

Und das ist es! Wenn Sie ein weiteres Blockmuster einfügen möchten, können Sie den gleichen Vorgang einfach wiederholen. Das Blockmuster wird dort eingefügt, wo Sie Ihren Cursor im Editor positioniert haben.

So finden und verwenden Sie neue WordPress-Blockmuster

Um Ihnen bei der Suche nach neuen Blockmustern zu helfen, hat das WordPress-Team eine offizielle Blockmuster-Bibliothek bei WordPress erstellt. Du kannst Greifen Sie darauf zu, indem Sie hier klicken.

Sie können die Filter verwenden, um alle Blockmuster zu durchsuchen, und auf ein Ergebnis klicken, um es in der Vorschau anzuzeigen. Wenn Sie ein Blockmuster finden, das Ihnen gefällt, klicken Sie einfach auf das Muster kopieren Schaltfläche, um das Muster in Ihre Zwischenablage zu kopieren:

Öffnen Sie nun den Editor für den Inhalt, zu dem Sie das Blockmuster hinzufügen möchten, und fügen Sie es ein, genau wie Sie normalen Text einfügen würden – entweder mit der rechten Maustaste und Auswahl von Einfügen oder mit einer Tastenkombination wie Strg + V (oder Befehl + V auf dem Mac).

Und das ist es – Sie sollten das vollständige Blockmuster sehen, wo immer Sie es eingefügt haben:

Neben der offiziellen Blockmusterbibliothek auf WordPress.org findest du auch Verzeichnisse von Drittanbietern wie ShareABlock und der Gutenberg Hub-Vorlagenbibliothek (die den gleichen Copy/Paste-Ansatz wie die offizielle Bibliothek verwendet).

Sie können auch eine Reihe von Plugins finden, mit denen Sie Blockmuster und Vorlagen einfügen können, obwohl sie möglicherweise ihre eigene benutzerdefinierte Lösung verwenden, anstatt die native Blockmusterfunktion zu verwenden. So oder so ist das Endergebnis das gleiche. Einige der besten Optionen finden Sie in unserem Beitrag über Gutenberg-Vorlagen-Plugins.

So erstellen Sie Ihre eigenen WordPress-Blockmuster ohne Code

Ab sofort können Sie mit dem zentralen WordPress-Blockeditor keine eigenen Blockmuster erstellen, es sei denn, Sie wissen, wie man codiert, was ein bisschen schade ist.

Glücklicherweise gibt es, wie Sie es von WordPress erwarten würden, Plugins, die dies beheben.

Mein persönlicher Favorit ist das kostenlose von Justin Tadlock Blockmuster-Generator Plugin. Im Wesentlichen können Sie mit diesem Plugin Ihr eigenes Design mit dem Blockeditor erstellen und es dann als Blockmuster speichern. So können Sie Ihr Muster mit dem Editor entwerfen, als Muster speichern und dann einfach wie jedes andere Muster einfügen.

Ehrlich gesagt ist es ein wenig seltsam, dass diese Funktion nicht in der WordPress-Kernsoftware enthalten ist, aber es ist keine große Sache, da Sie sie einfach durch die Installation eines kostenlosen Plugins lösen können.

Installieren und aktivieren Sie zunächst das kostenlose Block Pattern Builder-Plugin von WordPress.org. Ich verwende das oben erwähnte Plugin von Justin Tadlock, aber es gibt ein gleichnamiges Plugin von BlockMeister das scheint die gleiche Funktionalität mit etwas mehr Funktionen zu bieten.

Öffnen Sie dann den regulären Editor und erstellen Sie das Design, das Sie speichern möchten. Wählen Sie anschließend alle Blöcke aus, die Sie in Ihr Blockmuster aufnehmen möchten, und klicken Sie auf drei Punkte Symbol. Wählen Sie dann die Option zu Zu Blockmustern hinzufügen:

Sie können ihm dann einen Namen geben:

Und das ist es – Sie können es jetzt wie jedes andere Blockmuster einfügen. Standardmäßig befindet es sich im Abschnitt „Nicht kategorisiert“:

Zusätzlich zur Arbeit mit dem Editor erhalten Sie auch eine dedizierte Blockmuster Registerkarte in Ihrem WordPress-Dashboard, um Blockmuster zu verwalten und zu erstellen.

Beginnen Sie noch heute mit Blockmustern

Die Verwendung von Blockmustern ist ziemlich einfach – Sie können sie wie einen Block einfügen. Und sobald Sie sie eingefügt haben, können Sie die Blöcke im Muster bearbeiten, als ob Sie das Design selbst erstellt hätten.

Um dir mehr Flexibilität zu verschaffen, gibt es einige Möglichkeiten, auf neue Blockmuster zuzugreifen:

1. Sie können die offizielle Blockmusterbibliothek auf WordPress.org oder eine der Bibliothekswebsites von Drittanbietern verwenden. Alles, was Sie tun müssen, ist Kopieren und Einfügen zwischen den Bibliotheken und dem WordPress-Editor.
2. Sie können eines der von uns gesammelten Gutenberg-Vorlagen-Plugins verwenden. Diese Plugins verwenden nicht alle die native Blockmusterfunktion, aber sie dienen genau dem gleichen Zweck und der gleichen Funktion.
3. Sie können Ihre eigenen Blockmuster mit dem Editor und einem Plugin wie Block Pattern Builder entwerfen. Sobald Sie Ihre Designs gespeichert haben, können Sie sie in Zukunft problemlos wiederverwenden.

Weitere Möglichkeiten zur Verbesserung Ihrer Arbeit im Blockeditor finden Sie in unserem Leitfaden zur optimalen Nutzung des Blockeditors und in unserer Sammlung der besten Block-Plugins.