So importieren/exportieren Sie Ihre WordPress Gutenberg-Blöcke (2 Schritte)

Haben Sie sich jemals gefragt, wie Sie immer wieder dieselben Gutenberg-Blocklayouts neu erstellen?

Sie kennen sie – dieser perfekte Abschnitt für Handlungsaufforderungen, Ihr bevorzugtes Testimonial-Layout oder die Produktpräsentation, die tatsächlich Besucher konvertiert.

Wenn Sie mehrere WordPress-Websites verwalten, wird dies noch zeitaufwändiger. Aber es gibt tatsächlich einen viel intelligenteren Weg, dies zu handhaben.

WordPress verfügt über eine integrierte Funktion, mit der Sie Blöcke oder Gruppen von Blöcken importieren/exportieren und sie sofort auf verschiedenen Websites wiederverwenden können. Es ist, als hätten Sie Ihre eigene persönliche Designbibliothek, die Sie überallhin mitnehmen können.

Nach der Verwaltung Dutzender von WordPress-Websites haben wir gelernt, dass dieser einfache 2-Schritte-Prozess Ihre Arbeitsweise komplett verändern kann.

In dieser Anleitung zeigen wir Ihnen, wie Sie Ihre Gutenberg-Blöcke einfach importieren/exportieren und Ihre Designs über alle Ihre Websites hinweg konsistent halten.

Hier ist ein kurzer Überblick darüber, was wir in diesem Leitfaden behandeln werden:

• Warum WordPress-Muster importieren und exportieren?
• So importieren/exportieren Sie Ihre WordPress Gutenberg-Blöcke
• Method 1: Import/Export Blocks With a Classic Theme
• Method 2: Import/Export Blocks With a Block Theme
• Häufig gestellte Fragen zum Importieren/Exportieren von Gutenberg-Blöcken
• Zusätzliche Ressourcen zu WordPress-Blöcken

Warum WordPress-Muster importieren und exportieren?

Der WordPress-Blockeditor eignet sich hervorragend zum Erstellen einzigartiger Layouts. Sie könnten zum Beispiel eine benutzerdefinierte Handlungsaufforderung mit einer speziellen Schaltfläche und einem Farbschema entwerfen.

Wenn Sie ein Design wiederverwenden möchten, können Sie es als Muster speichern. Es ist wichtig zu wissen, dass es zwei Arten gibt: synchronisiert und nicht synchronisiert.

Nicht synchronisiertes Muster: Sobald ein nicht synchronisiertes Muster in eine Seite oder einen Beitrag eingefügt wird, funktioniert es wie ein normaler Satz von Blöcken. Alle Änderungen, die an dieser spezifischen Instanz vorgenommen werden, wirken sich nicht auf andere Instanzen desselben Musters an anderer Stelle auf Ihrer Website aus.

Synchronisiertes Muster (früher als wiederverwendbarer Block bekannt): Wenn Sie ein synchronisiertes Muster bearbeiten, werden die Änderungen automatisch auf jede Instanz dieses Musters auf Ihrer gesamten Website angewendet.

Das Beste daran ist, dass Sie jedes dieser Muster für die Verwendung auf anderen WordPress-Websites exportieren können. Dies kann Ihnen viel Zeit sparen, wenn Sie mehrere Websites verwalten oder Websites für Kunden erstellen.

Mit diesen Worten wollen wir uns nun ansehen, wie Sie Gutenberg-WordPress-Blöcke importieren/exportieren können.

So importieren/exportieren Sie Ihre WordPress Gutenberg-Blöcke

Zuerst müssen Sie den Inhalt, den Sie verschieben möchten, als Muster speichern.

Sobald Sie Ihr Muster gespeichert haben, hängen die Schritte zum Importieren und Exportieren davon ab, ob Sie ein klassisches oder ein modernes Block-Theme verwenden.

Wir werden beide Methoden unten behandeln, beginnend mit dem Prozess für klassische Themes.

Methode 1: Blöcke mit einem klassischen Theme importieren/exportieren

Wenn Sie ein klassisches Theme verwenden, können Sie Ihre Muster auf einem speziellen Bildschirm verwalten, aber Sie greifen über den Beitragseditor darauf zu.

Blöcke mit einem klassischen Theme exportieren

Öffnen Sie zuerst einen beliebigen Beitrag oder eine beliebige Seite.

Klicken Sie in der oberen rechten Ecke auf das Drei-Punkte-Menüsymbol und wählen Sie im Dropdown-Menü 'Muster verwalten'.

Dies führt Sie zum Musterverwaltungsbildschirm, wo Sie eine Liste aller von Ihnen erstellten Muster sehen.

Fahren Sie mit der Maus über das Muster, das Sie exportieren möchten, und klicken Sie auf den Link 'Als JSON exportieren', der angezeigt wird.

WordPress lädt das Muster sofort als JSON-Datei auf Ihren Computer herunter.

Blöcke mit einem klassischen Theme importieren

Um ein Muster auf Ihrer neuen Website zu importieren, folgen Sie denselben Schritten, um zum Bildschirm „Muster verwalten“ zu gelangen. Klicken Sie oben auf der Seite auf die Schaltfläche „Aus JSON importieren“.

Klicken Sie im Popup-Fenster auf „Datei auswählen“ und wählen Sie die zuvor heruntergeladene JSON-Datei aus. Klicken Sie auf „Importieren“, um den Vorgang abzuschließen, und Ihr Muster ist einsatzbereit.

Methode 2: Blöcke mit einem Block-Theme importieren/exportieren

Wenn Sie ein Block-Theme verwenden, ist der Prozess etwas anders, da Sie den Full Site Editor verwenden werden.

Blöcke mit einem Block-Theme exportieren

Gehen Sie zunächst zu Darstellung » Editor in der Admin-Seitenleiste von WordPress.

Wählen Sie im Editor im linken Menü 'Muster' aus. Dies führt Sie zum Musterverwaltungsbereich Ihrer Website.

Klicken Sie neben der Überschrift „Muster“ auf das Drei-Punkte-Menüsymbol und wählen Sie dann „Als JSON exportieren“.

Dies lädt eine einzelne JSON-Datei herunter, die alle Ihre benutzerdefinierten Muster enthält.

Blöcke mit einem Block-Theme importieren

Um diese Blöcke nun auf einer anderen Website mithilfe des Full Site Editors zu importieren, öffnen Sie den FSE und gehen Sie zum Tab „Muster“.

Klicken Sie dann auf die Schaltfläche „Neues Muster hinzufügen“. Dies öffnet ein Dropdown-Menü, aus dem Sie die Schaltfläche „Muster aus JSON importieren“ auswählen können.

Wählen Sie Ihre heruntergeladene Datei aus, um die Blöcke zu importieren.

Wenn das erledigt ist, können Sie das importierte Muster einfach auf Ihrer WordPress-Website verwenden.

Häufig gestellte Fragen zum Importieren/Exportieren von Gutenberg-Blöcken

Möglicherweise haben Sie noch einige Fragen zum Prozess. Um Ihnen zu helfen, haben wir eine Liste mit einigen der am häufigsten gestellten Fragen zum Importieren und Exportieren von Blöcken in WordPress zusammengestellt.

Was ist eine JSON-Datei?

JSON steht für JavaScript Object Notation. Es ist ein einfaches, textbasiertes Format zum Speichern und Übertragen von Daten.

In diesem Fall fungiert die JSON-Datei wie ein Bauplan, der WordPress mitteilt, wie Ihr Block rekonstruiert werden soll, einschließlich Inhalt, Formatierung und Einstellungen.

Importiert diese Methode auch Bilder und Mediendateien?

Nein, der Exportvorgang speichert nur die Struktur und den Textinhalt des Blocks. Er exportiert nicht die tatsächlichen Bild- oder Mediendateien, die innerhalb des Blocks verwendet werden.

Sie müssen diese Mediendateien manuell in die Mediathek der neuen Website hochladen, damit die importierten Blöcke korrekt angezeigt werden.

Kann ich Blöcke importieren, die ein bestimmtes Plugin erfordern?

Ja, das können Sie. Der importierte Block funktioniert jedoch nur, wenn die neue Website dasselbe Plugin installiert und aktiviert hat.

Wenn Sie beispielsweise einen Formularblock von WPForms exportieren, muss die neue Website WPForms ebenfalls installiert haben, um dieses Formular darzustellen.

Wie kann ich meine gesamte Website verschieben, nicht nur Blöcke?

Das Importieren und Exportieren von Blöcken ist großartig für einzelne Inhaltsteile. Aber wenn Sie eine ganze Website verschieben müssen, ist ein Migrations-Plugin eine viel bessere Lösung.

Wir empfehlen die Verwendung eines Plugins wie Duplicator. Es ermöglicht Ihnen, Ihre gesamte WordPress-Website, einschließlich aller Inhalte, Plugins und Themes, einfach zu klonen und an einen neuen Speicherort zu verschieben.

Zusätzliche Ressourcen zu WordPress-Blöcken

Hier sind weitere nützliche Anleitungen zur Verwendung und Verwaltung von WordPress-Blöcken:

• So verwenden Sie den WordPress-Block-Editor (Gutenberg-Tutorial)
• So erstellen Sie einen benutzerdefinierten WordPress-Block (einfach)
• Beste Gutenberg-Block-Plugins für WordPress (super nützlich)
• Wie man klassische Blöcke in WordPress zu Gutenberg konvertiert
• Beste Gutenberg-freundliche WordPress-Themes
• Ultimate Blocks Review: Ist es das richtige Block-Plugin für Sie?

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihre WordPress Gutenberg-Blöcke importieren/exportieren, um sie auf anderen Websites zu verwenden. Möglicherweise möchten Sie auch unseren Leitfaden zum Entfernen eines Blocks in WordPress und den Vergleich Padding vs. Margin sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.