Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Importieren/Exportieren Ihrer WordPress Gutenberg-Blöcke (2 Schritte)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie lernen, wie man Gutenberg-Blöcke importiert oder exportiert?

Der WordPress-Editor ermöglicht es Ihnen, Ihre Inhalte als benutzerdefinierte Blöcke zu speichern und sie dann auf eine andere WordPress-Website zu exportieren. Das kann Ihnen eine Menge Zeit sparen, wenn Sie mehrere Websites besitzen oder Websites für Kunden erstellen.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihre WordPress-Gutenberg-Blöcke ganz einfach exportieren und importieren können, um sie auf anderen Websites zu verwenden.

How to export your Gutenberg blocks

Warum sollten Sie Ihre WordPress Gutenberg-Blöcke importieren/exportieren?

Mit dem WordPress-Block-Editor können Sie Inhalte als Blöcke hinzufügen und diese Blöcke dann anpassen. So können Sie zum Beispiel mit dem Block Schaltflächen einen Aufruf zum Handeln erstellen.

Sie können diese Schaltfläche dann hervorheben, indem Sie ihre Hintergrundfarbe ändern, den Text größer machen und vieles mehr. Wenn Sie diesen Inhalt wieder verwenden möchten, können Sie ihn als wiederverwendbaren Block in WordPress speichern.

Creating a reusable block in WordPress

Sie können diese wiederverwendbaren Blöcke aber auch exportieren und dann auf anderen Websites verwenden. Das kann Ihnen eine Menge Zeit und Mühe ersparen, wenn Sie mehrere Websites besitzen oder eine WordPress-Entwicklungsagentur sind, die Websites für Kunden erstellt.

Sehen wir uns also an, wie Sie Gutenberg-WordPress-Blöcke importieren/exportieren können.

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

Wenn Sie das noch nicht getan haben, müssen Sie den Inhalt, den Sie exportieren möchten, als wiederverwendbaren Block speichern. Klicken Sie anschließend im WordPress-Inhaltseditor auf die Schaltfläche „+“ .

The WordPress content editor

Wählen Sie in dem nun erscheinenden Fenster das Symbol „Wiederverwendbar“.

Sie können dann auf „Wiederverwendbare Blöcke verwalten“ klicken.

Managing reusable WordPress blocks

Dadurch gelangen Sie zu einem Bildschirm, auf dem Sie alle wiederverwendbaren Blöcke sehen können.

Bewegen Sie einfach den Mauszeiger über den Block, den Sie exportieren möchten, und klicken Sie dann auf den Link „Als JSON exportieren“, wenn dieser angezeigt wird.

Exporting a WordPress block as a JSON file

WordPress wird nun den Block als JSON-Datei auf Ihren Computer herunterladen.

Um den Block in einen anderen WordPress-Blog oder eine andere Website zu importieren, loggen Sie sich einfach auf dieser Website ein und öffnen Sie den Content Editor. Sie können nun den Bildschirm für die Blockverwaltung öffnen, indem Sie dasselbe Verfahren wie oben beschrieben anwenden.

Klicken Sie diesmal stattdessen auf die Schaltfläche „Aus JSON importieren“. Wählen Sie in dem daraufhin angezeigten Popup-Fenster „Datei auswählen“.

Choose file to import block in Gutenberg

Sie können nun die JSON-Datei auswählen, die Sie zuvor heruntergeladen haben.

Klicken Sie anschließend auf „Importieren“.

Importing a block as a JSON file

WordPress wird nun den wiederverwendbaren Block importieren.

Danach können Sie den importierten Block auf Ihrer WordPress-Website genau so verwenden wie jeden anderen wiederverwendbaren Block.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu erfahren, wie Sie Ihre WordPress Gutenberg-Blöcke importieren/exportieren und auf anderen Websites verwenden können. Vielleicht interessiert Sie auch unsere Expertenauswahl der besten Drag-and-Drop-WordPress-Seitenersteller oder unsere Anleitung zum Einrichten von Google Analytics-Zielen für Ihre WordPress-Website.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

5 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Alan says

    Hello,

    Great information. Thanks for sharing.

    I have a question…
    Is it possible to export an entire page made up of many blocks? I can do this in Elementor and use this feature all the time.

    Thanks in advance

    • WPBeginner Support says

      You could export a page using Tools>Export and import it on to a new site if that’s what you mean.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.