Om du läser denna handledning har du antagligen redan provat den nya Gutenberg-redigeraren för WordPress.

Om du inte har gjort det, rekommenderar jag att du provar. Det finns för närvarande tillgängligt som ett plugin men kommer att slås samman med WordPress någon gång i framtiden, så du måste lära känna det någon gång.

försök gutenberg.png

Liksom alla nya användargränssnitt har det sina fans och motsägare. Det tar alltid tid att bli bekväm med ett nytt gränssnitt, och det är frestande att avvisa den nya versionen.

Som många var jag först skeptisk till Gutenberg. Jag har arbetat med det gamla gränssnittet i några år nu och känner till det.

Men Gutenberg ger en massa optimeringar. Och han har en funktion som verkligen fick mig att tänka två gånger. Vad är den här funktionen? Dessa är dubbletterna och delade block.

Det låter kanske inte så mycket, men det har potential att göra det sätt jag skapar innehåll effektivare och göra detta innehåll effektivare att ta med besökare att agera efter att ha läst den.

I den här handledningen ska jag visa dig hur du skapar dubbletter och delade block i Gutenberg och delar några av de möjligheter de öppnar upp.

Men först en snabb primer på block.

Vad är blocken?

Block är vad som tänds Gutenberg. Alla dina innehåll kommer att läggas till via ett block. I skärmdumpen nedan kan du se en artikel med ett antal block i editorn:

skriv en artikel om Gutenberg.png

Det finns ett brett utbud av block som kommer att återspegla de typer av innehåll som du är van vid att lägga till i dina inlägg, men ger dig ett annat sätt att göra det. Blocken inkluderar:

  • Textblock - stycken, listor, rubriker, kod, citat, tabeller
  • Medieblock - bild, galleri, ljud, video
  • Layoutelement - knappar, distanser, avdelare, sidbrytningar
  • Widgetblock - kategorier, senaste inlägg, kortkod
  • Integrera block – YouTube, Soundcloud, Spotify, Twitter mer

Utbudet av block är enormt och växer med ett antal utgivna plugins från tredje part som använder Gutenberg API för att lägga till ytterligare block.

När du behöver lägga till en del av innehållet i ett inlägg eller sida lägger du till ett block. Och varje innehållsinnehåll lagras i sitt eget block - även enskilda stycken.

Detta innebär att du kan flytta dina block för att redigera och ordna om ditt innehåll. Det betyder också att du kan återanvända innehållsblock genom att skapa ett duplikat eller delat block.

Duplikatblock

Ett dubblettblock är ganska enkelt. Du tar ett befintligt block som du skapade och gör en kopia av det.

För att göra detta, håll musen över ellipsen (tre punkter i höjdled) till höger om blocket och klicka på alternativet duplicera .

att duplicera ett block.png

En duplikat av detta block skapas direkt efter det ursprungliga blocket, i samma artikel.

Du kan använda den när du vill duplicera innehåll (till exempel en offert, borttagning, uppmaning eller bild) och lägga till en annan kopia någon annanstans i din artikel. Du drar bara det nya blocket dit du vill att det ska vara. Se upp för att placera dubbletter för nära varandra eller av misstag skapa för många dubbletter!

En annan användning kan vara när du vill skapa ett andra block som liknar det första men inte detsamma. I det här fallet måste du skapa duplikatblocket och sedan ändra det. Detta är användbart om du har spenderat lite tid på att formatera ditt första block (t.ex. storleksanpassa en bild) och vill duplicera formateringen, men ändra innehållet - eller tvärtom.

När du redigerar ett duplikatblock har de ändringar du gör ingen inverkan på det ursprungliga blocket - de är två icke-anslutna block.

Därför är duplikatblock bra för att spara tid när du vill skapa innehåll som är lika eller något annorlunda än annat innehåll i din publikation.

Men de har en brist - de fungerar bara i en enskild artikel. Vad använder du om du vill kopiera innehåll mellan artiklar? Det är här delade block spelas in.

Delade block

Ett delat block fungerar annorlunda än ett duplikatblock. När du skapar ett delat block är det som en mall för alla andra block du skapar från det. Och när du ändrar något av dessa block återspeglas ändringarna i alla delade block. Du kan åsidosätta det, som jag kommer att visa dig inom kort.

Skapa ett delat block

För att skapa ett delat block, börja med att skapa alla typer av normalt block på vanligt sätt. När du väl har gjort det, sväva över ellipsen igen och välj alternativet den här gången Konvertera till delat block .

Du kommer att se ett textfält som visas under blocket, där du måste ge blocket ett namn.

skapa en återanvändbar block.png

Ge blocket ett unikt namn som är vettigt när du lägger till det i andra inlägg än det här. Det borde vara minnesvärd, så du vet exakt vad blocket är när du kommer att använda det igen om veckor eller till och med månader. Jag tycker att det är användbart att lägga till blocktypen efter titeln inom parentes. När du har skrivit in blocknamnet, tryck på knappen Enregistrer .

blockera gutenberg.png

Titeln du gav blocket visas under den i redigeraren varje gång du använder den, men den kommer inte att visas i framsidan av din webbplats.

Återanvänd ett delat block

Kraften med delade block är att när du har skapat dem en gång kan du återanvända dem så många gånger du vill, var du än är på din webbplats.

När du vill lägga till ett delat block i en artikel klickar du på knappen istället för att skapa ett vanligt textblock + längst upp till vänster på redigeringsskärmen. En snabbmeny visas med en mängd olika blocktyper som du kan välja mellan. Bläddra ner tills du ser alternativet delat och klicka på den.

Du kommer nu att se alla delade block som du har skapat på din webbplats. Gruvan ser lite rörig ut - jag experimenterade med delade block på den här lokala webbplatsen och gav dem inte det bästa namnet.

använd återanvändbara block.png

Klicka nu på det delade blocket du vill använda och det läggs till i din artikel.

Redigering av delade block

Redigering av delade block kommer med några komplikationer som du bör tänka på. Den första är att om du redigerar ett delat block som du har lagt till ett inlägg kommer dess innehåll också att ändras i varje inlägg där du lade till det blocket.

Klicka på knappen för att ändra blocket byta med tanke på dess titel. Du kan sedan redigera blockets innehåll och titel. Dessa ändringar träder i kraft i alla fall av blocket.

Det är ett utmärkt sätt att göra ändringar på din webbplats om du har innehåll som behöver uppdateras. Om du till exempel har använt ett delat block för en uppmaning till handling med ditt telefonnummer eller e-postadress och dina kontaktuppgifter ändras, behöver du bara redigera blocket en gång.

Detta är dock ett problem om du bara vill redigera en instans av det delade blocket och göra innehållet något annorlunda i en artikel. För att göra detta måste du konvertera det till ett normalt block och sedan redigera det. Håll muspekaren över ellipsen till höger om blocket och klicka på alternativet Ta bort återanvändbara block.

ta bort reutilizable blocks.png

Det kommer då att fungera som alla andra vanliga block på din webbplats.

Om du vill skapa ett annat delat block som liknar ett befintligt block (till exempel om du vill ha två olika versioner av din uppmaningstext som du använder baserat på innehållet i inlägget) kan du göra det. Följ dessa steg:

  1. Skapa ditt första delade block som beskrivs ovan.
  2. Lägg till det delade blocket i en ny artikel
  3. Konvertera det till ett normalt block och ändra det.
  4. Konvertera det till ett delat block, som du gjorde första gången.
  5. Ge det ett annat namn än det ursprungliga - ett namn som hjälper dig att enkelt identifiera skillnaderna mellan de två blocken. Spara det.

Du har nu två delade block som du kan använda var som helst på din webbplats.

Lagring av delade block

Om du tänker skapa flera delade block att använda på din webbplats är det vettigt att behålla en kopia av var och en om de finns någonstans där du enkelt kan komma åt och redigera dem.

Jag skapade en artikel på min webbplats som jag inte kommer att publicera som innehåller en unik kopia av vart och ett av de delade blocken jag skapade.

Inte bara kan jag använda den här artikeln för att komma åt alla mina delade block - om jag vill kan jag också lägga till text ovanför var och en för att ge en anteckning om vad varje block är och var det är utformat för att gå på min webbplats, till exempel vilken typ av inlägg, var i inlägget etc. Detta fungerar som ett praktiskt riktmärke som jag (eller någon annan som redigerar webbplatsen) kan använda för att se till att jag använder de delade blocken konsekvent. Det gör det också lättare för mig att hitta ett delat block om jag behöver redigera det.

Duplicerade och delade block effektiviserar innehållshantering

Att kunna skapa duplicerat innehåll som detta i form av dubbletter eller delade block gör processen att lägga till innehåll till din webbplats mer effektiv.

Enligt min åsikt kommer de största vinsterna från att använda delade block för innehåll som du vill lägga till i flera inlägg på din webbplats, till exempel uppmaningar till handling. Tidigare är detta något jag har gjort genom att skriva ett plugin och ansluta innehållet till en actionkrok i vart och ett av mina inlägg - men det är bara möjligt om ditt tema har en krok på rätt plats. och om du är bekväm med koden. Gutenberg gör det enklare och snabbare att skapa, lägga till och hantera duplicerat innehåll på en webbplats.

Berätta hur du använde duplicerade och delade block!