TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan lage gjenbrukbare blokker i WordPress?

16

WordPress introduserte Gutenberg block editor med versjon 5.0. Den har mange blokker som du kan sette inn på innholdsområdet og lage vakre oppsett. I tillegg til de individuelle blokkene, er det som gjør Gutenberg enestående muligheten til å konvertere et individ eller en gruppe blokker til en gjenbrukbar blokk. I denne artikkelen vil vi utforske hvordan du lager gjenbrukbare blokker i WordPress Gutenberg -redaktør.

Hva er en gjenbrukbar blokk?

La oss forklare med et eksempel. Tilknyttet markedsføring er populær blant WordPress -bloggere, ettersom du enkelt kan sette inn tilknyttede lenker ved hjelp av plugins. Imidlertid kan du nå gjøre dette med Gutenberg -blokker. Si at du har en knapp med en tilknyttet lenke som du vil bruke på alle innlegg på nettstedet ditt med lignende utseende og hyperkobling.

Tidligere med Classic editor må du kopiere knappkoden fra dine gamle innlegg og lime inn på nytt innlegg når det er nødvendig. Alternativt kan du bruke kortkode eller plugins for å lime inn knappekoden. Dette er en tidkrevende oppgave, og det større problemet er at du må gå til alle innlegg en etter en og endre knappestilen eller lenken.

Gjenbrukbart blokkeringsalternativ i Gutenberg -redaktøren tar alle disse problemene bort. Den lar deg lage en enkelt blokk som du kan bruke hvor du vil. Du kan endre innholdet en gang for å oppdatere alle hendelsene. På denne måten kan du faktisk legge inn et tilpasset gjenbrukbart innhold i hvert innlegg og oppdatere sentralt.

Opprette gjenbrukbare blokker

Logg på WordPress -administrasjonspanelet ditt og gå til "Innlegg> Legg til nytt" -delen. Dette er normalt på samme måte som du vil lage innleggsinnholdet ditt. La oss først lage et avsnitt med en tilpasset farge og stil. Klikk på + -ikonet og sett inn en avsnittsblokk.

Hvordan lage gjenbrukbare blokker i WordPress?

Legg til avsnittsblokk

Legg til innholdet ditt og tilpass avsnitt med bakgrunns- og skriftfarger.

Hvordan lage gjenbrukbare blokker i WordPress?

Tilpass avsnittsblokk

Når du er klar med innholdet, klikker du på alternativikonet med tre prikker på blokken. Velg alternativet "Legg til gjenbrukbare blokker" fra rullegardinmenyen.

Hvordan lage gjenbrukbare blokker i WordPress?

Legg til i gjenbrukbare blokker

Skriv inn et unikt navn for blokkene du kan bruke igjen. Velg noe du enkelt kan huske som "Min første tilknyttede blokk". Klikk på "Lagre" -knappen, og du vil se en varselmelding som sier "Blokker oppdatert".

Hvordan lage gjenbrukbare blokker i WordPress?

Navn gjenbrukbare blokker

Nå som din første gjenbrukbare blokk er klar. Du kan slette blokken ved å gå til alternativknappen med tre prikker og velge "Fjern blokk". Om nødvendig kan du også beholde blokken som er gjenbrukbar på gjeldende innlegg og publisere den.

Hvordan lage gjenbrukbare blokker i WordPress?

Gjenbrukbar blokk klar

Sette inn gjenbrukbare blokker i andre innlegg

Lag nå et annet innlegg eller rediger det gamle innlegget ditt for å sette inn blokken du har opprettet igjen. Klikk på + -ikonet og skriv inn navnet på den gjenbrukbare blokken i søkeboksen. I vårt tilfelle skriver vi inn "tilknyttet" for å filtrere "Min tilknyttede blokk" som vi har opprettet. Klikk på blokken for å sette inn i innlegget ditt.

Hvordan lage gjenbrukbare blokker i WordPress?

Sette inn gjenbrukbare blokker

Som du kan se, er gjenbrukbare blokker tilgjengelig på hele nettstedet ditt. Du kan sette inn alle innlegg, sider eller egendefinerte innleggstyper som ligner på andre standardblokker.

Redigere gjenbrukbare blokker

Det er to måter å redigere gjenbrukbare blokker på. Den ene er å endre innholdet i blokken slik at den vil endre seg på alle forekomster. Annet er å bruke endringer på bare det nåværende innlegget.

  • Klikk på "Rediger" -knappen og endre innholdet i blokkene du kan bruke igjen. Lagre endringene dine slik at de umiddelbart blir synlige på alle stedene du har satt inn blokken.
  • I mange tilfeller kan det hende du må endre innholdet i en gjenbrukbar blokk bare på nåværende innlegg. Etter at du har satt inn en gjenbrukbar blokk, klikker du på alternativet med tre prikker og velger "Konverter til vanlig blokk".

Hvordan lage gjenbrukbare blokker i WordPress?

Konverter til vanlig blokk

Dette vil endre den gjenbrukbare blokken til en vanlig blokk. Nå kan du redigere innholdet og publisere det som bare vil være synlig på det gjeldende innlegget. Husk at blokken din som kan brukes igjen, fortsatt er tilgjengelig med det originale innholdet.

Håndtering av gjenbrukbare blokker

WordPress har ikke et menyelement for å administrere blokker som kan brukes på nytt. Dette er en av hovedårsakene til at mange bloggere ikke er klar over gjenbrukbare blokkeringsfunksjoner i Gutenberg. Du kan imidlertid få tilgang til alle gjenbrukbare blokker på to måter.

  • Den ene er ved å klikke på koblingen "Administrer alle gjenbrukbare blokker" når du setter inn en blokk.
  • En annen måte er å klikke på ikonet for de tre prikkene øverst til høyre i Gutenberg -editoren og velge alternativet "Administrer alle gjenbrukbare blokker".

Hvordan lage gjenbrukbare blokker i WordPress?

Administrer gjenbrukbare blokker

Tips: Klikk på "Alternativer" for å deaktivere uønskede metabokser fra redaktøren. Dette vil hjelpe deg å fokusere på innholdet og ha distraksjonsfri skriving.

Sørg for å lagre eller publisere innlegget, ettersom du klikker på lenken for å komme deg utenfor redaktøren. Du kan se og administrere alle gjenbrukbare blokker som ligner på innlegg og sider på nettstedet ditt. Det er også mulig å eksportere blokkene dine til JSON -fil og importere til et annet nettsted.

Hvordan lage gjenbrukbare blokker i WordPress?

Se alle gjenbrukbare blokker

Faktisk kan du få tilgang til alle gjenbrukbare blokker ved å bruke URL-en ” https://www.your-website-name.com/wp-admin/edit.php?post_type=wp_block “. Som du kan se, lagrer WordPress blokker som kan brukes på nytt som en egendefinert innleggstype med navnet "wp_block". Hvis du er en utvikler, kan du gjøre bruk av alle egendefinerte innleggstypefunksjoner og leke med blokkeringsfunksjoner som kan brukes på nytt.

Poeng å huske på ved å lage blokker for gjenbruk

  • Vi forklarte med en avsnittsblokk av hensyn til forståelsen. Egentlig kan du konvertere hvilken som helst av den eksisterende blokken til en gjenbrukbar blokk.
  • Faktisk kan du bruke " Gruppe " -blokk for å kombinere kolonner, knapper og andre elementer for å lage et tilpasset oppsett og bruke hele oppsettet som en gjenbrukbar blokk.
  • Du kan slette blokken etter å ha lagt den til som en gjenbrukbar blokk. I utgangspunktet definerer du blokken som gjenbrukbar, slik at den er mulig å sette inn på andre innlegg.
  • WordPress lar deg lage så mange som gjenbrukbare blokker.
  • Du kan når som helst slette en gjenbrukbar blokk. Vi anbefaler deg imidlertid å slette en blokk etter at du har fjernet alle innebygde forekomster. Ellers vil du se blokkering som ikke er tilgjengelig eller slettet melding når du redigerer innlegget. Heldigvis vil det ikke vises noen melding på det publiserte innlegget.

Hvordan lage gjenbrukbare blokker i WordPress?

Blokkert slettet melding

  • Du kan se gjenbrukbar blokk som brukes på innleggene i navigasjonsstrukturen som en enkelt komponent. Du vil ikke blokkdetaljene inne i blokken for gjenbruk.

Hvordan lage gjenbrukbare blokker i WordPress?

Sjekk navigasjonsstrukturen

Siste ord

Mange bloggere holder fortsatt på den gamle Classic Editor uten å flytte til Gutenberg. I tillegg bruker bbPress og WooCommerce plugins fortsatt Classic Editor. Med vakre funksjoner som gjenbrukbare blokker håper vi imidlertid at alle brukere og plugins vil begynne å bruke Gutenberg. Du kan lage oppfordringer til handlinger, produktblokker eller minilayouter ved å bruke blokker som kan brukes på nytt og bygge inn i et hvilket som helst innlegg. Med et enkelt klikk kan du endre innholdet i blokken og oppdatere på hele nettstedet.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon