Först hade WordPress-användare en söt och bitter relation med blockgeneratorn. Sedan som vi upptäckte i vår gutenberg guide, den nya redaktören kommer med fantastiska funktioner som gör det enkelt och roligt att skapa vackert innehåll. Nu kan vissa inte längre klara sig utan.
Gutenberg ger dig tillräckligt med funktioner för att skapa fantastiska sidor och artiklar utan att skriva någon kod. Oavsett vilket innehåll du vill lägga till har Gutenberg precis rätt block.
Vill du ändra och anpassa varje innehållsblock på djupet? Gutenberg har ett batteri med anpassningsalternativ för detta.
Vill du ha ännu fler block än vad som finns i standardredigeraren? där massor av WordPress-plugin för Gutenberg
Det är därför det är sorgligt att många användare inte känner till Återanvändbara block, en av Gutenbergs lysande funktioner. Om du inte har någon aning om vad vi pratar om är återanvändbara block bara block innehåll que du skapar, sparar och återanvänder efter behag.
Antag att du vill lägga till en uppmaningsknapp som heter tackkort, signatur, formulär eller något annat i slutet av varje inlägg eller sida.
Tidigare var du tvungen att spara funktionen i en textfil på din dator. När du behövde det kopierar du och klistrar in det i ditt inlägg eller sida. Gutenberg minskade detta problem. Nu behöver du inte använda textfiler eller skapa samma block från grunden varje gång.
Du kan skapa ett enda återanvändbart block och använda det inte bara i dina inlägg och sidor utan också på andra WordPress-webbplatser.
Oavsett om du bygger många webbplatser eller behöver lägga till speciellt innehåll till varje inlägg / sida, kan Gutenbergs återanvändbara block hjälpa dig att spara mycket tid.
Och i dagens artikel visar vi dig exakt hur du skapar och exporterar återanvändbara block från Gutenberg till WordPress. Vårt mål är att hjälpa dig att enkelt flytta och återanvända anpassade innehållsblock över flera WordPress-inlägg / sidor / webbplatser.
Men innan det, om du aldrig har installerat WordPress, låt oss ta reda på det Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
Bortsett från : Om du skapar ett block med hjälp av en Wordpress plugin såsom Kom igång, till exempel måste du installera detta plugin på andra WordPress-webbplatser där du vill återanvända nämnda block. Observera också att dina block kan se lite annorlunda ut från tema till tema, men det här är allt bra eftersom Gutenberg ger dig mycket anpassningskraft.
Först och främst behöver du återanvändbara block
Tyvärr kan du inte exportera eller importera block regelbunden. För att exportera och importera Gutenberg-block måste du först skapa block återanvändbar.
För illustrationsändamål skapar vi en tackkort som jag vill lägga till i slutet av varje artikel vi publicerar, utan att behöva skriva om anteckningen varje gång jag behöver lägga till den i en artikel.
Ma tack anteckningen gjorde inget komplext; bara ett enkelt styckeblock med länkar till Twitter och Facebook. Tänk på att ditt block kan vara vad du vill - en bannerannons, dun bildreglage, ett citat, en lista, de senaste publikationerna, ett MailChimp-formulär osv ...
Senare visar vi dig hur du exporterar detta tackkort på en andra WordPress-webbplats.
Hur man skapar ett återanvändbart block
Att skapa ett återanvändbart block är otroligt enkelt. Gå till Artiklar> Lägg till för att starta Gutenberg-redaktören:
Klicka sedan på ikonen Lägg till block (+), välj sedan ditt innehållsblock. I vårt fall har vi lagt till styckeblocket som visas i följande bild.
Därefter anpassar du ditt block efter dina behov. Vi har lagt till text, länkar till sociala medieprofiler och bakgrundsfärg. Det här är vad vårt nya anteckningsblock heter tack ser ut som i vår Gutenberg-redaktör:
Vid denna tidpunkt är ovanstående anmärkning a block regelbunden. Vi måste förvandla den till en block réutilisable att vi kan exportera och importera. Klicka på ikonen för att göra det Fler alternativ, sedan lägg till återanvändbara block, enligt nedanstående.
Ge sedan ditt återanvändbara block ett namn och tryck på knappen Spela in, som kan ses nedan.
Och det är det, du har precis skapat ditt första återanvändbara block.
Hur man använder återanvändbara block
Det är extremt enkelt att lägga till det återanvändbara blocket som vi just skapat i dina inlägg eller sidor. När du har lagt till önskat innehåll i ditt inlägg eller sida klickar du på ikonen Lägg till ett block (+), bläddra till fliken Återanvändbara block och välj ditt block (Tack i vårt fall), enligt nedanstående.
När du har lagt till det återanvändbara blocket i ditt inlägg eller sida trycker du på knappen Förhandsgranska / publicera för att visa dina resultat i front-end. Här är vad vi har:
Det bästa är att vi kan återanvända vårt block tackkort när som helst utan att behöva skapa den från grunden. Vi kan också lägga till det i alla inläggstyper som stöder Gutenberg-block.
Upptäck också Hur du lägger till en bildtext till en bild på Gutenberg
Nu när du vet hur du skapar och använder återanvändbara block, låt oss lära oss mer om att exportera dessa block till en annan WordPress-webbplats. För att undvika förvirring använder vi samma block som vi just skapade.
Hur man exporterar Gutenberg-block till WordPress
Det är enkelt att exportera ett återanvändbart Gutenberg-block, du gör det på nolltid.
Vad ska man göra?
Klicka på i Gutenberg-redaktören ikonen Fler verktyg och alternativ, puis hantera alla återanvändbara block, som vi belyser nedan:
Detta tar dig till skärmen Block där du kan visa och hantera alla dina återanvändbara block:
Vi har bara blocket Tackkort, men skärmen ovan fylls när du skapar mer. För att exportera, håll muspekaren över titeln och klicka på länken Exportera till JSON visas. Se bilden nedan.
Spara sedan JSON-filen på din dator:
Nu när vi har JSON-filen på vår dator är det dags att importera blocket till vår andra webbplats.
Hur man importerar Gutenberg-block till WordPress
Det är lika enkelt att importera dina återanvändbara block som A, B, C. Öppna först Gutenberg-redigeraren. Klicka sedan på ikonen Fler verktyg och alternativ, sedan hantera alla återanvändbara block, enligt nedanstående.
På skärmen Block nedan, klicka Importera från JSON, välj filen du laddade ner tidigare och tryck sedan på knappen. import i denna ordning :
Och det är allt ! Precis så importerade du framgångsrikt ett återanvändbart Gutenberg-block till din andra WordPress-webbplats.
Att läsa också Hur du lägger till en bildtext till en bild på Gutenberg
Var det inte lätt? Därefter kan du använda och återanvända ditt Gutenberg-block på den andra webbplatsen så många gånger du vill.
Finns det några WordPress-plugins för att exportera Gutenberg-block?
Åh ja, och jag hittade en på ThemeIsle, en ansedd WordPress-utvecklare. Detta är ett gratis plugin som kallas Importerar import av block. I huvudsak låter pluginet dig hoppa över hela denna handledning. Ja det är sant; du behöver inte ens skapa återanvändbara block.
Se även vår guide om Så lägger du till ett animerat block i din Gutenberg-artikel
Installera och aktivera plugin-programmet och öppna sedan Gutenberg-redigeraren. Designa ditt block som du vill och klicka sedan på ikonen för fler alternativ. Klicka sedan Exportera som JSON, enligt nedanstående :
Detta hämtar JSON-filen till din dator. För att importera JSON-filen med hjälp av plugin, öppna Gutenberg-redigeraren. Klicka sedan på ikonen Lägg till ett block, puis importera block från JSON under fliken widgets :
Klicka sedan på Välj FIL för att välja filen från din dator och tryck på knappen. Ladda upp :
Det enda problemet med plugin-metoden ä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 förändras i framtiden.
Upptäck Hur vet du om ditt plugin är kompatibelt med Gutenberg?
Tyvärr kunde jag inte hitta ett annat plugin. Ändå kan pluginet spara mycket tid om du inte oroar dig för att spara återanvändbara block på din webbplats.
Gutenbergs återanvändbara block räddar liv. De låter dig snabbt reproducera modeller eftersom du inte börjar från grunden. Om du skapar många inlägg / sidor och / eller webbplatser kommer det att vara praktiskt att lära sig att exportera Gutenberg-block.
Upptäck också några premium WordPress-plugins
Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.
Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.
1. team Showcase
Team Showcase är det perfekta tillägget, designat för att visa dina teammedlemmar i ett vackert responsivt rutnät eller karusell. Du kommer att ha möjlighet att hantera dina medlemmar genom att gruppera dem i separata team. För att göra detta, välj helt enkelt de alternativ du vill visa, välj ett Wordpress tema och applicera en fördefinierad färg på den.
Ingen kodrad krävs därför för denna åtgärd. Dess funktioner inkluderar: 10 specialteman, 10 färguppsättningar, 10 visningsalternativ, CSS3 animationseffekter, möjligheten att infogas på en sida, en helt lyhörd designOsv ...
Ladda ner | demo | webbhotell
2. ARPrice
ARPrice är Wordpress plugin den mest flexibla och kompletta premien i skapandet av prisnät. Den kommer med över 300 mallar för pristabeller och ger alla verktyg du behöver för att skapa unika och lyhörda pristabeller och jämförelsetabeller. Du kommer också enkelt att kunna skapa en vacker skyltfönster för ditt team.
Det är en Wordpress plugin vacker, intuitiv och unik, med sin imponerande visuella redigerare, med en förhandsvisning av anpassningar i realtid.
Se också Hur att ta ut en tjänst på din blogg?
Välj en mall och sedan med enkla klick, dra och släpp verktyg för att anpassa ditt prisnät, till minsta detalj. Du kommer att kunna lägga till ett obegränsat antal kolumner, ändra färger, teckensnitt, ikoner och lägga till dina egna bilder och band för meddela en rabatt, Till exempel.
Ladda ner | demo | webbhotell
3. Premium SEO Pack
Premium SEO Pack är ett WordPress-plugin som optimerar din SEO och komprimerar CSS för att förbättra din hastighet på din webbplats. Plugin kan också hantera designen på din webbplats med några klick.
Dess funktionaliteter är bland annat: komprimering av CSS och JS, integrering av webbplatskarta för video och utdrag, formateringen av HTLM- och XML-filer, omdirigering av 404 och 301 sidor, dela på sociala nätverk, tillhandahålla ALT-etiketten, mycket anpassningsbar layout.
Ladda ner | demo | webbhotell
Rekommenderade resurser
Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.
- 7 WordPress-plugins för att bädda in Google Maps på din webbplats
- Hur lägger jag till en Beach Slider på ett WordPress-formulär?
- 5 Wordpress plugins tillåter användare att publicera innehåll
- 6 WordPress-plugins för att lägga till automatisk komplettering till dina formulär
Slutsats
Här! Det är det för denna handledning, vi hoppas att det gör att du kan exportera och importera Gutenberg-block till WordPress. Har du fortfarande frågor eller förslag om Gutenberg-block? Vänligen meddela oss inom commentaires nedan.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.
Tveka inte att dela med dina vänner på dina favorit sociala nätverk.
.
