Vill du lära dig hur du importerar eller exporterar Gutenberg block?
WordPress editor allow you to save your content as custom blocks and then export them to another WordPress website. Detta kan save you massor av tid om du äger flera webbplatser eller skapar webbplatser för kunder.
I den här artikeln visar vi dig hur du enkelt exporterar dina WordPress Gutenberg Block och importerar dem för att använda dem på andra webbplatser.
Varför importera / exportera din WordPress Gutenberg Blocks?
WordPress Block Editor tillåter dig att add to content som block och sedan customize dessa block. Du kan till exempel skapa en call-to-action med hjälp av blocket Knappar.
Du kan sedan få knappen att sticka ut genom att ändra bakgrundsfärg, göra texten större med mera. Om du har planer på att använda det här innehållet igen kan du spara det som ett återanvändbart block i WordPress.
Men du kan också exportera dessa återanvändbara block och sedan använda dem på andra websites. Detta kan save dig massor av tid och ansträngning om du äger flera webbplatser eller om du är en WordPress utvecklare som skapar webbplatser för kunder.
Med detta sagt, låt oss se hur du kan importera / exportera Gutenberg WordPress block.
Hur man importerar / exporterar dina WordPress Gutenberg Blocks
Om du inte redan har gjort det måste du save det content du vill exportera som ett återanvändbart block. När du har gjort det klickar du på knappen ”+” i WordPress content editor.
I panelen som visas väljer du ikonen ”Reusable”.
Du kan sedan klicka på ”Manage Reusable blocks”.
Detta tar dig till en vy där du kan se alla dina återanvändbara block.
Håll bara hovern över det block du vill exportera och klicka sedan på länken ”Exportera som JSON” när den visas.
WordPress kommer nu att ladda ner blocket till din dator som en JSON-fil.
För att importera blocket till en annan WordPress-blogg eller website, logga in på den webbplatsen och öppna content editor. Följ sedan samma process som beskrivs ovan för att öppna vyn för hantering av block.
Den här gången klickar du istället på knappen ”Importera från JSON”. I popupen som visas väljer du ”Choose file”.
Du kan nu selecta JSON-filen som du downloadade tidigare.
Därefter klickar du på ”Import”.
WordPress importerar nu det återanvändbara blocket.
När detta är gjort kan du använda det importerade blocket på din WordPress website på exakt samma sätt som du använder alla andra återanvändbara block.
Ytterligare resurser om WordPress Block
Här är några mer användbara guider om hur du använder och hanterar WordPress block:
- Hur man använder WordPress Block Editor (Gutenberg Tutorial)
- Hur man skapar ett Customize WordPress Block (enkelt sätt)
- Så här konverterar du klassiska block till Gutenberg i WordPress
- Bästa Gutenberg Blocks Plugins för WordPress (Super användbara)
- Bästa Gutenberg-vänliga WordPress Themes
- Ultimate Blocks Review: Är det rätt Blocks Plugin för dig?
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du importerar/exporterar dina WordPress Gutenberg block för att använda på andra webbplatser. Du kanske också vill se vårt expertval av de bästa drag and drop WordPress page builders eller vår guide om hur du ställer in Google Analytics-mål för din WordPress site.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!
Birgit Pauli-Haack says
Last summer, ”Reusable blocks” have been renamed as ”Synced Patterns”
WPBeginner Support says
Thank you for sharing this while we work on updating our articles
Administratör
Dennis Muthomi says
Thank you for this clear, straightforward article.
I had always ignored the ”Export as JSON” option, because I thought it was made for developers.
After reading your post, I now understand how this feature lets me easily reuse blocks across different WordPress sites.
WPBeginner Support says
Glad our guide was helpful!
Administratör
Dennis Muthomi says
And how can I import element blocks on page builders like SeedProd?
WPBeginner Support says
You would need to check with the support for the specific page builder for if they allow you to import blocks from this method.
Thomas says
Exactly where IS the ’Block Management Screen?” I can’t find it anywhere.
WPBeginner Support says
It should be visible when you click the + icon to add a new block.
Administratör
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.
Administratör