Hvis du leser denne opplæringen, har du sannsynligvis allerede prøvd den nye Gutenberg-redaktøren for WordPress.

Hvis du ikke har gjort det ennå, anbefaler jeg at du prøver. Den er foreløpig tilgjengelig som et plugin, men vil bli slått sammen med WordPress på et tidspunkt i fremtiden, så du må bli kjent med det en dag.

prøv gutenberg.png

Som alle nye brukergrensesnitt, har den sine fans og motstandere. Det tar alltid tid å bli komfortabel med et nytt grensesnitt, og det er fristende å avvise den nye versjonen.

Som mange mennesker var jeg først skeptisk til Gutenberg. Jeg har jobbet med det gamle grensesnittet i noen år nå, og jeg er kjent med det.

Men Gutenberg bringer en haug med optimaliseringer. Og han har en funksjon som virkelig fikk meg til å tenke to ganger. Hva er denne funksjonen? Dette er dupliserte og delte blokker.

Det høres kanskje ikke så mye ut, men det har potensial til å lage måten jeg skaper på innhold mer effektivt, og for å gjøre dette innhold mer effektive i å bringe Besøkende å handle etter å ha lest den.

I denne opplæringen skal jeg vise deg hvordan du lager dupliserte og delte blokker i Gutenberg og deler noen av mulighetene de åpner opp.

Men først, en rask primer på blokker.

Hva er blokkene?

Blokker er det som slår på Gutenberg. Alle dine innhold vil bli lagt til via en blokk. I skjermbildet nedenfor kan du se en artikkel med en rekke blokker i editoren:

skriv en artikkel om Gutenberg.png

Det er et bredt utvalg av blokker tilgjengelig, som vil gjenspeile hvilke typer innhold du er vant til å legge til innleggene dine, men gir deg en annen måte å gjøre det på. Blokkene inkluderer:

  • Tekstblokker - avsnitt, lister, overskrifter, kode, anførselstegn, tabeller
  • Medieblokker - bilde, galleri, lyd, video
  • Layoutelementer - knapper, avstandsstykker, skillevegger, sideskift
  • Widgetblokker - kategorier, siste innlegg, kortnummer
  • Integrer blokker – YouTube, Soundcloud, Spotify, Twitter mer

Utvalget av blokker er enormt og vokser med et antall tredjeparts plugins som er utgitt som bruker Gutenberg API for å legge til flere blokker.

Når du trenger å legge til et innhold i et innlegg eller en side, legger du til en blokk. Og hvert innhold lagres i sin egen blokk - til og med individuelle avsnitt.

Dette betyr at du kan flytte blokkene dine for å redigere og omorganisere innholdet ditt. Det betyr også at du kan bruke innholdsblokker på nytt ved å opprette en duplikat eller delt blokk.

Duplikatblokker

En duplikatblokk er ganske grei. Du tar en eksisterende blokk som du opprettet, og lager en kopi av den.

For å gjøre dette, svev musen over ellipsen (tre punkter justert loddrett) til høyre for blokken og klikk på alternativet duplisere .

å duplisere en block.png

Et duplikat av denne blokken vil bli opprettet rett etter den opprinnelige blokken, i samme artikkel.

Du kan bruke den når du vil duplisere innhold (for eksempel et tilbud, fjerning, handlingsfremmende eller et bilde) og legge til en annen kopi et annet sted i artikkelen. Du drar bare den nye blokken dit du vil at den skal være. Vær forsiktig med å plassere duplikatblokker for nær hverandre eller ved et uhell å opprette for mange duplikater!

En annen bruk kan være når du vil opprette en ny blokk som ligner på den første, men ikke den samme. I dette tilfellet må du opprette duplikatblokken og deretter endre den. Dette er nyttig hvis du har brukt litt tid på å formatere den første blokken (f.eks. Formatere et bilde) og vil duplisere formateringen, men endre innholdet - eller omvendt.

Når du redigerer en duplikatblokk, har endringene du gjør ingen innvirkning på den opprinnelige blokken - de er to ikke-tilkoblede blokker.

Dermed er dupliserte blokker gode for å spare tid når du vil lage innhold som er det samme eller litt annerledes enn annet innhold i publikasjonen.

Men de har en feil - de fungerer bare i en enkelt artikkel. Hva bruker du hvis du vil duplisere innhold mellom artiklene? Det er her delte blokker spiller inn.

Delte blokker

En delt blokk fungerer annerledes enn en duplikatblokk. Når du oppretter en delt blokk, er det som en mal for alle de andre blokkene du oppretter fra den. Og når du endrer noen av disse blokkene, gjenspeiles endringene i alle delte blokker. Du kan overstyre det, som jeg vil vise deg om kort tid.

Lag en delt blokk

For å opprette en delt blokk, start med å lage en hvilken som helst normal blokk på vanlig måte. Så når du har gjort det, svever du over ellipsen igjen, og denne gangen velger du alternativet Konverter til delt blokkering .

Du vil se et tekstfelt som vises under blokken, der du må gi blokken et navn.

opprett en gjenbrukbar block.png

Gi blokken et unikt navn som gir mening når du legger det til andre innlegg enn dette. Det skal være minneverdig, så du vet nøyaktig hva blokken er når du kommer til å bruke den igjen om uker eller til og med måneder. Jeg synes det er nyttig å legge til blokkeringstypen etter tittelen, i parentes. Når du har skrevet inn blokknavnet, trykker du på knappen Enregistrer .

blokkere gutenberg.png

Tittelen du ga blokken, vises under redaktøren hver gang du bruker den, men den vises ikke i frontenden av nettstedet ditt.

Gjenbruk en delt blokk

Kraften til delte blokker er at når du har opprettet dem en gang, kan du bruke dem så mange ganger du vil, uansett hvor du er på nettstedet.

Når du vil legge til en delt blokk i en artikkel, klikker du på knappen i stedet for å opprette en vanlig tekstblokk + øverst til venstre på redigeringsskjermen. En hurtigmeny vises med en rekke blokkeringstyper du kan velge mellom. Bla ned til du ser alternativet delt og klikk på den.

Du vil nå se alle de delte blokkene du har opprettet på nettstedet ditt. Mine ser litt rotete ut - jeg eksperimenterte med delte blokker på dette lokale nettstedet og ga dem ikke det beste navnet.

bruk reutilisable blocks.png

Klikk nå på den delte blokken du vil bruke, og den vil bli lagt til i artikkelen din.

Redigering av delte blokker

Redigering av delte blokker kommer med noen komplikasjoner som du bør huske på. Den første er at hvis du redigerer en delt blokk som du la til i et innlegg, vil innholdet også bli endret i hvert innlegg der du la til den blokken.

For å endre blokken, klikk på knappen endring tar tittelen i betraktning. Deretter kan du redigere innholdet og tittelen på blokken. Disse endringene vil tre i kraft i alle tilfeller av blokken.

Det er en fin måte å gjøre endringer på nettstedet ditt hvis du har innhold som må oppdateres. Hvis du for eksempel har brukt en delt blokk for en oppfordring til handling med telefonnummeret eller e-postadressen din og kontaktinformasjonen din endres, trenger du bare å redigere blokken en gang.

Dette er imidlertid et problem hvis du bare vil redigere en forekomst av den delte blokken, og gjøre innholdet litt annerledes i en artikkel. For å gjøre dette må du konvertere den til en vanlig blokk og deretter redigere den. Hold markøren over ellipsen til høyre for blokken, og klikk på alternativet Fjern gjenbrukbare blokker.

fjern reutilizable blocks.png

Det vil da oppføre seg som alle andre vanlige blokkeringer på nettstedet ditt.

Hvis du vil opprette en annen delt blokk som ligner på en eksisterende blokk (for eksempel hvis du vil ha to forskjellige versjoner av handlingsfremmende tekst du vil bruke basert på innholdet i innlegget), kan du gjøre det. Følg disse trinnene:

  1. Lag din første delte blokk som beskrevet ovenfor.
  2. Legg til den delte blokken i en ny artikkel
  3. Konverter den til en vanlig blokk og modifiser den.
  4. Konverter den til en delt blokk, som du gjorde første gang.
  5. Gi det et annet navn enn det originale - et navn som vil hjelpe deg med å enkelt identifisere forskjellene mellom de to blokkene. Lagre det.

Du har nå to delte blokker som du kan bruke hvor som helst på nettstedet ditt.

Lagring av delte blokker

Hvis du har tenkt å opprette flere delte blokker for bruk på nettstedet ditt, er det fornuftig å oppbevare en kopi av hver enkelt hvis de er et sted hvor du enkelt kan få tilgang til og redigere dem.

Jeg har laget en artikkel på nettstedet mitt som jeg ikke vil publisere som inneholder en unik kopi av hver av de delte blokkene jeg har opprettet.

Ikke bare kan jeg bruke denne artikkelen for å få tilgang til alle mine delte blokkeringer - hvis jeg vil, kan jeg også legge til tekst over hver for å gi et notat om hva hver blokk er og hvor den er designet for å gå på min nettsted, for eksempel hvilken type innlegg, hvor i innlegget etc. Dette fungerer som en praktisk referanse som jeg (eller andre som redigerer nettstedet) kan bruke for å sikre at jeg bruker delte blokker konsekvent. Det gjør det også lettere for meg å finne en delt blokk hvis jeg trenger å redigere den.

Dupliserte og delte blokker gjør innholdsstyring mer effektiv

Å kunne lage duplikatinnhold som dette i form av dupliserte eller delte blokker, gjør prosessen med å legge til innhold på nettstedet ditt mer effektivt.

Etter min mening kommer de største gevinstene ved å bruke delte blokker for innhold du vil legge til i flere innlegg på nettstedet ditt, for eksempel oppfordringer til handling. Tidligere er dette noe jeg har gjort ved å skrive et plugin og koble innholdet til en actionkrok i hvert av innleggene mine - men det er bare mulig hvis temaet ditt har en krok på rett sted. og hvis du er komfortabel med koden. Gutenberg vil gjøre det enklere og raskere å lage, legge til og administrere duplikatinnhold på et nettsted.

Fortell oss hvordan du brukte dupliserte og delte blokker!