Technologische Neuigkeiten, Bewertungen und Tipps!
  • Home
  • Apps
  • Spiele
  • Smartphone
  • Gadgets

Technologische Neuigkeiten, Bewertungen und Tipps!

  • Home
  • Apps
  • Spiele
  • Smartphone
  • Gadgets

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress

by admin3739 05/23/2020

  

Am Anfang hatten WordPress-Benutzer eine bittersüße Beziehung zum blockbasierten WordPress-Generator. 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 haben einige möglicherweise nicht genug vom Editor.

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 unterstützt Sie dank einer Reihe von Anpassungsoptionen. Möchten Sie noch mehr Blöcke als im Standardeditor verfügbar sind? Es gibt viele zusätzliche Gutenberg-Plugins.

Es ist also traurig, dass viele Benutzer es nicht wissen Wiederverwendbare Blöcke, eines der brillanten Merkmale von Gutenberg. 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 am Ende jedes Beitrags oder jeder Seite einen Aufruf zum Handeln, einen Dankesbrief, eine Unterschrift, ein Formular oder etwas anderes hinzufügen.

In der Vergangenheit mussten Sie die Funktion in einer Textdatei auf Ihrem Computer speichern. Wenn Sie es gebraucht haben, haben Sie es kopiert und in Ihren Beitrag oder Ihre Seite eingefügt. Gutenberg hat dieses Problem gelindert. Jetzt müssen Sie nicht 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 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.

Ein Teil: 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. Beachten Sie auch, dass Ihre Blöcke von Thema zu Thema leicht unterschiedlich aussehen können, aber alles in Ordnung ist, da Gutenberg Ihnen viele Anpassungsmöglichkeiten bietet.

Nehmen Sie sich eine Tasse Kaffee und genießen Sie das 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 einen Dankesbrief erstellen, den ich am Ende jedes Beitrags, den ich poste, hinzufügen möchte. Sie wissen, ohne die Notiz jedes Mal neu zu schreiben, wenn ich sie einem Beitrag hinzufügen muss 🙂

Mein Dankeschön ist überhaupt nicht komplex; nur ein einfacher Absatzblock mit Links zu Twitter und Facebook. Denken Sie daran, dass Ihr Block beliebig sein kann: ein Werbebanner, ein Bildschieberegler, ein Zitat, eine Liste, die neuesten Beiträge, das 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:

Fügen Sie einen neuen WordPress-Beitrag hinzu

Dann klicken Sie auf Block hinzufügen (+) Symbol und wählen Sie dann Ihren Inhaltsblock. In unserem Fall habe ich den Absatzblock hinzugefügt, wie im folgenden Bild gezeigt.

Gutenberg-Block in WordPress hinzufügen

Passen Sie danach Ihren Block an Ihre Bedürfnisse an. Ich habe Text, Social Media Links und Hintergrundfarbe hinzugefügt. So wird unser neuer Block auch als Dankeschön bezeichnet schau in meinen Gutenberg-Editor:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 2

Sehr süßer John Doe. Sehr schön. Jetzt werde ich wahrscheinlich Ihrem Blog in den sozialen Medien folgen.

Im Moment ist die vorherige Note 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.

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 3

Benennen Sie dann Ihren wiederverwendbaren Block und drücken Sie die Taste speichern Schaltfläche, wie unten gezeigt.

wiederverwendbare gutenberg block nomenklatur

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 (+) Symbol, 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.

wiederverwendbarer gutenberg block

Nachdem Sie den Scratch-Block zu Ihrem Beitrag oder Ihrer Seite hinzugefügt haben, drücken Sie die Taste Voraus /Zu posten Klicken Sie auf die Schaltfläche, um Ihre Ergebnisse im Frontend anzuzeigen. Das habe ich bekommen:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 4

Auf meiner Testseite wird das Thema Twenty Twenty ausgeführt.

Das Beste daran ist, dass ich meinen Dankesnotizblock jederzeit wiederverwenden kann, ohne ihn 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

Der Export eines wiederverwendbaren Gutenberg-Blocks ist für Viertklässler in kürzester Zeit erledigt.

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:

Verwalten Sie alle wiederverwendbaren Blöcke

Dies führt Sie zum Blöcke Bildschirm, auf dem Sie alle wiederverwendbaren Blöcke sehen und verwalten können:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 5

Wir haben nur die Dankeschön blockieren, aber der vorherige Bildschirm wird ausgefüllt, wenn Sie mehr erstellen. Bewegen Sie zum Exportieren den Mauszeiger über den Titel und klicken Sie auf Als JSON exportieren Link, der angezeigt wird. Siehe das Bild unten.

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 6

Speichern Sie dann die JSON-Datei auf Ihrem Computer:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 7

Nachdem wir die JSON-Datei auf Ihrem Computer haben, ist es Zeit, den Block auf unsere zweite Test-Site 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.

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 8

Über ihn Blöcke nächster Bildschirmklick Import aus JSONWählen Sie die zuvor heruntergeladene Datei aus und drücken Sie die Taste importieren Schaltfläche in dieser Reihenfolge:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 9

Und das ist! Auf diese Weise haben Sie erfolgreich einen wiederverwendbaren Gutenberg-Block in Ihre zweite WordPress-Site importiert:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 10

War es nicht so einfach? Dann 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 namens Blocks Export Import. Im Wesentlichen können Sie mit dem Plugin das gesamte Tutorial überspringen. 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 darauf Mehr Optionen Symbol. Drücken Sie dann die JSON exportieren, Wie nachfolgend dargestellt. Hier ist der Screenshot:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 11

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 Block hinzufügen Symbol und dann JSON-Blöcke importieren unter dem Widgets Zunge:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 12

Nach diesem Klick Wählen Sie die Datei um die Datei von Ihrem Computer auszuwählen und drücken Sie die Taste Erhebt euch Taste:

So exportieren und importieren Sie Gutenberg-Blöcke in WordPress 13

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 ändert sich das in Zukunft.

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.

Wiederverwendbare Gutenberg-Blöcke sind ein Lebensretter. Mit ihnen können Sie Vorlagen und Funktionen schnell replizieren, da sie nicht von vorne beginnen. Wenn Sie viele Posts / Seiten und / oder Websites erstellen, ist es hilfreich zu lernen, wie Sie Gutenberg-Blöcke exportieren.

Haben Sie Fragen oder Anregungen zu Gutenberg-Blöcken? Bitte lassen Sie es uns in den Kommentaren unten wissen.

Share
Tweet
Pin
0 Shares
exportierenGutenbergBlöckeimportierenSieundWordPress

Recent Posts

  • Infinix Hot 9 und 9 Pro mit Locher-Display und Quad-Kamera-Start: Preis, Spezifikation

    05/31/2020
  • Das Redmi 1A-Display mit einer Bildwiederholfrequenz von 60 Hz wurde für 689 RMB angekündigt

    05/31/2020
  • PowerBeats Pro: Anscheinend kommt eine neue Farbe

    05/31/2020
  • Asus ROG Strix G17 G712LW, ein spektakulärer Gaming-Laptop

    05/31/2020
  • Wie man heute Abend ein Foto von einem Supermondmond oder einem Wurmmond macht

    05/26/2020
| Kontakt | Datenschutzerklärung

@2019 - Technologische Neuigkeiten, Bewertungen und Tipps!

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, aber Sie können sich abmelden, wenn Sie dies wünschen.

Im Falle des Verkaufs Ihrer persönlichen Daten können Sie sich über den Link abmelden Verkaufen Sie meine persönlichen Daten nicht

Akzeptieren Stornieren Cookie Settings
  • About Cookies

    About Cookies

    Cookies sind kleine Textdateien, die von Websites verwendet werden können, um die Benutzererfahrung effizienter zu gestalten. Das Gesetz besagt, dass wir Cookies auf Ihrem Gerät speichern können, wenn diese für den Betrieb dieser Website unbedingt erforderlich sind. Für alle anderen Arten von Cookies benötigen wir Ihre Erlaubnis. Diese Seite verwendet verschiedene Arten von Cookies. Einige Cookies werden von Diensten Dritter gesetzt, die auf unseren Seiten erscheinen.
  • Necessary

    Necessary

    Always Active
    Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.
    Name Domain Purpose Expiry Type
    wpl_user_preference secinfinity.net WP GDPR Cookie Consent Preferences 1 year HTTP
    YSC youtube.com YouTube session cookie. Session HTTP
    PHPSESSID parentesis.com PHP generic session cookie. Session HTTP
  • Marketing

    Marketing

    Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.
    Name Domain Purpose Expiry Type
    ljt_reader lijit.com Lijit advertising platform cookie. 1 year HTTP
    VISITOR_INFO1_LIVE youtube.com YouTube cookie. Session HTTP
    GPS youtube.com Google advertising domain Session HTTP
  • Analytics

    Analytics

    Analytics cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.
    Name Domain Purpose Expiry Type
    uid tynt.com Generic AddThis tracking cookie. 1 year HTTP
    _ga secinfinity.net Google Universal Analytics long-time unique user tracking identifier. 2 years HTTP
    _gid secinfinity.net Google Universal Analytics short-time unique user tracking identifier. 1 day HTTP
    tfw_exp twitter.com Twitter tracking cookie 1 day HTTP
    IDE doubleclick.net Google advertising cookie used for user tracking and ad targeting purposes. 1 day HTTP
    pid parentesis.com Twitter platform user tracking cookie. 6 months HTTP
    _cc_dc crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    _cc_id crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    _cc_cc crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    _cc_aud crwdcntrl.net Lotame tracking cookie. 6 months HTTP
  • Preferences

    Preferences

    Preference cookies enable a website to remember information that changes the way the website behaves or looks, like your preferred language or the region that you are in.
  • Unclassified

    Unclassified

    Unclassified cookies are cookies that we are in the process of classifying, together with the providers of individual cookies.
    Name Domain Purpose Expiry Type
    CountUid histats.com --- 1 year ---
    __cfduid secinfinity.net Generic CloudFlare functional cookie. 1 year HTTP
    HstCfa4342786 secinfinity.net --- 1 year ---
    HstCmu4342786 secinfinity.net --- 1 year ---
    HstCnv4342786 secinfinity.net --- 1 year ---
    HstCns4342786 secinfinity.net --- 1 year ---
    m dtscout.com --- Session ---
    df dtscout.com --- 3 months ---
    l dtscout.com --- 3 months ---
    __dtsu secinfinity.net --- 3 months ---
    __stid sharethis.com --- 1 year ---
    _gat_gtag_UA_113932176_25 secinfinity.net --- Session ---
    b dtscout.com --- Session ---
    GED_PLAYLIST_ACTIVITY secinfinity.net --- 51 years ---
    HstCla4342786 secinfinity.net --- 1 year ---
    HstPn4342786 secinfinity.net --- 1 year ---
    HstPt4342786 secinfinity.net --- 1 year ---
    st dtscout.com --- Session ---
    pids tynt.com --- 3 months ---
    X-Mapping-fjhppofk parentesis.com --- 51 years ---
    ab agkn.com --- 1 year ---
Cookie Settings

Do you really wish to opt-out?