Hur man exporterar och importerar Gutenberg-block i WordPress

Inledningsvis hade WordPress-användare ett bitterljuvt förhållande till den blockbaserade WordPress-byggaren. Sedan, som vi upptäckte i vår Gutenberg-guide, kommer den nya redigeraren med fantastiska funktioner som gör det enkelt och roligt att skapa vackert innehåll. Nu kanske vissa inte har tillräckligt med redaktörer.

Gutenberg ger dig tillräckligt med funktioner för att skapa anmärkningsvärda sidor och inlägg utan kodning. Oavsett vilket innehåll du vill lägga till har Gutenberg bara block.

Vill du modifiera och designa varje innehållsblock omfattande? Gutenberg stödjer dig med ett brett utbud av anpassningsalternativ. Vill du ha fler block än vad som är tillgängligt i standardredigeraren? Det finns många ytterligare Gutenberg-plugins där ute.

Så det är tråkigt att många användare inte vet Återanvändbart block, en av Gutenbergs fantastiska funktioner. Om du inte vet vad vi pratar om är återanvändbara block helt enkelt Innehåll block du skapar, sparar och återanvänder som du vill.

Låt oss säga att du vill lägga till en uppmaning, ett tackbrev, en signatur, ett formulär eller något annat längst ner på varje inlägg eller sida.

Tidigare var du tvungen att spara funktionaliteten i en textfil på din dator. När du behövde det kopierade du och klistrade in det i ditt inlägg eller sida. Gutenberg har lindrat detta problem. Nu behöver du inte använda textfiler eller skapa samma block från början varje gång.

Du kan skapa ett enda återanvändbart block och använda det inte bara på dina inlägg och sidor, utan även på andra WordPress-webbplatser.

Oavsett om du skapar flera webbplatser eller behöver lägga till speciellt innehåll till varje inlägg/sida, kan Gutenbergs återanvändbara block spara dig mycket tid.

Och i dagens artikel visar vi dig exakt hur du skapar och exporterar återanvändbara Gutenberg-block i WordPress. Vårt mål är att hjälpa dig att enkelt migrera och återanvända anpassade innehållsblock över flera WordPress-inlägg/sidor/webbplatser.

Enskild: Till exempel, om du skapar ett block med hjälp av ett plugin som Getwid, måste du installera plugin på andra WordPress-webbplatser där du vill återanvända blocket. Observera också att dina block kan se lite olika ut från tema till tema, men allt är bra eftersom Gutenberg ger dig mycket anpassning.

Gå ut, ta en kopp kaffe och läs en bok.

Först och främst behöver du återanvändbara block

Tyvärr kan du inte exportera eller importera regelbunden block För att exportera och importera Gutenberg-block måste du först skapa Återanvändning enhet

I illustrativt syfte skapar jag ett tackbrev som jag gärna lägger till i slutet av varje inlägg jag postar. Du vet, jag behöver inte skriva om anteckningen varje gång jag behöver lägga till den i inlägget

Tackkort är inte alls komplicerat; bara ett enkelt stycke med länkar till Twitter och Facebook. Kom ihåg att ditt block kan vara vad du vill: bannerannonser, bildskjutare, citat, listor, senaste inlägg, MailChimp-formulär, etc.

Sedan kommer jag att visa dig hur du exporterar anteckningar (läser, blockerar) till en andra WordPress-webbplats. Låter bra? Bra, låt oss komma igång.

Hur man skapar återanvändbara block

Att skapa ett återanvändbart block är otroligt enkelt. Mot Publikationer > Lägg till ny för att starta Gutenberg-redigeraren:

Klicka sedan Lägg till block (+) ikonen och välj sedan ditt innehållsblock. I vårt fall lade jag till styckeblocket, som visas i följande bild.

Anpassa och designa sedan ditt block efter dina behov. Jag la till text, länkar till sociala medier och bakgrundsfärg. Så är vårt nya block också känt som ett tack se i min Gutenberg-redaktör:

John Doe är väldigt söt. Så vacker. Nu kommer jag förmodligen att följa din blogg på sociala medier framåt Fast Forward.

För närvarande är den föregående anmärkningen en regelbunden Att förebygga. Vi måste göra det till en Återanvändning block som vi kan exportera och importera. För att göra det, klicka Ett annat val ikonen och sedan Lägg till återanvändbara blockenligt nedanstående.

Ge sedan ditt återanvändbara block ett namn och tryck Spara knappen, som visas nedan.

Och det var allt, du skapade precis ditt första återanvändbara block. Så här blir du en vän.

Hur man använder återanvändbara block

Att lägga till det återanvändbara blocket vi just skapade till ditt inlägg eller sida är superenkelt. När du har lagt till det nödvändiga innehållet i ditt inlägg eller sida klickar du Lägg till block (+) ikon, bläddra till Återanvändbart block fliken och välj ditt block (Tack för anteckningen i vårt fall), som visas nedan.

När du har lagt till skrapblocket i ditt inlägg eller sida trycker du på Avancerad/Posta för att se dina resultat på frontpanelen. Här är vad jag får:

Min testsajt kör Twenty Twenty-temat.

Det bästa är att jag kan återanvända mitt tackanteckningsblock när som helst utan att behöva skapa det från grunden. Jag kan lägga till det i alla inläggstyper som stöder Gutenberg-block.

Nu när du vet hur du skapar och använder återanvändbara block kan du lära dig mer om att exportera dessa block till en annan WordPress-webbplats. För att undvika förvirring använder jag samma block som vi nyss skapade.

Hur man exporterar Gutenberg-block i WordPress

Att exportera ett återanvändbart Gutenbergblock är för fjärdeklassare gjort på nolltid.

Vad ska man göra

Klicka på i Gutenberg-redigeraren Fler verktyg och alternativ ikonen och sedan Hantera alla återanvändbara blocksom vi lyfter fram nedan:

Att göra det leder dig till Enhet skärm där du kan se och hantera alla återanvändbara block:

Vi har bara Tack blockera, men föregående skärm fylls i när du skapar fler. För att exportera, håll muspekaren över titeln och klicka Exportera som JSON länken visas. Se bilder nedan.

Spara sedan JSON-filen på din dator:

Nu när vi har JSON-filen på din dator är det dags att importera blocket till vår andra testwebbplats.

Hur man importerar Gutenberg-block till WordPress

Att importera dina återanvändbara block är lika enkelt som A, B, C. Öppna först Gutenberg-redigeraren. För det andra, klicka Fler verktyg och alternativ ikonen och sedan Hantera alla återanvändbara blockenligt nedanstående.

Om honom Enhet klicka på nästa skärm Importera från JSONvälj filen du laddade ner tidigare och tryck sedan på knappen importera knappar i den ordningen:

Och det är! Så här har du framgångsrikt importerat ett återanvändbart Gutenberg-block till din andra WordPress-webbplats:

Är det inte så lätt? Du kan sedan använda och återanvända ditt Gutenberg-block på den andra sidan så många gånger du vill.

Finns det ett plugin för att exportera Gutenberg-block?

Åh ja, och jag hittade en från ThemeIsle, en ansedd WordPress-utvecklare. Det är ett gratis plugin som heter Import-Export Block. I grund och botten låter plugin dig hoppa över hela denna handledning. Ja det är rätt; Du behöver inte ens skapa återanvändbara block.

Installera och aktivera plugin-programmet och öppna sedan Gutenberg-redigeraren. Designa ditt block som du vill och klicka sedan på det Ett annat val Ikon. Tryck sedan på Exportera JSON, enligt nedanstående. Här är skärmdumpen:

Gör det för att ladda ner JSON-filen till din dator. För att importera en JSON-fil med plugin-programmet, öppna Gutenberg-redigeraren. Klicka sedan Lägg till block ikonen och sedan Importera JSON-block under Widgets tunga:

Klicka sedan Välj fil för att välja en fil från din dator och tryck på Öka knapp:

Det enda problemet med pluginmetoden är att dina block inte kommer att sparas på din WordPress-webbplats. För att spara block i din WordPress-databas måste du använda den manuella metoden. Kanske kommer det att ändras i framtiden.

Tyvärr kunde jag inte hitta någon annan plugin. Plugins kan dock spara mycket tid om du inte sparar återanvändbara block på din webbplats. Du kommer att ha blocken som en JSON-fil på din dator.

Gutenberg återanvändbara block är en livräddare. De låter dig snabbt duplicera mallar och funktioner, eftersom det inte börjar från början. Om du skapar många inlägg/sidor och/eller webbsidor kommer det att vara praktiskt att lära sig exportera Gutenberg-block.

Har du frågor eller förslag om Gutenberg-block? Vänligen meddela oss i kommentarerna nedan.