Hvis du læser denne tutorial, har du sandsynligvis allerede prøvet den nye Gutenberg-editor til WordPress.

Hvis du ikke har gjort det endnu, anbefaler jeg, at du prøver det. Det er i øjeblikket tilgængeligt som et plugin, men vil blive fusioneret med WordPress på et eller andet tidspunkt i fremtiden, så du bliver nødt til at lære det at kende en dag.

prøv gutenberg.png

Som alle nye brugergrænseflader har det sine fans og modstandere. Det tager altid tid at blive fortrolig med en ny grænseflade, og det er fristende at afvise den nye version.

Som mange mennesker var jeg først skeptisk over for Gutenberg. Jeg har arbejdet med den gamle grænseflade i et par år nu, og jeg er bekendt med den.

Men Gutenberg bringer en masse optimeringer. Og han har en funktion, der virkelig fik mig til at tænke to gange. Hvad er denne funktion? Dette er de dobbelte og delte blokke.

Det lyder måske ikke af meget, men det har potentialet til at skabe den måde, jeg skaber på indhold mere effektivt og gøre dette indhold mere effektive til at bringe besøgende at handle efter at have læst det.

I denne vejledning vil jeg vise dig, hvordan du opretter duplikerede og delte blokke i Gutenberg og deler nogle af de muligheder, de åbner op for.

Men først en hurtig primer på blokke.

Hvad er blokke?

Blokke er, hvad der tænder Gutenberg. Alle dine indhold vil blive tilføjet via en blok. På skærmbilledet nedenfor kan du se en artikel med en række blokke i editoren:

skriv en artikel om Gutenberg.png

Der findes en lang række blokke, som afspejler de typer indhold, du er vant til at føje til dine indlæg, men giver dig en anden måde at gøre det på. Blokkene inkluderer:

  • Tekstblokke - afsnit, lister, overskrifter, kode, citater, tabeller
  • Medieblokke - billede, galleri, lyd, video
  • Layoutelementer - knapper, afstandsstykker, skillevægge, sideskift
  • Widgetblokke - kategorier, seneste indlæg, kortkode
  • Integrer blokke – YouTube, Soundcloud, Spotify, Twitter og mere

Rækken af ​​blokke er enorm og vokser med et antal tredjeparts plugins frigivet, der bruger Gutenberg API til at tilføje yderligere blokke.

Når du har brug for at tilføje et stykke indhold til et indlæg eller en side, tilføjer du en blok. Og hvert stykke indhold gemmes i sin egen blok - selv individuelle afsnit.

Dette betyder, at du kan flytte dine blokke rundt for at redigere og omarrangere dit indhold. Det betyder også, at du kan genbruge indholdsblokke ved at oprette en duplikat eller delt blok.

Duplicate Blocks

En duplikatblok er ret ligetil. Du tager en eksisterende blok, som du oprettede, og laver en kopi af den.

For at gøre dette skal du holde musen over ellipsen (tre punkter lodret lodret) til højre for blokken og klikke på indstillingen duplikere .

at duplikere en block.png

En duplikat af denne blok oprettes direkte efter den oprindelige blok i den samme artikel.

Du kan bruge det, når du vil duplikere indhold (såsom et tilbud, fjernelse, opfordring til handling eller billede) og tilføje en anden kopi et andet sted i din artikel. Du trækker bare den nye blok, hvor du vil have den. Pas på at placere duplikatblokke for tæt på hinanden eller ved et uheld skabe for mange duplikater!

En anden anvendelse kan være, når du vil oprette en anden blok, der ligner den første, men ikke den samme. I dette tilfælde skal du oprette duplikatblokken og derefter ændre den. Dette er nyttigt, hvis du har brugt lidt tid på at formatere din første blok (f.eks. Størrelse et billede) og ønsker at duplikere formateringen, men ændre indholdet - eller omvendt.

Når du redigerer en duplikatblok, har de ændringer, du foretager, ingen indflydelse på den oprindelige blok - de er to ikke-forbundne blokke.

Således er duplikatblokke gode til at spare tid, når du vil oprette indhold, der er det samme eller lidt anderledes end andet indhold i din publikation.

Men de har en fejl - de fungerer kun i en enkelt artikel. Hvad bruger du, hvis du vil kopiere indhold mellem artikler? Det er her, der deles blokke ind.

Delte blokke

En delt blok fungerer forskelligt fra en duplikatblok. Når du opretter en delt blok, er det som en skabelon til alle de andre blokke, du opretter ud fra den. Og når du ændrer nogen af ​​disse blokke, reflekteres ændringerne i alle delte blokke. Du kan tilsidesætte det, som jeg snart viser dig.

Opret en delt blok

For at oprette en delt blok skal du starte med at oprette enhver type normal blok på den sædvanlige måde. Så når du har gjort det, skal du holde markøren over ellipsen igen, og denne gang skal du vælge indstillingen Konverter til delt blok .

Du vil se et tekstfelt vist under blokken, hvor du bliver nødt til at give blokken et navn.

oprette en genanvendelig block.png

Giv blokken et unikt navn, der giver mening, når du føjer den til andre indlæg end denne. Det skal være mindeværdigt, så du ved præcis, hvad blokken er, når du kommer til at bruge den igen om uger eller endda måneder. Jeg finder det nyttigt at tilføje bloktypen efter titlen i parentes. Når du har skrevet bloknavnet, skal du trykke på knappen Tilmeld .

blok gutenberg.png

Titlen, du gav blokken, vises under den i editoren, hver gang du bruger den, men den vises ikke i frontenden af ​​dit websted.

Genanvend en delt blok

Kraften ved delte blokke er, at når du har oprettet dem én gang, kan du genbruge dem så mange gange du vil, uanset hvor du er på dit websted.

Når du vil føje en delt blok til en artikel, skal du klikke på knappen i stedet for at oprette en almindelig tekstblok + øverst til venstre på redigeringsskærmen. En kontekstmenu vises med en række forskellige bloktyper, som du kan vælge imellem. Rul ned, indtil du ser muligheden delt og klik på den.

Du vil nu se alle de delte blokke, du har oprettet på dit websted. Mine ser lidt rodet ud - Jeg eksperimenterede med delte blokke på dette lokale websted og gav dem ikke det bedste navn.

brug genanvendelige blocks.png

Klik nu på den delte blok, du vil bruge, og den tilføjes til din artikel.

Redigering af delte blokke

Redigering af delte blokke har nogle komplikationer, som du skal huske på. Den første er, at hvis du redigerer en delt blok, som du har føjet til et indlæg, ændres dens indhold også i hvert indlæg, hvor du tilføjede denne blok.

Klik på knappen for at ændre blokken ændring under hensyntagen til dens titel. Du kan derefter redigere indholdet og titlen på blokken. Disse ændringer træder i kraft i alle tilfælde af blokken.

Det er en fantastisk måde at foretage ændringer på dit websted på, hvis du har indhold, der skal opdateres. Hvis du f.eks. Har brugt en delt blok til en opfordring til handling med dit telefonnummer eller din e-mail-adresse, og dine kontaktoplysninger ændres, behøver du kun redigere blokken en gang.

Dette er dog et problem, hvis du bare vil redigere en forekomst af den delte blok og gøre dens indhold lidt anderledes i en artikel. For at gøre dette skal du konvertere den til en normal blok og derefter redigere den. Hold markøren over ellipsen til højre for blokken, og klik på indstillingen Fjern genanvendelige blokke.

fjern reutilizable blocks.png

Det opfører sig derefter som enhver anden almindelig blokering på dit websted.

Hvis du vil oprette en anden delt blok svarende til en eksisterende blok (hvis du f.eks. Vil have to forskellige versioner af din opfordring til handling-tekst, som du bruger baseret på indholdet af indlægget), kan du gøre det. Følg disse trin:

  1. Opret din første delte blok som beskrevet ovenfor.
  2. Føj den delte blok til en ny artikel
  3. Konverter det til en normal blok og modificer den.
  4. Konverter det til en delt blok, som du gjorde første gang.
  5. Giv det et andet navn end det originale - et navn, der hjælper dig med let at identificere forskellene mellem de to blokke. Gem det.

Du har nu to delte blokke, som du kan bruge overalt på dit websted.

Opbevaring af delte blokke

Hvis du agter at oprette flere delte blokke til brug på dit websted, er det fornuftigt at opbevare en kopi af hver enkelt, hvis de er et sted, hvor du nemt kan få adgang til og redigere dem.

Jeg oprettede en artikel på mit websted, som jeg ikke vil offentliggøre, der indeholder en unik kopi af hver af de delte blokke, jeg oprettede.

Ikke kun kan jeg bruge denne artikel til at få adgang til alle mine delte blokke - hvis jeg vil, kan jeg også tilføje tekst over hver enkelt for at give en note om, hvad hver blok er, og hvor den er designet til at gå på min websted, såsom hvilken type indlæg, hvor i indlægget osv. Dette fungerer som et praktisk benchmark, som jeg (eller andre, der redigerer webstedet) kan bruge til at sikre, at jeg bruger de delte blokke konsekvent. Det gør det også lettere for mig at finde en delt blok, hvis jeg har brug for at redigere den.

Duplicerede og delte blokke gør indholdsstyring mere effektiv

At være i stand til at oprette duplikatindhold som dette i form af duplikat eller delte blokke gør processen med at tilføje indhold til dit websted mere effektiv.

Efter min mening kommer de største gevinster ved at bruge delte blokke til indhold, du vil føje til flere indlæg på dit websted, såsom opfordringer til handling. Tidligere er dette noget, jeg har gjort ved at skrive et plugin og tilslutte indholdet til en actionkrog i hvert af mine indlæg - men det er kun muligt, hvis dit tema har en krog på det rigtige sted. og hvis du er fortrolig med koden. Gutenberg vil gøre det lettere og hurtigere at oprette, tilføje og administrere duplikatindhold på et websted.

Fortæl os, hvordan du brugte duplikat og delte blokke!