Am Anfang hatten WordPress-Benutzer eine bittersüße Beziehung zum blockbasierten WordPress-Builder. Wie wir in unserem Gutenberg-Handbuch festgestellt haben, verfügt der neue Editor über erstaunliche Funktionen, die das Erstellen schöner Inhalte einfach und unterhaltsam machen. Jetzt können einige nicht genug vom Editor bekommen.
Gutenberg bietet Ihnen genügend Funktionen, um bemerkenswerte Seiten und Beiträge zu erstellen, ohne Code schreiben zu müssen. Egal welchen Inhalt Sie hinzufügen möchten, Gutenberg hat nur den Block.
Möchten Sie jeden Inhaltsblock umfassend ändern und gestalten? Gutenberg hat dank einer Reihe von Anpassungsoptionen den Rücken frei. Möchten Sie noch mehr Blöcke als im Standardeditor verfügbar sind? Es gibt eine Menge Gutenberg-Add-Ons.
Deshalb ist es traurig, dass viele Benutzer es nicht wissen Wiederverwendbare Blöcke, eine von Gutenbergs brillanten Eigenschaften. Wenn Sie keine Ahnung haben, wovon wir sprechen, sind wiederverwendbare Blöcke einfach Inhalt Blöcke, die Sie nach Belieben erstellen, speichern und wiederverwenden.
Angenommen, Sie möchten einen Aufruf zum Handeln hinzufügen. Vielen Dank, Notiz, Unterschrift, Formular oder etwas anderes am Ende jedes Beitrags oder jeder Seite.
In der Vergangenheit mussten Sie die Funktion in einer Textdatei auf Ihrem Computer speichern. Wenn Sie es brauchen, kopieren Sie es und fügen es in Ihren Beitrag oder Ihre Seite ein. Gutenberg hat dieses Problem gelindert. Jetzt müssen Sie nicht mehr jedes Mal Textdateien verwenden oder dieselben Blöcke von Grund auf neu erstellen.
Sie können einen einzelnen wiederverwendbaren Block erstellen und ihn nicht nur für Ihre Beiträge und Seiten, sondern gleichzeitig auch für andere WordPress-Websites verwenden.
Unabhängig davon, ob Sie viele Websites erstellen oder jedem Beitrag / jeder Seite spezielle Inhalte hinzufügen müssen, können Sie mit wiederverwendbaren Gutenberg-Blöcken viel Zeit sparen.
Und im heutigen Beitrag zeigen wir Ihnen genau, wie Sie wiederverwendbare Gutenberg-Blöcke in WordPress erstellen und exportieren. Unser Ziel ist es, Ihnen dabei zu helfen, benutzerdefinierte Inhaltsblöcke über mehrere WordPress-Beiträge / Seiten / Websites hinweg problemlos zu verschieben und wiederzuverwenden.
Außerdem: Wenn Sie einen Block mit einem Plugin wie Getwid erstellen, müssen Sie das Plugin auf den anderen WordPress-Sites installieren, auf denen Sie diesen Block wiederverwenden möchten. Denken Sie gleichzeitig daran, dass Ihre Blöcke von Thema zu Thema leicht unterschiedlich aussehen können, aber das ist alles gut, weil Gutenberg Ihnen viel Anpassungsmöglichkeiten bietet.
Das aus dem Weg, eine Tasse Kaffee trinken und viel Spaß beim Lesen.
Zunächst benötigen Sie wiederverwendbare Blöcke
Leider können Sie nicht exportieren oder importieren regulär Blöcke. Um Gutenberg-Blöcke zu exportieren und zu importieren, müssen Sie zuerst erstellen wiederverwendbar Blöcke.
Zur Veranschaulichung werde ich eine erstellen Dankeschön was ich am Ende jedes von mir veröffentlichten Beitrags hinzufügen möchte. Weißt du, ohne die Notiz jedes Mal neu zu schreiben, wenn ich sie einem Beitrag hinzufügen muss :)
Mich Dankeschön es ist überhaupt nicht komplex; Nur ein einfacher Absatzblock mit Links zu Twitter und Facebook. Beachten Sie, dass Ihr Block alles sein kann, was Sie möchten: ein Werbebanner, ein Bildschieberegler, ein Zitat, eine Liste, die neuesten Beiträge, ein MailChimp-Formular usw.
Später werde ich Ihnen zeigen, wie Sie die Notiz (Lesen, Blockieren) auf eine zweite WordPress-Website exportieren. Hört sich gut an? Großartig, lass uns anfangen.
So erstellen Sie einen wiederverwendbaren Block
Das Erstellen eines wiederverwendbaren Blocks ist unglaublich einfach. Navigieren Sie zu Veröffentlichungen> Neu hinzufügen So starten Sie den Gutenberg-Editor:
Dann klicken Sie auf die Block hinzufügen (+) und wählen Sie dann Ihren Inhaltsblock. In unserem Fall habe ich den Absatzblock hinzugefügt, wie im folgenden Bild gezeigt.
Passen Sie anschließend Ihren Block an Ihre Bedürfnisse an und gestalten Sie ihn entsprechend Ihren Anforderungen. Ich habe Text, Links zu sozialen Netzwerken und Hintergrundfarben hinzugefügt. So ist unser neuer Block, gleichzeitig bekannt als Dankeschön schau in meinen Gutenberg-Editor:
Sehr netter John Doe. Sehr schön. Jetzt werde ich wahrscheinlich Ihrem Blog in den sozialen Medien folgen. 🙂 Schneller Vorlauf.
Im Moment ist die obige Anmerkung a regulär blockieren. Wir müssen daraus ein machen wiederverwendbar Block, den wir exportieren und importieren können. Klicken Sie dazu auf die Mehr Optionen Symbol und dann Zu wiederverwendbaren Blöcken hinzufügen, Wie nachfolgend dargestellt.
Benennen Sie als Nächstes Ihren wiederverwendbaren Block und drücken Sie die Taste speichern Schaltfläche, wie unten gezeigt.
Und das war's, Sie haben gerade Ihren ersten wiederverwendbaren Block erstellt. So wirst du ein Freund.
Verwendung wiederverwendbarer Blöcke
Das Hinzufügen des wiederverwendbaren Blocks, den wir gerade erstellt haben, zu Ihren Posts oder Seiten ist äußerst einfach. Wenn Sie Ihrem Beitrag oder Ihrer Seite den erforderlichen Inhalt hinzugefügt haben, klicken Sie auf Block hinzufügen (+) , scrollen Sie zu Wiederverwendbare Blöcke Klicken Sie auf die Registerkarte und wählen Sie Ihren Block aus (danke in unserem Fall), wie unten gezeigt.
Klicken Sie nach dem Hinzufügen des Arbeitsblocks zu Ihrem Beitrag oder Ihrer Seite auf Voraus /Zu posten um Ihre Ergebnisse im Frontend zu sehen. Das habe ich bekommen:
Auf meiner Testseite wird das Thema Twenty Twenty ausgeführt.
Das Beste daran ist, dass ich meine wiederverwenden kann Dankeschön Sie können jederzeit sperren, ohne es von Grund auf neu erstellen zu müssen. Ich kann es allen Beitragstypen hinzufügen, die Gutenberg-Blöcke unterstützen.
Nachdem Sie nun wissen, wie Sie wiederverwendbare Blöcke erstellen und verwenden, erfahren Sie mehr darüber, wie Sie diese Blöcke auf eine andere WordPress-Website exportieren. Um Verwirrung zu vermeiden, werde ich denselben Block verwenden, den wir gerade erstellt haben.
So exportieren Sie Gutenberg-Blöcke in WordPress
Das Exportieren eines wiederverwendbaren Gutenberg-Blocks ist eine Sache der vierten Klasse, die in kürzester Zeit erledigt werden kann.
Was ist zu tun?
Klicken Sie im Gutenberg-Editor auf Weitere Tools und Optionen Symbol und dann Verwalten Sie alle wiederverwendbaren Blöcke, wie wir unten hervorheben:
Wenn Sie dies tun, gelangen Sie zum Blöcke Bildschirm, auf dem Sie alle wiederverwendbaren Blöcke anzeigen und verwalten können:
Wir haben nur die Dankeschön blockieren, aber der obige Bildschirm wird ausgefüllt, wenn Sie mehr erstellen. Bewegen Sie den Mauszeiger über den Titel und klicken Sie auf Als JSON exportieren Link, der angezeigt wird. Siehe das Bild unten.
Speichern Sie anschließend die JSON-Datei auf Ihrem Computer:
Nachdem wir die JSON-Datei auf Ihrem Computer haben, ist es Zeit, den Block in unsere zweite Testsite zu importieren.
So importieren Sie Gutenberg-Blöcke in WordPress
Das Importieren Ihrer wiederverwendbaren Blöcke ist so einfach wie A, B, C. Öffnen Sie zunächst den Gutenberg-Editor. Zweitens klicken Sie auf die Weitere Tools und Optionen Symbol und dann Verwalten Sie alle wiederverwendbaren Blöcke, Wie nachfolgend dargestellt.
Über ihn Blöcke Klicken Sie auf den folgenden Bildschirm Import aus JSONWählen Sie die zuvor heruntergeladene Datei aus und drücken Sie die Taste importieren Schaltfläche in dieser Reihenfolge:
Und das ist! Sie haben also erfolgreich einen wiederverwendbaren Gutenberg-Block in Ihre zweite WordPress-Site importiert:
War es nicht so einfach? Anschließend können Sie Ihren Gutenberg-Block auf der zweiten Website beliebig oft verwenden und wiederverwenden.
Gibt es Plugins zum Exportieren von Gutenberg-Blöcken?
Oh ja, und ich habe einen von ThemeIsle gefunden, einem seriösen WordPress-Entwickler. Es ist ein kostenloses Plugin, bekannt als Export export blockieren. Im Wesentlichen ermöglicht das Plugin das Überspringen des gesamten Tutorials. Ja das ist richtig; Sie müssen nicht einmal wiederverwendbare Blöcke erstellen.
Installieren und aktivieren Sie das Plugin und öffnen Sie den Gutenberg-Editor. Gestalten Sie Ihren Block nach Ihren Wünschen und klicken Sie dann auf Mehr Optionen Symbol. Drücken Sie dann die JSON exportieren, Wie nachfolgend dargestellt. Hier ist der Screenshot:
Dadurch wird die JSON-Datei auf Ihren Computer heruntergeladen. Öffnen Sie den Gutenberg-Editor, um die JSON-Datei mit dem Plugin zu importieren. Dann klicken Sie auf die Block hinzufügen Symbol und dann Importieren Sie Blöcke aus JSON unter dem Widgets Zunge:
Danach klicken Sie auf Datei wählen um die Datei von Ihrem Computer auszuwählen und drücken Sie die Taste Erhebt euch Taste:
Das einzige Problem mit der Plugin-Methode ist, dass Ihre Blöcke nicht auf Ihrer WordPress-Site gespeichert werden. Um Blöcke in Ihrer WordPress-Datenbank zu speichern, müssen Sie die manuelle Methode verwenden. Vielleicht wird sich das in Zukunft ändern.
Leider konnte ich kein anderes Plugin finden. Trotzdem kann das Plugin Ihnen viel Zeit sparen, wenn es Ihnen nichts ausmacht, wiederverwendbare Blöcke auf Ihrer Website zu speichern. Sie haben die Blöcke als JSON-Dateien auf Ihrem Computer.
Die wiederverwendbaren Gutenberg-Blöcke sind ein Lebensretter. Mit ihnen können 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öcke exportiert.
Haben Sie Fragen oder Anregungen zu Gutenberg-Blöcken? Bitte lassen Sie es uns in den Kommentaren unten wissen.
