Gå till innehållet

Hur man skapar och använder Gutenbergs återanvändbara block

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

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 .

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.

namnge ditt nya block

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 rensar hela blocket från databasen och du kan upprepa ovanstående process för att lägga till det i samlingen igen om du vill.

WordPress återanvändbara block

Dessutom kan du helt enkelt klicka på själva blocket när det har sparats för att hitta knappen. byta .

ändra ett återanvändbart stycke

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.

återanvändbara bildalternativ

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.

hitta den återanvändbara fliken i redigeraren

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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

WordPress återanvändbara block

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.

WordPress återanvändbara block

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.

WordPress återanvändbara block

Häll exportera i JSON-format , klicka på knappen (3) ger dig en dialog (beroende på webbläsarens inställningar) för att välja en plats för att ladda ner den genererade JSON-filen. Filen i sig är enkel JSON. Den visar typen av fil (ett block), titeln du gav den när du redigerade eller skapade, sedan den faktiska HTML-koden som kommer att införas av WordPress för att återge blocket och dess innehåll i fronten på webbplatsen.

WordPress återanvändbara block

Importera från JSON är lika enkelt: du hittar JSON-filen på din dator, laddar ner den som alla andra bilagor eller filer.

WordPress återanvändbara block

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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

WordPress återanvändbara block

Varför importera och exportera återanvändbara block?

Det finns ett antal anledningar till att importera och exportera dem, men de viktigaste är för säkerhetskopiering och bärbarhet. Du kommer antagligen vilja ha en säkerhetskopia av alla block och innehåll som du tycker är användbart att använda på din webbplats. Bärbarhet, 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

Skapandet av en grupp återanvändbara block gör det möjligt att lysa upp alla funktioner för återanvändbara block. Istället för att ha en enda bild eller ett enda 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 samla titelblock, avsnittblock, bildblock och anpassat HTML-block för att ha ett globalt e-postformulär för alla dina publiceringsinlägg. blockera.

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.

WordPress återanvändbara block

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.

WordPress återanvändbara 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 infoga det allmänna blocket (eller gruppen av block) i ditt bibliotek och sedan ändra innehållet på en publikation eller en enskild sida (eller till och med blockera per 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.

införande av ett återanvändbart block för modellen

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 .

WordPress å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.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer