WordPress redigerare tillåter dig att spara ditt innehåll som anpassade block och sedan exportera dem till en annan WordPress webbplats. Detta kan spara massor av tid om du äger flera webbplatser eller skapar webbplatser för kunder.
På WPBeginner har det varit till stor hjälp att exportera och importować block för innehållsredigerare. Vi delar anpassade block med våra andra varumärken så att de kan förbättra produktiviteten och arbetsflödena för innehåll.
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 webbplatser. Detta kan spara 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.
Om du vill importera blocket till en annan WordPress-blogg eller webbplats loggar du in på den webbplatsen och öppnar redigeraren. Följ sedan samma process som beskrivs ovan för att öppna vyn för blockhantering.
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 webbplats 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år przewodnik om hur du tar bort ett block i WordPress och jämförelse mellan padding och marginaler.
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.
Birgit Pauli-Haack
Last summer, ”Reusable blocks” have been renamed as ”Synced Patterns”
WPBeginner Support
Thank you for sharing this while we work on updating our articles
Administratör
Dennis Muthomi
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
Glad our guide was helpful!
Administratör
Dennis Muthomi
And how can I import element blocks on page builders like SeedProd?
WPBeginner Support
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
Exactly where IS the ’Block Management Screen?” I can’t find it anywhere.
WPBeginner Support
It should be visible when you click the + icon to add a new block.
Administratör
Alan
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
You could export a page using Tools>Export and import it on to a new site if that’s what you mean.
Administratör