En af de mest nyttige (og underudnyttede) funktioner i WordPress Block Editor (også kendt som Gutenburg) er den genanvendelige blok. Hvis du ved Divi eller andre sidebygere, genanvendelige blokke har samme funktion som globale moduler. Dette er blokke (eller grupper af blokke), som du konfigurerer en gang, men derefter kan genbruge. 

Du kan indsætte dem på tværs af flere sider og indlæg uden at skulle redigere dem igen. Og hvis du vil ændre dem igen, kan ændringerne omfatte hele webstedet, hvilket sparer timer i løbet af et websteds levetid. Så lad os udforske alle de måder, du kan styre dine WordPress genanvendelige blokke på.

Sådan opretter du en genanvendelig blok i WordPress

Oprettelse af en genanvendelig blok i WordPress er relativt ligetil. I ethvert indlæg redigerer du med Block Editor (som er standard i WP 5.x, medmindre du bruger pluginet Classic Editor ), kan du gøre en hvilken som helst blok, du vil genbruges. Klik på rulleliste à tre punkter i indstillingerne for blokeremarkøren og vælg Føj til genanvendelige blokke .

tilføj til genanvendelige blokke

Editoren beder dig om at navngive den nye blok til senere hentning. Sørg for at navngive det som noget mindeværdigt for den funktion, det vil tjene på dit websted. Såsom relaterede artikler eller forsidebillede til blogindlæg eller noget lige så beskrivende.

navngiv din nye blok

Hvis du laver en fejl, når du opretter den genanvendelige blok (eller bare lavede en fejl, mens du opretter den), kan du klikke på parametrene i rullelisten igen og klikke på Slet genanvendelige blokke . Denne mulighed sletter hele blokken fra databasen. données og du kan gentage ovenstående proces for at tilføje den tilbage til samlingen, hvis du vil.

WordPress genanvendelige blokke

Derudover kan du blot klikke på selve blokken, når den er gemt for at finde knappen. ændring .

ændre et genanvendeligt afsnit

For afsnittet Blok i dette eksempel giver det dig mulighed for at omdøbe det. Justeringerne for hver blok vil dog være forskellige. For et billedfelt får du yderligere muligheder som at indsætte en anden fil fra dit mediebibliotek eller uploade en ny sammen med justering eller linket URL.

genanvendelige billedindstillinger

Denne proces fungerer med alle genanvendelige blokke, du opretter. Men husk det eventuelle ændringer, du foretager i en genanvendelig blok på denne måde, gælder for alle andre forekomster af denne blok på dit websted . Så hvis du ændrer billedet i en blok, vises det nye billede overalt.

Sådan indsættes genanvendelige blokke

Brug af genanvendelige blokke i WordPress er faktisk meget let og ligetil. Inde i Block Editor kan du klikke på enhver forekomst af + inde i en cirkel for at finde fanen genanvendelig . Knappen + vises til højre for en hvilken som helst blok, under en hvilken som helst blok og øverst til venstre på skærmen.

find den genanvendelige fane i editoren

Når du indsætter de genanvendelige blokke, du opretter i forskellige indlæg og sider, vises de muligvis også på fanen Mest brugt , der vises øverst på listen, hver gang du trykker på + -knappen.

WordPress genanvendelige blokke

Disse ændres, når du bruger forskellige blokke, men hvis du bruger den samme genanvendelige blok, siger du som sidefoden for hvert blogindlæg, de vises her ganske ofte.

Sådan administreres alle genanvendelige blokke i WordPress

Nederst på fanen genanvendelig du finder et link Administrer alle genanvendelige blokke . Klik på dette link fører dig til en velkendt side, hvor hver genanvendelig blok, du har oprettet, er angivet. Listen ser stort set nøjagtigt ud som standard WordPress-listen over indlæg og sider.

WordPress genanvendelige blokke

Når du ser listen, ser du nogle vigtige indstillinger. Import fra JSON , eksport i JSON-format et forandring .

Utiliser Redigere er nøjagtigt det samme som ovenfor for redigering af en blok. Kun i stedet for at være inde i en bestemt artikel vises blokken i sin egen artikeltypeditor, hvor du kan opdatere den og kun den. Igen vil eventuelle ændringer, der foretages i denne blok, blive anvendt overalt på hver forekomst.

WordPress genanvendelige blokke

For at eksport i JSON-format , klik på knappen (3) vil give dig en dialogboks (afhængigt af dine browserindstillinger) for at vælge en placering til at downloade den genererede JSON-fil. Selve filen er simpel JSON. Den viser filtypen (en blok), titlen, du gav den, da du redigerede eller oprettede den, og derefter den faktiske HTML-kode, der vil blive indsat af WordPress for at gengive blokken og dens indhold på forsiden af ​​webstedet.

WordPress genanvendelige blokke

Import fra JSON er lige så simpelt: du finder JSON-filen på din computer, downloader den som enhver anden vedhæftet fil eller fil.

WordPress genanvendelige blokke

Når du trykker på import vises den på din liste over genanvendelige blokke. Bemærk dog, at hvis du allerede har en blok med samme navn (i dette tilfælde genanvendelig blok 1 ), den nye bloc importeret vil ikke blive omdøbt. Du skal gøre det manuelt for at skelne dem fra hinanden.

WordPress genanvendelige blokke

Hvorfor importere og eksportere genanvendelige blokke?

Der er en række grunde til at importere og eksportere dem, men de vigtigste er til sikkerhedskopiering og portabilitetsformål. Du vil sandsynligvis beholde en sikkerhedskopi af alle blokke og indhold som du finder nyttige at publicere på dit websted. Portabilitet, deling og salg er også vigtigt.

Hvis du har brug for at bruge en blok på et andet sted. At dele med en holdkammerat. Eller at sælge alene som en genanvendelig blok for dine kunder. Ligesom vores layoutpakker ugentlig til Divi , import og eksport af blokke giver dig mulighed for at udvide generatoren på flere måder. Derudover når du bruger indstillingen Gruppeblokke (se nedenfor), kan du importere og eksportere hele modeller og layout som genanvendelige blokke i JSON-format.

Sådan oprettes genanvendelige blokgrupper i WordPress

Oprettelse af en gruppe af genanvendelige blokke lader den fulde funktionalitet af genanvendelige blokke skinne. I stedet for at have et enkelt billede eller afsnit eller overskrift, som du kan indsætte globalt, kan du også gruppere Gutenberg-blokke og gemme dem som en enkelt genanvendelig blok. Det betyder, at du for eksempel kan gruppere en titelblok, en afsnitsblok, en billedblok og en tilpasset HTML-blok for at have en formular globalt e-mail-medlemskab for alle dine blokredaktør-indlæg.

For at oprette en gruppe genanvendelige WordPress-blokke skal du bare klikke mens du holder Skift-tasten nede på blokkene for at føje dem til gruppen. Alle valgte blokke fremhæves med en blå kant.

WordPress genanvendelige blokke

Derefter trykker du på knappen Transformer (2) og vælg Group i rullelisten (3) . På dette tidspunkt vil du se, at blokkene smelter sammen i en blok. Derefter omdanner du gruppeblokken til en genanvendelig blok på samme måde som du gør ovenfor med enhver anden enkelt blok.

WordPress genanvendelige blokke

Denne nye gruppe vises derefter på listen over alle genanvendelige blokke og under fanen. genanvendelig når du tilføjer en ny blok til en publikation eller side.

Sådan opretter du en genanvendelig skabelon

Vi diskuterede tidligere, at en genanvendelig blok i WordPress er et globalt element. Dette betyder, at enhver ændring foretaget på en forekomst af blokken vil påvirke alle andre forekomster. Hvis du ændrer teksten eller billedet af en genanvendelig blok, gælder ændringen for hele webstedet. Dog dig pouvez brug genbrugelige blokke som skabeloner, der kan redigeres individuelt. Igen, ligesom vores Divi-layouts, giver blokeditoren dig mulighed for at indsætte den generelle blok (eller gruppe af blokke) fra dit bibliotek og derefter ændre indhold på en individuel post eller side (eller endda blok for blok) basis.

For at gøre dette skal du indsætte en genanvendelig blok i editoren, som vi så ovenfor. Tryk på + i en cirkel , gå til genanvendelig , vælg derefter den blok, du vil indsætte.

indsættelse af en genanvendelig blok til modellen

Når blokken vises, Klik på de tre prikker for at åbne rullemenuen . Vælg Konverter til normal blok . Bemærk: vælg ikke Slet genanvendelige blokke .

WordPress genanvendelige blokke

Konverter til normal blok gælder kun for denne unikke blok . Når du bruger Konverter til standardblok , fortæller du WordPress, at du vil have denne enkelt blok (og kun denne) til at være uafhængig af de samlede ændringer på hele webstedet. Eventuelle ændringer, du foretager i andre genanvendelige blokke, gælder ikke for en konverteret blok, og disse ændringer gælder ikke globalt.

Valget af Slet genanvendelige blokke fjerner alt fra det globale bibliotek. Blokke, som du allerede har indsat, forbliver, hvor de er, men de deler ikke længere nogen globale træk. Du kan heller ikke genindsætte dem fra fanen genanvendelig (hvilket kan være indlysende). Dette ville besejre formålet med at have den genanvendelige blok som en skabelon, så vi foreslår ikke at gøre dette.

Imidlertid bruger Konverter til almindelig blok , kan du indsætte grundskabelonen til blokken (eller gruppen af ​​blokke) og kun fjerne den bestemte forekomst af den fra Global Standards, hvilket gør den oprindelige blokfunktion genanvendelig som en skabelon til andre publikationer og Sider. Du kan se denne funktion i kraft i vores vejledning omtilføjelse af genanvendelige Divi-layoutblokke til blogindlæg .

Konklusion

Genanvendelige blokke er en af ​​hovedfunktionerne i Gutenberg Block Editor. Fra evnen til at dele blokke og indhold mellem websteder og venner og bruge dem som skabeloner til almindelige elementer på dit websted, kan udnyttelse af den genanvendelige blokeringsfunktion føre dit oprettelse og design af indlæg til det næste niveau. på din side til nye niveauer af nytte, kreativitet og brugeroplevelse.