Möchten Sie einen wiederverwendbaren Block im WordPress-Blockeditor erstellen?
Wiederverwendbare Blöcke ermöglichen es Ihnen, jeden Inhaltsblock zu speichern und in anderen Beiträgen und Seiten Ihrer Website wiederzuverwenden, was Zeit und Mühe spart.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen wiederverwendbaren Block im WordPress-Block-Editor erstellen können.
Was ist ein wiederverwendbarer Block in WordPress?
Ein wiederverwendbarer Block im WordPress-Blockeditor ist ein Inhaltsblock, der gespeichert werden kann, um später in anderen Beiträgen und Seiten verwendet zu werden.
Viele Blogger fügen oft dieselben Inhaltsausschnitte in mehrere Artikel ein, z. B. Call-to-Actions am Ende des Blogposts oder Links, um dem WordPress-Blog in sozialen Medien zu folgen.
Die meisten Nutzer speichern ihre wiederverwendbaren Inhaltsschnipsel einfach als Textdateien auf ihrem Computer und fügen sie bei Bedarf per Copy & Paste ein.
Der Gutenberg-Blockeditor löst dieses Problem jedoch durch die Einführung wiederverwendbarer Blöcke.
Ein wiederverwendbarer Block ermöglicht es Benutzern, einen Inhaltsblock zu erstellen und ihn in ihrem Block-Editor zu speichern. Dieser Block kann dann in jeden WordPress-Beitrag oder jede Seite eingefügt werden, ohne dass der Inhalt von Grund auf neu erstellt werden muss.
Das spart Zeit und ermöglicht es Ihnen außerdem, ein einheitliches Design oder einen einheitlichen Stil für alle Seiten oder Beiträge beizubehalten.
Hier sind nur einige der Szenarien, in denen ein wiederverwendbarer Block Ihnen helfen kann, effizienter zu arbeiten:
- Aufforderung an die Nutzer, Ihnen am Ende eines Artikels in den sozialen Medien zu folgen
- Hinzufügen von Call-to-Action-Schaltflächen in WordPress-Beiträgen und -Seiten
- Speichern und Wiederverwenden von Tabellen
- Schnelles Hinzufügen von Feedback-Formularen zu Ihren Seiten
- Manuelles Hinzufügen von Inline-Affiliate-Bannern
- Speichern und Wiederverwenden von verschachtelten Blöcken
Schauen wir uns also an, wie man im WordPress-Block-Editor ganz einfach einen wiederverwendbaren Block erstellen kann.
Wie man einen wiederverwendbaren Block im WordPress Gutenberg Editor erstellt
Alle Gutenberg-Blöcke sind einzelne Inhaltselemente im WordPress-Editor, die auch als wiederverwendbare Blöcke gespeichert werden können.
Zunächst müssen Sie einen bestehenden oder neuen Beitrag öffnen, um einen wiederverwendbaren Block zu erstellen.
Sobald Sie den Block-Editor geöffnet haben, klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms.
Daraufhin öffnet sich das Blockmenü, in das Sie einen neuen Block ziehen und ablegen können, den Sie auf mehreren Seiten oder Beiträgen wiederverwenden möchten.
In diesem Tutorial wählen wir den Absatz-Block, um einen wiederverwendbaren Block für ein CTA-Inhalts-Snippet zu erstellen.
Nach dem Einfügen des Blocks müssen Sie den Inhalt hinzufügen, den Sie wiederverwenden möchten.
Sie können Ihren Block auch weiter gestalten, indem Sie verschiedene Optionen in der Blocksymbolleiste oben oder in der Blocktafel in der rechten Ecke des Bildschirms verwenden.
Wenn Sie mit der Bearbeitung fertig sind, klicken Sie auf die Schaltfläche mit dem Drei-Punkte-Menü in der Symbolleiste des Blocks.
Daraufhin öffnet sich ein Dropdown-Menü, in dem Sie die Option „Wiederverwendbaren Block erstellen“ auswählen müssen.
Als nächstes werden Sie aufgefordert, einen Namen für den wiederverwendbaren Block einzugeben. Wir empfehlen, einen Namen zu verwenden, mit dem Sie den Block und seine Funktion schnell identifizieren können.
Danach klicken Sie einfach auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.
Ihr wiederverwendbarer Block wird nun mit allen Einstellungen in der WordPress-Datenbank gespeichert.
Wie man WordPress wiederverwendbare Blöcke in Posts und Seiten hinzufügt
Nachdem wir nun gelernt haben, wie man einen wiederverwendbaren Block in WordPress erstellt, wollen wir nun sehen, wie man wiederverwendbare Blöcke zu seinen WordPress-Beiträgen und -Seiten hinzufügt.
Auch hier müssen Sie einen neuen oder bestehenden Beitrag öffnen, zu dem Sie den wiederverwendbaren Block im Gutenberg-Editor hinzufügen möchten.
Klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms und wechseln Sie zur Registerkarte „Wiederverwendbar“ im oberen Teil des Blockmenüs.
Hier werden alle wiederverwendbaren Blöcke, die Sie erstellt haben, im Panel angezeigt.
Sie können Ihren wiederverwendbaren Block auch finden, indem Sie seinen Namen in das Suchfeld eingeben.
Klicken Sie nun einfach auf den Block, um ihn in Ihren Beitrag einzufügen.
Sie können den wiederverwendbaren Block auch über die Einstellungen in der Block-Symbolleiste oder in der Block-Seitenleiste auf der rechten Seite bearbeiten.
Bitte beachten Sie jedoch, dass eine Änderung der Einstellungen für wiederverwendbare Blöcke diese an allen Stellen ändert, an denen Sie sie verwendet haben.
Wenn Sie nur eine Änderung vornehmen möchten, die nur in diesem bestimmten Beitrag erscheint, müssen Sie ihn zunächst in einen regulären Block umwandeln.
Klicken Sie dazu auf das Symbol „In normalen Block umwandeln“ in der oberen Symbolleiste des Blocks.
Dadurch wird Ihr wiederverwendbarer Block in einen regulären Block umgewandelt, an dem Sie Änderungen vornehmen können, ohne dass der ursprüngliche Block davon betroffen ist.
Verwaltung aller wiederverwendbaren Blöcke im WordPress-Editor
Nachdem Sie eine Zeit lang wiederverwendbare Blöcke verwendet haben, haben Sie vielleicht einige Blöcke, die Sie nicht mehr verwenden oder umbenennen möchten.
Der Gutenberg-Editor ermöglicht es Ihnen, alle wiederverwendbaren Blöcke von einem Bildschirm aus zu verwalten.
Um Ihre Blöcke zu verwalten, klicken Sie einfach auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke und wechseln Sie zur Registerkarte „Wiederverwendbar“.
Klicken Sie hier auf die Schaltfläche „Wiederverwendbare Blöcke verwalten“ am unteren Rand des Fensters.
Dies führt Sie zur Seite Wiederverwendbare Blöcke, auf der Sie alle Funktionen der wiederverwendbaren Blöcke auf Ihrer WordPress-Website einfach verwalten können.
Hier können Sie Ihre Blöcke bearbeiten, löschen, importieren oder sogar auf eine andere Website exportieren.
Importieren / Exportieren von wiederverwendbaren Blöcken
Wiederverwendbare Blöcke sind nicht nur auf der Website, für die sie erstellt wurden, wiederverwendbar. Sie können sie auch auf jeder anderen WordPress-Website verwenden.
Um die Blöcke von der Seite „Wiederverwendbare Blöcke“ zu exportieren, klicken Sie auf den Link „Als JSON exportieren“ unter dem jeweiligen Block.
WordPress sendet Ihnen nun den Block als JSON-Datei, die Sie auf Ihrem Computer speichern können.
Sie können nun in den Verwaltungsbereich einer anderen WordPress-Website wechseln. Rufen Sie von hier aus den Bildschirm zur Blockverwaltung auf, um die Optionen für wiederverwendbare Blöcke anzuzeigen.
Klicken Sie dann oben auf die Schaltfläche „Import aus JSON“.
Daraufhin wird ein Feld zum Hochladen von Dateien angezeigt, in dem Sie auf die Schaltfläche „Datei auswählen“ klicken müssen, um den zuvor heruntergeladenen Block auszuwählen.
Klicken Sie anschließend auf die Schaltfläche „Importieren“.
WordPress importiert nun Ihren wiederverwendbaren Block und speichert ihn in seiner Datenbank. Sie können nun fortfahren und die neu importierten wiederverwendbaren Blöcke auf Ihrer anderen WordPress-Website verwenden.
Eine ausführliche Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zum Importieren/Exportieren von WordPress-Inhaltsblöcken (mit Bildschirmabbildungen).
Bonus-Tipps zur Beherrschung des WordPress-Block-Editors
Neben dem Hinzufügen von wiederverwendbaren Blöcken zur Verbesserung Ihres redaktionellen Workflows können Sie auch einige andere Tipps im WordPress-Block-Editor nutzen, um Ihren Prozess der Inhaltserstellung zu optimieren.
Dies kann die Produktivität steigern und Ihnen helfen, sich mehr auf den Inhalt Ihrer Website zu konzentrieren.
Sie können den Block-Editor leicht beherrschen, indem Sie sich zunächst die Blöcke einprägen, die Sie auf Ihrer Website am häufigsten verwenden werden, wie Absatz-, Bild-, Überschriften- oder Schaltflächenblöcke.
Sobald Sie dies getan haben, können Sie Ihren Bearbeitungsbildschirm so umgestalten, dass die Blocksymbolleiste oben auf der Seite angezeigt wird. Sie können sogar den ablenkungsfreien Modus verwenden, um Ablenkungen wie das Blockbedienfeld, das Blockmenü, die WordPress-Admin-Seitenleiste und mehr zu entfernen.
Detaillierte Anweisungen finden Sie in unserem Tutorial zur Verwendung des ablenkungsfreien Vollbildeditors in WordPress.
Ein weiterer toller Tipp ist die Verwendung des Spaltenblocks, um Ihren Inhalten ein magazinähnliches Aussehen zu verleihen, YouTube-Videos hinzuzufügen, Titelbilder einzufügen, Absatzfarben zu ändern und vieles mehr.
Weitere Informationen finden Sie in unserer Liste mit den besten Tipps für den Umgang mit dem WordPress-Inhaltseditor.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man einen wiederverwendbaren Block im WordPress-Block-Editor erstellt. Vielleicht interessieren Sie sich auch für unseren Einsteiger-Leitfaden zur Auswahl des besten WordPress-Hostings und unsere Top-Picks für die wichtigsten WordPress-Plugins, die Ihnen beim Ausbau Ihrer Website helfen.
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.
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!
Jiří Vaněk says
Thank you for this article. In this way, I created several blocks in Gutenberg, which I add under articles by category. But I searched for a while in the settings, because I couldn’t find „reusable block“ according to the instructions, but then I understood that this function was only renamed.
David says
In the drop down menu as describe when hitting the three dots. I did not see create reuasble block. I would have love to take a screenshot to show you what my drop down menu shows, but it is not allow here. What are my alternatives.
WPBeginner Support says
There was a recent naming change, you would want to use create pattern from the dropdown and we will look to update this article soon
Admin
Johnny Rodriguez says
How can I add a featured image to a reusable block?
WPBeginner Support says
Featured images are for post types and not individual blocks at the moment. You can certainly add an image block if you wanted to add an image in the content.
Admin
Angie says
I’m trying to create a reusable block with several lines of text, however, when I add a new line of text, it creates a new block. I need all of the text in one block. How do I do this?
WPBeginner Support says
If you use shift enter to go to your next line instead of only using enter you should stay within the block.
Admin
Julius Gashumba says
Convert to Regular Block has been changed. It no longer appears where it used to be. Any ideas?
WPBeginner Support says
When hovering over the block, you should see the convert option
Admin
Chika says
All is well here. However, what I need is just the color background on my my reusable block so that I can type whatever I want whenever I use it.
If I change the reusable block back to normal block before making changes, the background color disappears. This is not what I want.
Is there a way to do that?
WPBeginner Support says
For what you’re wanting to do, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Admin
Charles Burns says
Is there a way to save just the formatting of a block I can use again?
Say, for instance, I spend time changing the colour and styling options of a particular block and want to reuse those options with different content each time. Is this possible?
Saving it as a reusable block saves all the content as well.
WPBeginner Support says
For something like that you could create a custom block we have an article on this below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Admin
Cartrell says
Ha! I never even noticed that Add To Reuseable blocks feature was there. Thanks, guys.
– C. out.
WPBeginner Support says
Glad we could show you something new
Admin
Sandra says
Thanks for the great information. How would I add a signature block? Not just a typed name, but an actual signature?
WPBeginner Support says
For most sites, an image is used for that type of signature block
Admin
Don says
Thanks for the suggestions and pointing me to your guides.
After some troubleshooting my problem seems to be related to website hosting. Reusable Blocks now do work as expected with new identical fresh WP installs on different host servers. The only discernible difference between servers is the PHP version.
WPBeginner Support says
Thanks for sharing what appears to be the cause of the problem
Admin
Don says
I suddenly lost Reusable Blocks. Other Blocks continue to work but Reusable is no longer a category when creating a new Block. Either is the 3-dot menu option of „Add to Reusable Blocks“ from an existing Block.
Any suggestions to restore would be appreciated outside of a complete new install.
WPBeginner Support says
Have you tried disabling your plugins to see if it could be due to a plugin or theme conflict? https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Don says
Thanks for the reply. First thing I tried was disabling Plugins, then changing Themes, and finally resorting to a simple fresh install.
I did post on the WordPress support forum for suggestions.
WPBeginner Support says
You may want to try enabling the error log to see if there is an error being hidden by default that error logging would show. You can set up error logging using the method in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-set-up-wordpress-error-logs-in-wp-config/
luca says
Very nice!
WPBeginner Support says
Glad you liked it
Admin
Rintesh Roy says
This is a great feature!
WPBeginner Support says
Glad we could bring it to your attention
Admin
Lee says
Reusable blocks are one of the only good features of the new editor, unfortunately the fact that they can be converted to a regular block negates any positive they have.
Say you have a call to action, that includes a link. You use that reusable block many times but several times convert it to a regular block. A year later you need to change the link that is in that call to action. You edit the reusable block and the link changes across your site EXCEPT where it was converted to a regular block. Not a big deal if it is only a few times. A much BIGGER deal if it is dozens of authors, and hundreds of posts that converted that reusable block to a regular block.
Reusable blocks could have helped solve this data management problem but by allowing them to be converted to regular blocks they just make the problem worse. The better solution, surprise surprise, is a shortcode that is easy to edit in the backend and not have to mess with post content.
WPBeginner Support says
Hi Lee,
Reusable blocks are particularly useful in saving block settings, formatting, and content. Now, if a user changes them to a regular block just so they can edit those things, then they should be aware that it is a ‚regular block‘ not a reusable block anymore.
Admin