En av de mest nyttige (og underutnyttede) funksjonene til WordPress Block Editor (også kjent som Gutenburg) er den gjenbrukbare blokken. Hvis du vet Divi eller andre sidebygere, har gjenbrukbare blokker samme funksjon som globale moduler. Dette er blokker (eller grupper av blokker) som du konfigurerer en gang, men som deretter kan brukes på nytt.
Du kan sette dem inn på flere sider og innlegg uten å måtte redigere dem igjen. Og hvis du vil endre dem igjen, kan endringene være hele området, og du sparer timer i løpet av et nettsted. Så la oss utforske alle måtene du kan administrere dine gjenbrukbare WordPress-blokker på.
Hvordan lage en gjenbrukbar blokk i WordPress
Å lage en gjenbrukbar blokk i WordPress er relativt grei. I ethvert innlegg du redigerer med Block Editor (som er standard i WP 5.x, med mindre du bruker pluginet Classic Editor ), kan du gjøre hvilken som helst blokk du vil gjenbrukes. Klikk på nedtrekksliste à tre poeng i blokkeringspekeren og velg Legg til gjenbrukbare blokker .
Redaktøren vil be deg om å navngi den nye blokken for senere henting. Sørg for å gi den noe minneverdig for funksjonen den vil tjene på nettstedet ditt. Som for eksempel relaterte artikler eller forsidebilde for blogginnlegg eller noe like beskrivende.
Hvis du gjør en feil når du oppretter den gjenbrukbare blokken (eller bare gjorde en feil mens du opprettet den), kan du klikke på parameterne i rullegardinlisten igjen og klikke på Slett gjenbrukbare blokker . Dette alternativet sletter hele blokken fra databasen. données og du kan gjenta prosessen ovenfor for å legge den tilbake til samlingen hvis du vil.
I tillegg kan du bare klikke på selve blokken når den er lagret for å finne knappen. endring .
For avsnittsblokken i dette eksemplet, gir den deg muligheten til å gi nytt navn. Justeringene for hver blokk vil imidlertid være forskjellige. For en bildeboks får du flere alternativer som å sette inn en annen fil fra mediebiblioteket eller laste opp en ny, sammen med justering eller koblet URL.
Denne prosessen fungerer med alle gjenbrukbare blokker du oppretter. Men husk det eventuelle endringer du gjør i en gjenbrukbar blokk på denne måten, gjelder alle andre forekomster av den blokken på nettstedet ditt . Så hvis du endrer bildet i en blokk, vil det nye bildet vises overalt.
Slik setter du inn gjenbrukbare blokker
Å bruke gjenbrukbare blokker i WordPress er faktisk veldig enkelt og greit. Inne i Block Editor kan du klikke på hvilken som helst forekomst av + i en sirkel for å finne fanen gjenbruk . + -Knappen vises til høyre for en hvilken som helst blokk, under en hvilken som helst blokk og øverst til venstre på skjermen.
Når du setter inn de gjenbrukbare blokkene du oppretter i forskjellige innlegg og sider, kan de også vises i fanen Mest brukt , som vises øverst på listen hver gang du trykker på + -knappen.
Disse vil endres når du bruker forskjellige blokker, men hvis du bruker den samme gjenbrukbare blokken, for eksempel som bunntekst for hvert blogginnlegg, vil de vises her ganske ofte.
Hvordan håndtere alle gjenbrukbare blokker i WordPress
Nederst på fanen gjenbruk du finner en lenke Administrer alle gjenbrukbare blokker . Ved å klikke på denne lenken kommer du til en kjent side der hver gjenbrukbare blokk du har opprettet, er oppført. Listen vil se stort sett ut som standard WordPress-listen over innlegg og sider.
Når du ser på listen, ser du noen viktige alternativer. Importer fra JSON , eksport i JSON-format et endring .
Utiliser Rediger er nøyaktig det samme som ovenfor for redigering av en blokk. Bare i stedet for å være inne i en bestemt artikkel, vises blokken i sin egen editor for artikkeltype hvor du kan oppdatere den og bare den. Igjen, eventuelle endringer som gjøres i denne blokken, vil bli brukt hele området for hver forekomst.
Hell eksport i JSON-format , klikk på knappen (3) vil gi deg en dialogboks (avhengig av nettleserinnstillingene) for å velge en plassering for å laste ned den genererte JSON-filen. Selve filen er enkel JSON. Den viser filtypen (en blokk), tittelen du ga den da du redigerte eller opprettet, og deretter den faktiske HTML-koden som vil bli satt inn av WordPress for å gjengi blokken og dens innhold på forsiden av nettstedet.
Importer fra JSON er like enkelt: du finner JSON-filen på datamaskinen din, laster den ned som ethvert annet vedlegg eller fil.
Når du trykker på import , vil det vises i listen over gjenbrukbare blokker. Vær imidlertid oppmerksom på at hvis du allerede har en blokk med samme navn (i dette tilfellet gjenbrukbar blokk 1 ), den nye bloc importert vil ikke bli omdøpt. Du må gjøre det manuelt for å skille dem fra hverandre.
Hvorfor importere og eksportere gjenbrukbare blokker?
Det er en rekke grunner til å importere og eksportere dem, men de viktigste er for sikkerhetskopiering og portabilitetsformål. Du vil sannsynligvis beholde en sikkerhetskopi av alle blokker og innhold som du anser som nyttig å publisere på nettstedet ditt. Portabilitet, deling og salg er også viktig.
Hvis du trenger å bruke en blokk på et annet nettsted. Å dele med en lagkamerat. Eller å selge alene som en gjenbrukbar blokk for kundene dine. Akkurat som vår oppsettpakker ukentlig for Divi , import og eksport av blokker gir deg muligheten til å utvide generatoren på flere måter. I tillegg når du bruker alternativet Gruppeblokker (se nedenfor), kan du importere og eksportere hele modeller og oppsett som gjenbrukbare blokker i JSON-format.
Hvordan lage gjenbrukbare blokkeringsgrupper i WordPress
Ved å opprette en gruppe gjenbrukbare blokker får den fulle funksjonaliteten til gjenbrukbare blokker skinne. I stedet for å ha et enkelt bilde eller avsnitt eller overskrift som du kan sette inn globalt, kan du også gruppere Gutenberg-blokker og lagre dem som en enkelt gjenbrukbar blokk. Dette betyr at du for eksempel kan gruppere en tittelblokk, en avsnittsblokk, en bildeblokk og en tilpasset HTML-blokk for å ha en skjema globalt e-postmedlemskap for alle blokkredaktørinnleggene dine.
For å opprette en gruppe gjenbrukbare WordPress-blokker, klikker du bare mens du holder nede Skift-tasten på blokkene for å legge dem til gruppen. Alle valgte blokker blir uthevet med en blå kant.
Deretter trykker du på knappen Transformator (2) og velg Gruppe i rullegardinlisten (3) . På dette punktet vil du se blokkene smelter sammen i en blokk. Du gjør deretter gruppeblokken til en gjenbrukbar blokk på samme måte som du gjør ovenfor med en hvilken som helst annen enkeltblokk.
Denne nye gruppen vil da vises i listen over alle gjenbrukbare blokker og under fanen. gjenbruk når du legger til en ny blokk til en publikasjon eller side.
Hvordan lage en gjenbrukbar mal
Vi diskuterte tidligere at en gjenbrukbar blokk i WordPress er et globalt element. Dette betyr at enhver endring som gjøres i en forekomst av blokken, vil påvirke alle andre forekomster. Hvis du endrer teksten eller bildet i en gjenbrukbar blokk, gjelder den endringen for hele nettstedet. Imidlertid, du pouvez bruk gjenbrukbare blokker som maler som kan redigeres individuelt. Igjen, akkurat som Divi-oppsettene våre, lar blokkredigereren deg sette inn den generelle blokken (eller gruppen av blokker) fra biblioteket ditt, og deretter endre innhold på en individuell post eller side (eller til og med blokk for blokk).
For å gjøre dette, sett inn en gjenbrukbar blokk i redigereren, som vi så ovenfor. trykk + i en sirkel , gå til gjenbruk , velg deretter blokken du vil sette inn.
Når blokken vises, Klikk på de tre prikkene for å åpne rullegardinmenyen . Plukke ut Konverter til normal blokkering . Merk: ikke velg Slett gjenbrukbare blokker .
Konverter til normal blokkering gjelder bare for denne unike blokken . Når du bruker Konverter til standardblokk , forteller du WordPress at du vil at denne enkeltblokken (og bare denne) skal være uavhengig av generelle endringer på hele nettstedet. Eventuelle endringer du gjør i andre gjenbrukbare blokker, vil ikke gjelde for en konvertert blokk, og disse endringene vil ikke gjelde globalt.
Utvalget av Slett gjenbrukbare blokker fjerner alt fra den globale katalogen. Blokker som du allerede har satt inn vil forbli der de er, men de vil ikke lenger dele noen globale trekk. Du vil heller ikke kunne sette dem inn på nytt fra fanen gjenbruk (som kan være opplagt). Dette vil beseire formålet med å ha den gjenbrukbare blokken som mal, så vi foreslår ikke å gjøre dette.
Imidlertid bruker Konverter til vanlig blokkering , kan du sette inn basismalen for blokken (eller gruppen av blokker) og fjerne bare den spesifikke forekomsten av den fra globale standarder, noe som gjør den opprinnelige blokkeringsfunksjonen gjenbrukbar som en mal for andre publikasjoner og Sider. Du kan se denne funksjonen i kraft i vår opplæring omlegge til gjenbrukbare Divi-layoutblokker i blogginnlegg .
konklusjonen
Gjenbrukbare blokker er en av hovedtrekkene i Gutenberg Block Editor. Fra muligheten til å dele blokker og innhold mellom nettsteder og venner og bruke dem som maler for vanlige elementer på nettstedet ditt, ved å dra nytte av funksjonen for gjenbrukbare blokkeringer, kan du opprette og designe innlegg til neste nivå og på siden din til nye nivåer av nytte, kreativitet og brukeropplevelse.
