En av de mest användbara (och underutnyttjade) funktionerna i WordPress-blockredigeraren (även känd som Gutenburg) är det återanvändbara blocket. Om du vet Divi eller andra sidbyggare, återanvändbara block har samma funktion som globala moduler. Dessa är block (eller grupper av block) som du konfigurerar en gång, men kan sedan återanvända.
Du kan infoga dem på flera sidor och inlägg utan att behöva redigera dem igen. Och om du vill ändra dem igen kan ändringarna omfatta hela webbplatsen, vilket sparar timmar under hela webbplatsens livstid. Så låt oss utforska alla sätt du kan hantera dina återanvändbara WordPress-block.
Hur man skapar ett återanvändbart block i WordPress
Att skapa ett återanvändbart block i WordPress är relativt enkelt. I alla inlägg som du redigerar med Block Editor (vilket är standard i WP 5.x såvida du inte använder plugin Classic Editor ), kan du göra vilket block du vill återanvända. Klicka på listrutan à tre poäng i inställningarna för blockpekaren och välj Lägg till återanvändbara block .
Redaktören kommer att be dig att namnge det nya blocket för senare hämtning. Se till att namnge det något minnesvärt för den funktion det kommer att fungera på din webbplats. Till exempel relaterade artiklar eller omslagsbild för blogginlägg eller något lika beskrivande.
Om du gör ett misstag när du skapar det återanvändbara blocket (eller bara gjorde ett misstag när du skapar det) kan du klicka på parametrarna i listrutan igen och klicka på Ta bort återanvändbara block . Detta alternativ raderar hela blocket från databasen. uppgifter och du kan upprepa ovanstående process för att lägga tillbaka den till samlingen om du vill.
Dessutom kan du helt enkelt klicka på själva blocket när det har sparats för att hitta knappen. byta .
För avsnittet i detta exempel ger det dig möjlighet att byta namn på det. Justeringarna för varje block kommer dock att vara olika. För en bildruta får du ytterligare alternativ som att infoga en annan fil från ditt mediebibliotek eller ladda upp en ny, samt justering eller länkad URL.
Denna process fungerar med alla återanvändbara block du skapar. Men kom ihåg det alla ändringar du gör i ett återanvändbart block på detta sätt gäller alla andra fall av blocket på din webbplats . Så om du ändrar bilden i ett block visas den nya bilden överallt.
Hur man sätter in återanvändbara block
Att använda återanvändbara block i WordPress är faktiskt väldigt enkelt och enkelt. Inne i Block Editor kan du klicka på valfri förekomst av + i en cirkel för att hitta fliken återanvändbar . Knappen + visas till höger om valfritt block, under vilket block som helst och längst upp till vänster på skärmen.
När du infogar de återanvändbara blocken du skapar i olika inlägg och sidor kan de också visas på fliken Mest använt , som visas högst upp i listan varje gång du trycker på + -knappen.
Dessa kommer att ändras när du använder olika block, men om du använder samma återanvändbara block, säg som sidfot för varje blogginlägg, kommer de att visas här ganska ofta.
Hur man hanterar alla återanvändbara block i WordPress
Längst ned på fliken återanvändbar du hittar en länk Hantera alla återanvändbara block . Genom att klicka på den här länken kommer du till en välbekant sida där alla återanvändningsbara block du har skapat listas. Listan ser ungefär exakt ut som standard WordPress-listan med inlägg och sidor.
När du tittar på listan ser du några viktiga alternativ. Importera från JSON , exportera i JSON-format et byta .
utiliser Redigera är exakt samma som ovan för att redigera ett block. Bara i stället för att vara inuti en viss artikel visas blocket i sin egen redigerare för artikeltyp där du kan uppdatera det och bara det. Återigen kommer alla ändringar som görs i detta block att tillämpas på hela webbplatsen för varje instans.
Häll exportera i JSON-format , klicka på knappen (3) kommer att ge dig en dialogruta (beroende på din webbläsarinställningar) för att välja en plats för att ladda ner den genererade JSON-filen. Själva filen är enkel JSON. Den visar filtypen (ett block), titeln du gav den när du redigerade eller skapade, och sedan den faktiska HTML-koden som kommer att infogas av WordPress för att rendera blocket och dess innehåll på sidans front-end.
Importera från JSON är lika enkelt: du hittar JSON-filen på din dator, laddar ner den som alla andra bilagor eller filer.
När du trycker på import kommer det att visas i din lista över återanvändbara block. Observera dock att om du redan har ett block med samma namn (i det här fallet återanvändbart block 1 ), den nya block importerat kommer inte att döpas om. Du måste göra det manuellt för att skilja dem ifrån varandra.
Varför importera och exportera återanvändbara block?
Det finns ett antal skäl att importera och exportera dem, men de viktigaste är för säkerhetskopiering och portabilitetsändamål. Du kommer förmodligen att vilja ha en säkerhetskopia av alla block och innehåll som du anser vara användbara att publicera på din webbplats. Portabilitet, delning och försäljning är också viktigt.
Om du behöver använda ett block på en annan webbplats. Att dela med en lagkamrat. Eller att sälja ensam som ett återanvändbart block för dina kunder. Precis som vår layoutpaket veckovis för Divi , importerar och exporterar block ger dig möjlighet att förlänga generatorn på flera sätt. Dessutom när du använder alternativet Gruppblock (se nedan) kan du importera och exportera hela modeller och layouter som återanvändbara block i JSON-format.
Hur man skapar återanvändbara blockgrupper i WordPress
Genom att skapa en grupp återanvändbara block kan återanvändbara blocks fulla funktionalitet lysa. Istället för att ha en enda bild eller stycke eller rubrik som du kan infoga globalt, kan du också gruppera Gutenberg-block och spara dem som ett enda återanvändbart block. Det betyder att du till exempel kan gruppera ett titelblock, ett styckeblock, ett bildblock och ett anpassat HTML-block för att ha ett formen globalt e-postmedlemskap för alla dina blockredigeringsinlägg.
För att skapa en grupp återanvändbara WordPress-block, klicka bara medan du håller ned Skift-tangenten på blocken för att lägga till dem i gruppen. Alla valda block markeras med en blå ram.
Sedan trycker du på knappen Transformator (2) och välj Grupp i listrutan (3) . Vid den här tiden ser du blocken smälter samman till ett block. Du förvandlar sedan gruppblocket till ett återanvändbart block på samma sätt som du gör ovan med andra block.
Denna nya grupp kommer sedan att visas i listan över alla återanvändbara block och under fliken. återanvändbar när du lägger till ett nytt block i en publikation eller sida.
Hur man skapar en återanvändbar mall
Vi diskuterade tidigare att ett återanvändbart block i WordPress är ett globalt element. Detta innebär att alla ändringar som görs i en instans av blocket kommer att påverka alla andra instanser. Om du ändrar texten eller bilden i ett återanvändbart block kommer den ändringen att gälla för hela webbplatsen. Men du pouvez använd återanvändbara block som mallar som kan redigeras individuellt. Återigen, precis som våra Divi-layouter, låter blockredigeraren dig infoga det allmänna blocket (eller gruppen av block) från ditt bibliotek och sedan ändra innehåll på en enskild post eller sida (eller till och med block för block).
För att göra detta, sätt in ett återanvändbart block i redigeraren, som vi såg ovan. tryck på + i en cirkel , gå till återanvändbar , välj sedan det block du vill infoga.
När blocket visas, Klicka på de tre punkterna för att öppna rullgardinsmenyn . Välj Konvertera till normalt block . Notera: välj inte Ta bort återanvändbara block .
Konvertera till normalt block gäller endast för detta unika block . När du använder Konvertera till standardblock , säger du till WordPress att du vill att detta enskilda block (och endast det här) ska vara oberoende av övergripande förändringar på hela webbplatsen. Alla ändringar du gör i andra återanvändbara block gäller inte för ett konverterat block, och dessa ändringar gäller inte globalt.
Valet av Ta bort återanvändbara block tar bort allt från den globala katalogen. Block som du redan har satt in förblir där de är, men de delar inte några globala egenskaper. Du kommer inte heller att kunna sätta in dem igen från fliken återanvändbar (vilket kan vara uppenbart). Detta skulle motverka syftet med att ha det återanvändbara blocket som mall, så vi föreslår inte att du gör det här.
Men med Konvertera till vanligt block , kan du infoga basmallen för blocket (eller gruppen av block) och ta bort endast den specifika instansen av det från Global Standards, vilket gör den ursprungliga blockfunktionen återanvändbar som en mall för andra publikationer och Sidor. Du kan se denna funktion i kraft i vår handledning omlägga till återanvändbara Divi-layoutblock i blogginlägg .
Slutsats
Återanvändbara block är en av huvudfunktionerna i Gutenberg Block Editor. Från möjligheten att dela block och innehåll mellan webbplatser och vänner och använda dem som mallar för vanliga element på din webbplats kan utnyttja funktionen för återanvändbara block ta ditt inlägg och design till nästa nivå och på din sida till nya nivåer av nytta, kreativitet och användarupplevelse.
