{"id":90657,"date":"2022-07-06T14:58:49","date_gmt":"2022-07-06T12:58:49","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/"},"modified":"2021-03-03T13:16:53","modified_gmt":"2021-03-03T16:16:53","slug":"como-exportar-e-importar-bloques-de-gutenberg-en-wordpress","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/","title":{"rendered":"So exportieren und importieren Sie Gutenberg-Bl\u00f6cke in WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#En-primer-lugar-necesita-bloques-reutilizables\" >Zun\u00e4chst ben\u00f6tigen Sie wiederverwendbare Bl\u00f6cke<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#Como-crear-un-bloque-reutilizable\" >So erstellen Sie einen wiederverwendbaren Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#Como-utilizar-bloques-reutilizables\" >Verwendung wiederverwendbarer Bl\u00f6cke<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#Como-exportar-bloques-de-Gutenberg-en-WordPress\" >So exportieren Sie Gutenberg-Bl\u00f6cke in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#Como-importar-bloques-de-Gutenberg-en-WordPress\" >So importieren Sie Gutenberg-Bl\u00f6cke in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/como-exportar-e-importar-bloques-de-gutenberg-en-wordpress\/#%C2%BFExisten-complementos-para-exportar-bloques-de-Gutenberg\" >Gibt es Plugins zum Exportieren von Gutenberg-Bl\u00f6cken?<\/a><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>Am Anfang hatten WordPress-Benutzer eine bitters\u00fc\u00dfe Beziehung zum blockbasierten WordPress-Builder. Wie wir in unserem Gutenberg-Handbuch festgestellt haben, verf\u00fcgt der neue Editor \u00fcber erstaunliche Funktionen, die das Erstellen sch\u00f6ner Inhalte einfach und unterhaltsam machen. Jetzt k\u00f6nnen einige nicht genug vom Editor bekommen.<\/p>\n<p>Gutenberg bietet Ihnen gen\u00fcgend Funktionen, um bemerkenswerte Seiten und Beitr\u00e4ge zu erstellen, ohne Code schreiben zu m\u00fcssen. Egal welchen Inhalt Sie hinzuf\u00fcgen m\u00f6chten, Gutenberg hat nur den Block.<\/p>\n<p>M\u00f6chten Sie jeden Inhaltsblock umfassend \u00e4ndern und gestalten? Gutenberg hat dank einer Reihe von Anpassungsoptionen den R\u00fccken frei. M\u00f6chten Sie noch mehr Bl\u00f6cke als im Standardeditor verf\u00fcgbar sind? Es gibt eine Menge Gutenberg-Add-Ons.<\/p>\n<p>Deshalb ist es traurig, dass viele Benutzer es nicht wissen <strong>Wiederverwendbare Bl\u00f6cke<\/strong>, eine von Gutenbergs brillanten Eigenschaften. Wenn Sie keine Ahnung haben, wovon wir sprechen, sind wiederverwendbare Bl\u00f6cke einfach <strong>Inhalt <\/strong><strong>Bl\u00f6cke, die Sie nach Belieben erstellen, speichern und wiederverwenden<\/strong>.<\/p>\n<p>Angenommen, Sie m\u00f6chten einen Aufruf zum Handeln hinzuf\u00fcgen. Vielen Dank, Notiz, Unterschrift, Formular oder etwas anderes am Ende jedes Beitrags oder jeder Seite.<\/p>\n<p>In der Vergangenheit mussten Sie die Funktion in einer Textdatei auf Ihrem Computer speichern. Wenn Sie es brauchen, kopieren Sie es und f\u00fcgen es in Ihren Beitrag oder Ihre Seite ein. Gutenberg hat dieses Problem gelindert. Jetzt m\u00fcssen Sie nicht mehr jedes Mal Textdateien verwenden oder dieselben Bl\u00f6cke von Grund auf neu erstellen.<\/p>\n<p>Sie k\u00f6nnen einen einzelnen wiederverwendbaren Block erstellen und ihn nicht nur f\u00fcr Ihre Beitr\u00e4ge und Seiten, sondern gleichzeitig auch f\u00fcr andere WordPress-Websites verwenden.<\/p>\n<p>Unabh\u00e4ngig davon, ob Sie viele Websites erstellen oder jedem Beitrag \/ jeder Seite spezielle Inhalte hinzuf\u00fcgen m\u00fcssen, k\u00f6nnen Sie mit wiederverwendbaren Gutenberg-Bl\u00f6cken viel Zeit sparen.<\/p>\n<p>Und im heutigen Beitrag zeigen wir Ihnen genau, wie Sie wiederverwendbare Gutenberg-Bl\u00f6cke in WordPress erstellen und exportieren. Unser Ziel ist es, Ihnen dabei zu helfen, benutzerdefinierte Inhaltsbl\u00f6cke \u00fcber mehrere WordPress-Beitr\u00e4ge \/ Seiten \/ Websites hinweg problemlos zu verschieben und wiederzuverwenden.<\/p>\n<div class=\"gray-box\">\n<p><strong>Au\u00dferdem:<\/strong> Wenn Sie einen Block mit einem Plugin wie Getwid erstellen, m\u00fcssen Sie das Plugin auf den anderen WordPress-Sites installieren, auf denen Sie diesen Block wiederverwenden m\u00f6chten. Denken Sie gleichzeitig daran, dass Ihre Bl\u00f6cke von Thema zu Thema leicht unterschiedlich aussehen k\u00f6nnen, aber das ist alles gut, weil Gutenberg Ihnen viel Anpassungsm\u00f6glichkeiten bietet.<\/p>\n<\/div>\n<p>Das aus dem Weg, eine Tasse Kaffee trinken und viel Spa\u00df beim Lesen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"En-primer-lugar-necesita-bloques-reutilizables\"><\/span>Zun\u00e4chst ben\u00f6tigen Sie wiederverwendbare Bl\u00f6cke<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Leider k\u00f6nnen Sie nicht exportieren oder importieren <strong>regul\u00e4r<\/strong> Bl\u00f6cke. Um Gutenberg-Bl\u00f6cke zu exportieren und zu importieren, m\u00fcssen Sie zuerst erstellen <strong>wiederverwendbar<\/strong> Bl\u00f6cke.<\/p>\n<p>Zur Veranschaulichung werde ich eine erstellen <em>Dankesch\u00f6n<\/em> was ich am Ende jedes von mir ver\u00f6ffentlichten Beitrags hinzuf\u00fcgen m\u00f6chte. Wei\u00dft du, ohne die Notiz jedes Mal neu zu schreiben, wenn ich sie einem Beitrag hinzuf\u00fcgen muss :)<\/p>\n<p>Mich <em>Dankesch\u00f6n<\/em> es ist \u00fcberhaupt nicht komplex; Nur ein einfacher Absatzblock mit Links zu Twitter und Facebook. Beachten Sie, dass Ihr Block alles sein kann, was Sie m\u00f6chten: ein Werbebanner, ein Bildschieberegler, ein Zitat, eine Liste, die neuesten Beitr\u00e4ge, ein MailChimp-Formular usw.<\/p>\n<p>Sp\u00e4ter werde ich Ihnen zeigen, wie Sie die Notiz (Lesen, Blockieren) auf eine zweite WordPress-Website exportieren. H\u00f6rt sich gut an? Gro\u00dfartig, lass uns anfangen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Como-crear-un-bloque-reutilizable\"><\/span>So erstellen Sie einen wiederverwendbaren Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Das Erstellen eines wiederverwendbaren Blocks ist unglaublich einfach. Navigieren Sie zu <strong>Ver\u00f6ffentlichungen&gt; Neu hinzuf\u00fcgen<\/strong> So starten Sie den Gutenberg-Editor:<\/p>\n<p><img alt='Hinzuf\u00fcgen eines neuen WordPress-Post-9797568' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-new-wordpress-post-9797568.png' width=\"1025\" height=\"544\"><\/p>\n<p>Dann klicken Sie auf die <strong>Block hinzuf\u00fcgen<\/strong><strong> (+)<\/strong> und w\u00e4hlen Sie dann Ihren Inhaltsblock. In unserem Fall habe ich den Absatzblock hinzugef\u00fcgt, wie im folgenden Bild gezeigt.<\/p>\n<p><img alt='Hinzuf\u00fcgen-Gutenberg-Block-2000385' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-gutenberg-block-2000385.png' width=\"1027\" height=\"544\"><\/p>\n<p>Passen Sie anschlie\u00dfend Ihren Block an Ihre Bed\u00fcrfnisse an und gestalten Sie ihn entsprechend Ihren Anforderungen. Ich habe Text, Links zu sozialen Netzwerken und Hintergrundfarben hinzugef\u00fcgt. So ist unser neuer Block, gleichzeitig bekannt als <em>Dankesch\u00f6n<strong> <\/strong><\/em>schau in meinen Gutenberg-Editor:<\/p>\n<p><img alt='danke-note-block-beispiel-3684124' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/thank-you-note-block-example-3684124.png' width=\"1130\" height=\"544\"><\/p>\n<p>Sehr netter John Doe. Sehr sch\u00f6n. Jetzt werde ich wahrscheinlich Ihrem Blog in den sozialen Medien folgen. \ud83d\ude42 Schneller Vorlauf.<\/p>\n<p>Im Moment ist die obige Anmerkung a <strong>regul\u00e4r<\/strong> blockieren. Wir m\u00fcssen daraus ein machen <strong>wiederverwendbar<\/strong> Block, den wir exportieren und importieren k\u00f6nnen. Klicken Sie dazu auf die <strong>Mehr Optionen<\/strong> Symbol und dann <strong>Zu wiederverwendbaren Bl\u00f6cken hinzuf\u00fcgen<\/strong>, Wie nachfolgend dargestellt.<\/p>\n<p><img alt='Erstellen eines wiederverwendbaren Blocks 2405314' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/creating-reusable-block-2405314.png' width=\"1129\" height=\"542\"><\/p>\n<p>Benennen Sie als N\u00e4chstes Ihren wiederverwendbaren Block und dr\u00fccken Sie die Taste <strong>speichern<\/strong> Schaltfl\u00e4che, wie unten gezeigt.<\/p>\n<p><img alt='naming-reusable-gutenberg-block-5246425' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/naming-reusable-gutenberg-block-5246425.png' width=\"1130\" height=\"544\"><\/p>\n<p>Und das war&#039;s, Sie haben gerade Ihren ersten wiederverwendbaren Block erstellt. So wirst du ein Freund.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Como-utilizar-bloques-reutilizables\"><\/span>Verwendung wiederverwendbarer Bl\u00f6cke<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Das Hinzuf\u00fcgen des wiederverwendbaren Blocks, den wir gerade erstellt haben, zu Ihren Posts oder Seiten ist \u00e4u\u00dferst einfach. Wenn Sie Ihrem Beitrag oder Ihrer Seite den erforderlichen Inhalt hinzugef\u00fcgt haben, klicken Sie auf <strong>Block hinzuf\u00fcgen (+)<\/strong> , scrollen Sie zu <strong>Wiederverwendbare Bl\u00f6cke<\/strong> Klicken Sie auf die Registerkarte und w\u00e4hlen Sie Ihren Block aus (danke in unserem Fall), wie unten gezeigt.<\/p>\n<p><img alt='gutenberg-wiederverwendbarer-block-5142090' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/gutenberg-reusable-block-5142090.png' width=\"1019\" height=\"544\"><\/p>\n<p>Klicken Sie nach dem Hinzuf\u00fcgen des Arbeitsblocks zu Ihrem Beitrag oder Ihrer Seite auf <strong>Voraus \/<\/strong><strong>Zu posten<\/strong> um Ihre Ergebnisse im Frontend zu sehen. Das habe ich bekommen:<\/p>\n<p><img alt='gutenberg-wiederverwendbarer-block-in-action-4195795' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/gutenberg-reusable-block-in-action-4195795.png' width=\"1038\" height=\"2068\"><\/p>\n<p>Auf meiner Testseite wird das Thema Twenty Twenty ausgef\u00fchrt.<\/p>\n<p>Das Beste daran ist, dass ich meine wiederverwenden kann <em>Dankesch\u00f6n<\/em> Sie k\u00f6nnen jederzeit sperren, ohne es von Grund auf neu erstellen zu m\u00fcssen. Ich kann es allen Beitragstypen hinzuf\u00fcgen, die Gutenberg-Bl\u00f6cke unterst\u00fctzen.<\/p>\n<p>Nachdem Sie nun wissen, wie Sie wiederverwendbare Bl\u00f6cke erstellen und verwenden, erfahren Sie mehr dar\u00fcber, wie Sie diese Bl\u00f6cke auf eine andere WordPress-Website exportieren. Um Verwirrung zu vermeiden, werde ich denselben Block verwenden, den wir gerade erstellt haben.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Como-exportar-bloques-de-Gutenberg-en-WordPress\"><\/span>So exportieren Sie Gutenberg-Bl\u00f6cke in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Exportieren eines wiederverwendbaren Gutenberg-Blocks ist eine Sache der vierten Klasse, die in k\u00fcrzester Zeit erledigt werden kann.<\/p>\n<p><strong>Was ist zu tun?<\/strong><\/p>\n<p>Klicken Sie im Gutenberg-Editor auf <strong>Weitere Tools und Optionen<\/strong> Symbol und dann <strong>Verwalten Sie alle wiederverwendbaren Bl\u00f6cke<\/strong>, wie wir unten hervorheben:<\/p>\n<p><img alt='verwalte-wiederverwendbare-Bl\u00f6cke-4197107' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/manage-reusable-blocks-4197107.png' width=\"1020\" height=\"580\"><\/p>\n<p>Wenn Sie dies tun, gelangen Sie zum <strong>Bl\u00f6cke<\/strong> Bildschirm, auf dem Sie alle wiederverwendbaren Bl\u00f6cke anzeigen und verwalten k\u00f6nnen:<\/p>\n<p><img alt='Blocks-Manager-6447509' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/blocks-manager-6447509.png' width=\"1024\" height=\"572\"><\/p>\n<p>Wir haben nur die <strong>Dankesch\u00f6n<\/strong> blockieren, aber der obige Bildschirm wird ausgef\u00fcllt, wenn Sie mehr erstellen. Bewegen Sie den Mauszeiger \u00fcber den Titel und klicken Sie auf <strong>Als JSON exportieren<\/strong> Link, der angezeigt wird. Siehe das Bild unten.<\/p>\n<p><img alt='export-as-json-4903236' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/export-as-json-4903236.png' width=\"1018\" height=\"575\"><\/p>\n<p>Speichern Sie anschlie\u00dfend die JSON-Datei auf Ihrem Computer:<\/p>\n<p><img alt='Speichern Sie die JSON-Datei auf Ihrem Computer 4041330' loading=\"lazy\" class=\"aligncenter\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/save-json-file-to-your-computer-4041330.png' width=\"669\" height=\"613\"><\/p>\n<p>Nachdem wir die JSON-Datei auf Ihrem Computer haben, ist es Zeit, den Block in unsere zweite Testsite zu importieren.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Como-importar-bloques-de-Gutenberg-en-WordPress\"><\/span>So importieren Sie Gutenberg-Bl\u00f6cke in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Importieren Ihrer wiederverwendbaren Bl\u00f6cke ist so einfach wie A, B, C. \u00d6ffnen Sie zun\u00e4chst den Gutenberg-Editor. Zweitens klicken Sie auf die <strong>Weitere Tools und Optionen<\/strong> Symbol und dann <strong>Verwalten Sie alle wiederverwendbaren Bl\u00f6cke<\/strong>, Wie nachfolgend dargestellt.<\/p>\n<p><img alt='Managing-Gutenberg-wiederverwendbare-Bl\u00f6cke-8965439' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/manage-gutenberg-reusable-blocks-8965439.png' width=\"1023\" height=\"568\"><\/p>\n<p>\u00dcber ihn <strong>Bl\u00f6cke<\/strong> Klicken Sie auf den folgenden Bildschirm <strong>Import aus JSON<\/strong>W\u00e4hlen Sie die zuvor heruntergeladene Datei aus und dr\u00fccken Sie die Taste <strong>importieren<\/strong> Schaltfl\u00e4che in dieser Reihenfolge:<\/p>\n<p><img alt='Import-Gutenberg-Bl\u00f6cke-9416048' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/importing-gutenberg-blocks-9416048.png' width=\"1020\" height=\"569\"><\/p>\n<p>Und das ist! Sie haben also erfolgreich einen wiederverwendbaren Gutenberg-Block in Ihre zweite WordPress-Site importiert:<\/p>\n<p><img alt='importiert-7630202' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/imported-7630202.png' width=\"1028\" height=\"404\"><\/p>\n<p>War es nicht so einfach? Anschlie\u00dfend k\u00f6nnen Sie Ihren Gutenberg-Block auf der zweiten Website beliebig oft verwenden und wiederverwenden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFExisten-complementos-para-exportar-bloques-de-Gutenberg\"><\/span>Gibt es Plugins zum Exportieren von Gutenberg-Bl\u00f6cken?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Oh ja, und ich habe einen von ThemeIsle gefunden, einem seri\u00f6sen WordPress-Entwickler. Es ist ein kostenloses Plugin, bekannt als <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/blocks-export-import\/\">Export export blockieren.<\/a> Im Wesentlichen erm\u00f6glicht das Plugin das \u00dcberspringen des gesamten Tutorials. Ja das ist richtig; Sie m\u00fcssen nicht einmal wiederverwendbare Bl\u00f6cke erstellen.<\/p>\n<p>Installieren und aktivieren Sie das Plugin und \u00f6ffnen Sie den Gutenberg-Editor. Gestalten Sie Ihren Block nach Ihren W\u00fcnschen und klicken Sie dann auf <strong>Mehr Optionen<\/strong> Symbol. Dr\u00fccken Sie dann die <strong>JSON exportieren<\/strong>, Wie nachfolgend dargestellt. Hier ist der Screenshot:<\/p>\n<p><img alt='Bl\u00f6cke-Export-Import-8822663' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/blocks-export-import-8822663.png' width=\"1020\" height=\"560\"><\/p>\n<p>Dadurch wird die JSON-Datei auf Ihren Computer heruntergeladen. \u00d6ffnen Sie den Gutenberg-Editor, um die JSON-Datei mit dem Plugin zu importieren. Dann klicken Sie auf die <strong>Block hinzuf\u00fcgen<\/strong> Symbol und dann <strong>Importieren Sie Bl\u00f6cke aus JSON<\/strong> unter dem <strong>Widgets<\/strong> Zunge:<\/p>\n<p><img alt='Import-Plugin-7691451' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-plugin-7691451.png' width=\"1002\" height=\"535\"><\/p>\n<p>Danach klicken Sie auf <strong>Datei w\u00e4hlen<\/strong> um die Datei von Ihrem Computer auszuw\u00e4hlen und dr\u00fccken Sie die Taste <strong>Erhebt euch<\/strong> Taste:<\/p>\n<p><img alt='Upload-Block-1541701' loading=\"lazy\" class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uploading-block-1541701.png' width=\"1025\" height=\"457\"><\/p>\n<p>Das einzige Problem mit der Plugin-Methode ist, dass Ihre Bl\u00f6cke nicht auf Ihrer WordPress-Site gespeichert werden. Um Bl\u00f6cke in Ihrer WordPress-Datenbank zu speichern, m\u00fcssen Sie die manuelle Methode verwenden. Vielleicht wird sich das in Zukunft \u00e4ndern.<\/p>\n<p>Leider konnte ich kein anderes Plugin finden. Trotzdem kann das Plugin Ihnen viel Zeit sparen, wenn es Ihnen nichts ausmacht, wiederverwendbare Bl\u00f6cke auf Ihrer Website zu speichern. Sie haben die Bl\u00f6cke als JSON-Dateien auf Ihrem Computer.<\/p>\n<hr>\n<p>Die wiederverwendbaren Gutenberg-Bl\u00f6cke sind ein Lebensretter. Mit ihnen k\u00f6nnen Sie Vorlagen und Funktionen schnell replizieren, da Sie nicht bei Null anfangen. Wenn Sie viele Posts \/ Seiten und \/ oder Websites erstellen, reicht es aus, zu lernen, wie man Gutenberg-Bl\u00f6cke exportiert.<\/p>\n<p>Haben Sie Fragen oder Anregungen zu Gutenberg-Bl\u00f6cken? Bitte lassen Sie es uns in den Kommentaren unten wissen.<\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\n    \"@context\": \"http:\\\/\\\/schema.org\",\n    \"@type\": \"BlogPosting\",\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/www.wpexplorer.com\\\/export-import-gutenberg-blocks\\\/\"\n    },\n    \"headline\": \"How to Export and Import Gutenberg Blocks in WordPress\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/uploads\\\/import-export-gutenberg-blocks-wordpress.jpg\",\n        \"width\": 1000,\n        \"height\": 500\n    },\n    \"datePublished\": \"2020-05-22T18:49:55-06:00\",\n    \"dateModified\": \"2020-05-22T18:50:01-06:00\",\n    \"author\": {\n        \"type\": \"Person\",\n        \"name\": \"Freddy\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"R Marketing Digital\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/themes\\\/wpexplorer\\\/images\\\/wpexplorer-organization-logo.png\",\n            \"width\": 400,\n            \"height\": 60\n        }\n    },\n    \"description\": \"Learn how to export and import Gutenberg blocks your've created to reuse on any WordPress site and speed up your content creation process.\"\n}<\/script><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Al principio, los usuarios de WordPress ten\u00edan una relaci\u00f3n agridulce con el constructor basado en bloques de WordPress. Posteriormente, como descubrimos en nuestra gu\u00eda de Gutenberg, el nuevo editor viene&#8230;<\/p>","protected":false},"author":1,"featured_media":90658,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[1411],"class_list":["post-90657","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress","tag-twitter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>C\u00f3mo exportar e importar bloques de Gutenberg en WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Al principio, los usuarios de WordPress ten\u00edan una relaci\u00f3n agridulce con el constructor basado en bloques de WordPress. Posteriormente, como descubrimos\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo exportar e importar bloques de Gutenberg en WordPress\" \/>\n<meta property=\"og:description\" content=\"Al principio, los usuarios de WordPress ten\u00edan una relaci\u00f3n agridulce con el constructor basado en bloques de WordPress. Posteriormente, como descubrimos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-06T12:58:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"C\u00f3mo exportar e importar bloques de Gutenberg en WordPress\",\"datePublished\":\"2022-07-06T12:58:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/\"},\"wordCount\":1540,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/import-export-gutenberg-blocks-wordpress-1573105.jpg\",\"keywords\":[\"Twitter\"],\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/\",\"name\":\"C\u00f3mo exportar e importar bloques de Gutenberg en WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/import-export-gutenberg-blocks-wordpress-1573105.jpg\",\"datePublished\":\"2022-07-06T12:58:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Al principio, los usuarios de WordPress ten\u00edan una relaci\u00f3n agridulce con el constructor basado en bloques de WordPress. Posteriormente, como descubrimos\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/how-to-export-and-import-gutenberg-blocks-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/import-export-gutenberg-blocks-wordpress-1573105.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/import-export-gutenberg-blocks-wordpress-1573105.jpg\",\"width\":1000,\"height\":500,\"caption\":\"import-export-gutenberg-blocks-wordpress-1573105-8040506-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"So exportieren und importieren Sie Gutenberg-Bl\u00f6cke in WordPress \u2013 R Marketing Digital","description":"Am Anfang hatten WordPress-Benutzer eine bitters\u00fc\u00dfe Beziehung zum blockbasierten WordPress-Builder. Sp\u00e4ter, wie wir festgestellt haben","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/","og_locale":"de_DE","og_type":"article","og_title":"C\u00f3mo exportar e importar bloques de Gutenberg en WordPress","og_description":"Al principio, los usuarios de WordPress ten\u00edan una relaci\u00f3n agridulce con el constructor basado en bloques de WordPress. Posteriormente, como descubrimos","og_url":"https:\/\/rmarketingdigital.com\/de\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-06T12:58:49+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"C\u00f3mo exportar e importar bloques de Gutenberg en WordPress","datePublished":"2022-07-06T12:58:49+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/"},"wordCount":1540,"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg","keywords":["Twitter"],"articleSection":["Wordpress"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/","url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/","name":"So exportieren und importieren Sie Gutenberg-Bl\u00f6cke in WordPress \u2013 R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg","datePublished":"2022-07-06T12:58:49+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Am Anfang hatten WordPress-Benutzer eine bitters\u00fc\u00dfe Beziehung zum blockbasierten WordPress-Builder. Sp\u00e4ter, wie wir festgestellt haben","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/how-to-export-and-import-gutenberg-blocks-in-wordpress\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/import-export-gutenberg-blocks-wordpress-1573105.jpg","width":1000,"height":500,"caption":"import-export-gutenberg-blocks-wordpress-1573105-8040506-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/90657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=90657"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/90657\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/90658"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=90657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=90657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=90657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}