Hvordan eksportere og importere Gutenberg-blokker i WordPress 1

Hvordan eksportere og importere Gutenberg-blokker i WordPress

Gutenberg er standard WordPress-editor, og har vært det siden versjon 5.0. Den ble opprettet med WordPress-credoet i tankene – hvem som helst kan lage et nettsted. Denne holdningen var medvirkende til å gjøre WordPress til det mest populære innholdsstyringssystemet der ute. Det hadde trukket mange mennesker uten sterk teknisk bakgrunn til å lage og drifte sine egne nettsider – og så gikk det og endret seg på dem ved å introdusere Gutenberg.

Gutenberg tilbyr mange nye funksjoner, selv om det frustrerer WordPress-brukere som er vant til Classic-editoren. I denne artikkelen vil vi snakke om en av dem – gjenbrukbare blokker, og hvordan du eksporterer og importerer dem. Vi har allerede berørt dem i vår introduksjon til Gutenberg, men emnet fortjener en dyptgående tilnærming.

Denne artikkelen omhandler opprettelse, eksport og import av gjenbrukbare blokker for Gutenberg. Hvis du har deaktivert Gutenberg på nettstedet ditt, vil du ikke kunne bruke denne funksjonaliteten. Her er hva vi skal diskutere:

Hva er gjenbrukbare blokker i Gutenberg?

Gutenberg er en blokkbasert redaktør. Blokker er diskrete biter av kode som ethvert stykke nettstedinnhold enkelt kan lages med. Gutenberg kommer med en rekke blokker ut-av-boksen som kan brukes til å lage slike stifter av innhold som tekstavsnitt, bilder, video, knapper, kortkoder og mange andre. Men kan du lage en egendefinert blokk uten å lære å kode?

Ja, ja du kan. De kalles gjenbrukbare blokker, og er selve temaet for denne artikkelen.

Disse er brukerlagde blokker laget for enkel replikering. Hvis du vil legge til en personlig forfattersignatur, en handlingsfremmende oppfordring, en melding til leserne dine eller noe annet, kan du endre en generisk Gutenberg-blokk og lagre den for fremtidig bruk på nettstedet ditt, eller faktisk et hvilket som helst annet nettsted. Og vi vil vise deg hvordan.

Hvordan lage gjenbrukbare blokker

Si at du vil legge til en avsnittsblokk som inviterer leserne dine til å abonnere på YouTube-kanalen din til slutten av noen eller alle innleggene dine. Begynn med å lage en slik blokk.

Lag Gutenberg Block

For å lagre blokken og gjøre den gjenbrukbar, klikk på ellipsen (···) i blokkmenyen og velg Legg til gjenbrukbare blokker.

Legg til gjenbrukbar blokk

Nå må du gi den nye blokken et navn. Det er generelt en god idé å navngi alt slik at det er lesbart og relevant for innholdet, og det er grunnen til at vi har kalt YouTube-abonnementet vårt oppfordring til handling YouTube Abonner. Klikk Lagre, og du vil ha lagret blokkeringen for senere bruk.

Navn blokker og lagre

Bare sett den inn som en hvilken som helst annen blokk.

YT-blokk

Hvordan eksportere gjenbrukbare blokker

Men anta at du vil bruke en blokk du har opprettet på et annet nettsted. Gutenberg har en lite kjent funksjonalitet som lar deg gjøre nettopp det.

Arbeid fra et Gutenberg-innlegg eller sideredigeringsskjerm, klikk på rullegardinmenyen i øvre venstre hjørne (+), velg Gjenbrukbare fanen og klikk for å Administrer alle gjenbrukbare blokker.

Administrer blokker

Du vil få en oversikt over alle gjenbrukbare blokker du har lagret. Holder du musepekeren over noen av dem vil du få flere alternativer: Redigere, Søppel, og Eksporter som JSON. Klikker Eksporter som JSON vil, ikke overraskende, eksportere blokkeringen din som en JSON-fil.

Eksporter som JSON

Nedlastingen din bør starte umiddelbart. Når du er ferdig, vil du finne blokkeringen i nedlastingsmappen. Filnavnet vil inneholde navnet på blokken din atskilt med bindestreker og .json Utvidelse.

Laster ned JSON-fil

Slik importerer du gjenbrukbare blokker

Hvordan går jeg frem for å importere en blokk? Igjen, start fra et innlegg eller sideredigeringsskjerm, klikk på +-menyen øverst til venstre og velg Administrer alle gjenbrukbare blokker. Hvis du ikke har noen blokker lagret for øyeblikket, vil du ikke se Gjenbrukbare fanen. I stedet kan du navigere til den gjenbrukbare blokkadministrasjonsskjermen fra rullegardinmenyen øverst til høyre (···).

Administrer riktig

En gang på Gjenbrukbare blokker skjerm, klikker du på Importer fra JSON knapp.

Importer fra JSON

Du vil bli bedt om å Velg en fil.

Importer fra JSON Velg en fil

Vi vil velge JSON-filen vi har lastet ned tidligere, men enhver JSON-fil som inneholder en Gutenberg-blokk kan importeres på denne måten.

Åpne fil JSON

Når du har valgt en fil, klikker du Import og blokken din er klar til bruk.

Importer fra JSON-knappen

Hvis det ikke vises i tabellen umiddelbart, må du oppdatere siden.

Hvordan administrere gjenbrukbare blokker ved hjelp av en plugin

Du kan også bruke en plugin for å eksportere eller importere Gutenberg-blokker. Vi vil bruke Blokkerer eksport import plugg inn.

Når du har installert og aktivert dette enkle pluginet, vil du enkelt kunne eksportere eller importere pluginene dine i post- eller sideeditoren.

For å importere en blokk, klikk på pluss (+)-symbolet for å legge til en blokk, og velg Importer blokker fra JSON for å lage en blokk.

Plugin-importblokker fra JSON

Du kan da Laste opp enhver JSON-fil som inneholder en Gutenberg-blokk.

Plugin-opplastingsblokk

For å eksportere en blokk med denne plugin, klikk på ellipsen (···) i blokkmenyen og velg Eksporter som JSON. Nedlastingen din bør starte umiddelbart.

Plugin Eksporter som JSON

Du finner blokkeringen din i nedlastingsmappen. Filnavnet vil være blocks-export.json.

For å konkludere

Forandring krever ofte tilvenning, selv om det er til det bedre. Gutenberg tilbyr mer enn den klassiske editoren når det gjelder fleksibilitet, funksjonalitet og arbeidsbesparelse, og for å sette pris på det fullt ut, må du virkelig gå ned til messinghakene. Hvis du er en Gutenberg-hater, håper vi denne artikkelen har tatt deg et skritt bort fra den holdningen. Hvis du ikke er det, stoler vi på at vi har belyst et ofte oversett aspekt av Gutenberg WordPress-editoren.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal