Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man importerar / exporterar dina WordPress Gutenberg Blocks (2 steg)

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.

How to export your Gutenberg blocks

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.

Creating a reusable block in 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.

The WordPress content editor

I panelen som visas väljer du ikonen ”Reusable”.

Du kan sedan klicka på ”Manage Reusable blocks”.

Managing reusable WordPress 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.

Exporting a WordPress block as a JSON file

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”.

Choose file to import block in Gutenberg

Du kan nu selecta JSON-filen som du downloadade tidigare.

Därefter klickar du på ”Import”.

Importing a block as a JSON file

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:

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

11 kommentarerLämna ett svar

  1. Syed Balkhi

    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!

  2. 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

  3. 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.

  4. 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

  5. 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

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.