TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur skapar jag återanvändbara block i WordPress?

7

WordPress introducerade Gutenberg block editor med version 5.0. Den har många block som du kan infoga i innehållsområdet och skapa vackra layouter. Förutom de enskilda blocken är det som gör Gutenberg enastående möjligheten att konvertera varje individ eller grupp av block till ett återanvändbart block. I den här artikeln kommer vi att utforska hur du skapar återanvändbara block i WordPress Gutenberg -redigeraren.

Vad är ett återanvändbart block?

Låt oss förklara med ett exempel. Affiliate marketing är populärt hos WordPress -bloggare eftersom du enkelt kan infoga affiliate -länkar med hjälp av plugins. Men nu kan du göra detta med Gutenberg -block. Säg att du har en knapp med en affiliatelänk som du vill använda på alla inlägg på din webbplats med liknande utseende och hyperlänk.

Tidigare med Classic editor måste du kopiera knappkoden från dina gamla inlägg och klistra in på nytt inlägg när det behövs. Alternativt kan du använda kortkod eller plugins för att klistra in knappkoden. Detta är en tidskrävande uppgift och det större problemet är att du måste gå till alla inlägg en efter en och ändra knappstilen eller länken.

Återanvändbart blockalternativ i Gutenberg -redigeraren tar bort allt detta krångel. Det låter dig skapa ett enda block som du kan använda var du vill. Du kan ändra innehållet en gång för att uppdatera alla händelser. På så sätt kan du faktiskt bädda in ett anpassat återanvändbart innehåll i varje inlägg och uppdatera centralt.

Skapa återanvändbara block

Logga in på din WordPress -administratörspanel och gå till avsnittet "Inlägg> Lägg till nytt". På samma sätt skapar du normalt ditt inläggsinnehåll. Låt oss först skapa ett stycke med en anpassad färg och stil. Klicka på + -ikonen och infoga ett styckeblock.

Hur skapar jag återanvändbara block i WordPress?

Lägg till styckeblock

Lägg till ditt innehåll och anpassa stycke med bakgrunds- och teckensnittsfärger.

Hur skapar jag återanvändbara block i WordPress?

Anpassa styckeblock

När du är redo med innehållet klickar du på ikonen med tre prickar i blocket. Välj alternativet "Lägg till i återanvändbara block" från rullgardinsmenyn.

Hur skapar jag återanvändbara block i WordPress?

Lägg till i återanvändbara block

Ange ett unikt namn för dina återanvändbara block. Välj något du enkelt kan komma ihåg som "Mitt första affiliateblock". Klicka på "Spara" -knappen så visas ett meddelande med meddelandet "Blockera uppdaterad".

Hur skapar jag återanvändbara block i WordPress?

Namn återanvändbara block

Nu när ditt första återanvändbara block är klart. Du kan radera blocket genom att gå till alternativknappen med tre punkter och välja "Ta bort block". Om det behövs kan du också behålla det återanvändbara blocket på det aktuella inlägget och publicera det.

Hur skapar jag återanvändbara block i WordPress?

Klar att återanvända block

Infoga återanvändbara block i andra inlägg

Skapa nu ett annat inlägg eller redigera något av ditt gamla inlägg för att infoga det återanvändbara blocket du har skapat. Klicka på + -ikonen och skriv in namnet på ditt återanvändbara block i sökrutan. I vårt fall skriver vi "affiliate" för att filtrera "My Affiliate Block" som vi har skapat. Klicka på blocket för att infoga ditt inlägg.

Hur skapar jag återanvändbara block i WordPress?

Sätta i återanvändbara block

Som du kan se finns återanvändbara block tillgängliga på hela din webbplats. Du kan infoga på alla inlägg, sidor eller anpassade inläggstyp som liknar andra standardblock.

Redigera återanvändbara block

Det finns två sätt att redigera återanvändbara block. Det ena är att ändra blockets innehåll så att det kommer att förändras vid alla händelser. Annat är att tillämpa ändringar på endast det aktuella inlägget.

  • Klicka på knappen "Redigera" och ändra innehållet i dina återanvändbara block. Spara dina ändringar så att de syns direkt på alla platser där du har infogat blocket.
  • I många fall kan du behöva ändra innehållet i ett återanvändbart block endast på det aktuella inlägget. När du har infogat ett återanvändbart block klickar du på alternativet tre punkter och väljer alternativet "Konvertera till vanligt block".

Hur skapar jag återanvändbara block i WordPress?

Konvertera till vanligt block

Detta kommer att ändra det återanvändbara blocket till ett vanligt block. Nu kan du redigera innehållet och publicera det som bara kommer att synas på det aktuella inlägget. Kom ihåg att ditt återanvändbara block fortfarande är tillgängligt med det ursprungliga innehållet.

Hantering av återanvändbara block

WordPress har inte ett menyalternativ för hantering av återanvändbara block. Detta är en av huvudorsakerna till att många bloggare inte är medvetna om återanvändbar blockfunktion i Gutenberg. Du kan dock komma åt alla återanvändbara block på två sätt.

  • Det ena är genom att klicka på länken "Hantera alla återanvändbara block" när du sätter in ett block.
  • Ett annat sätt är att klicka på ikonen med tre prickar längst upp till höger i Gutenberg -redigeraren och välja alternativet "Hantera alla återanvändbara block".

Hur skapar jag återanvändbara block i WordPress?

Hantera återanvändbara block

Tips: Klicka på "Alternativ" för att inaktivera oönskade metaboxar från redigeraren. Detta hjälper dig att fokusera på innehållet och få distraheringsfritt skrivande.

Se till att spara eller publicera inlägget, eftersom du klickar på länken så kommer du utanför redigeraren. Du kan visa och hantera alla återanvändbara block som liknar inlägg och sidor på din webbplats. Det är också möjligt att exportera dina block till JSON -fil och importera till en annan webbplats.

Hur skapar jag återanvändbara block i WordPress?

Visa alla återanvändbara block

Faktum är att du direkt kan komma åt alla återanvändbara block med webbadressen " https://www.your-website-name.com/wp-admin/edit.php?post_type=wp_block ". Som du kan se lagrar WordPress återanvändbara block som en anpassad inläggstyp med ett namn som "wp_block". Om du är en utvecklare kan du använda alla anpassade inläggstypsfunktioner och leka med återanvändbar blockfunktion.

Poäng att komma ihåg när du skapar återanvändbara block

  • Vi förklarade med ett styckeblock för förståelsens skull. Egentligen kan du konvertera vilket som helst av det befintliga blocket till ett återanvändbart block.
  • Faktum är att du kan använda " Grupp " -block för att kombinera kolumner, knappar och andra element för att skapa en anpassad layout och använda hela layouten som ett återanvändbart block.
  • Du kan ta bort blocket efter att du lagt till det som ett återanvändbart block. I grund och botten definierar du blocket som återanvändbart så att det är möjligt att infoga på andra inlägg.
  • Med WordPress kan du skapa så många som återanvändbara block.
  • Du kan ta bort ett återanvändbart block när som helst. Vi rekommenderar dig dock att ta bort ett block efter att du har tagit bort alla inbäddade händelser. Annars kommer du att se blocket inte tillgängligt eller raderat meddelande när du redigerar inlägget. Lyckligtvis kommer det inget meddelande att visas på det publicerade inlägget.

Hur skapar jag återanvändbara block i WordPress?

Blockera raderat meddelande

  • Du kan se återanvändbart block som används på inläggen i navigationsstrukturen som en enda komponent. Du kommer inte att blockera detaljerna inuti det återanvändbara blocket.

Hur skapar jag återanvändbara block i WordPress?

Kontrollera navigeringsstrukturen

Slutliga ord

Många bloggare håller fortfarande fast vid gamla Classic Editor utan att flytta till Gutenberg. Dessutom använder bbPress och WooCommerce plugins fortfarande Classic Editor. Men med vackra funktioner som återanvändbara block hoppas vi att alla användare och plugins kommer att börja använda Gutenberg. Du kan skapa uppmaningar till åtgärder, produktblock eller minilayouter med hjälp av återanvändbara block och bädda in i alla inlägg. Med ett enda klick kan du ändra blockets innehåll och uppdatera hela din webbplats.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer