Først hadde WordPress-brukere et søtt og bittert forhold til blokkgeneratoren. Så som vi oppdaget i vår gutenberg guide, den nye redaktøren kommer med fantastiske funksjoner som gjør det enkelt og morsomt å lage vakkert innhold. Nå kan noen ikke lenger klare seg uten.
Gutenberg gir deg nok funksjoner til å lage flotte sider og artikler uten å skrive noen kode. Uansett hvilket innhold du vil legge til, har Gutenberg akkurat den rette blokken.
Vil du endre og tilpasse hver innholdsblokk i dybden? Gutenberg har et batteri med tilpasningsalternativer for dette.
Vil du ha enda flere blokker enn det som er tilgjengelig i standardredigeringsprogrammet? der massevis av WordPress-plugin for Gutenberg
Det er derfor det er trist at mange brukere ikke kjenner Gjenbrukbare blokker, en av Gutenbergs strålende trekk. Hvis du ikke aner hva vi snakker om, er gjenbrukbare blokker bare blokker innhold que du oppretter, lagrer og gjenbruker etter eget ønske.
Anta at du vil legge til en ring til handling-knappen som heter takk notat, signatur, skjema eller noe annet på slutten av hvert innlegg eller side.
Tidligere måtte du lagre funksjonen i en tekstfil på datamaskinen din. Når du trengte det, kopierer du og limer det inn i innlegget eller siden din. Gutenberg reduserte dette problemet. Nå trenger du ikke å bruke tekstfiler eller lage de samme blokkene fra bunnen av hver gang.
Du kan opprette en enkelt gjenbrukbar blokk og bruke den ikke bare i innleggene og sidene dine, men også på andre WordPress-nettsteder.
Enten du bygger mange nettsteder eller trenger å legge til spesielt innhold til hvert innlegg / hver side, kan Gutenbergs gjenbrukbare blokkeringer hjelpe deg med å spare mye tid.
Og i dagens artikkel viser vi deg nøyaktig hvordan du oppretter og eksporterer gjenbrukbare blokker fra Gutenberg til WordPress. Målet vårt er å hjelpe deg med å enkelt flytte og bruke tilpassede innholdsblokker på tvers av flere WordPress-innlegg / sider / nettsteder.
Men før det, hvis du aldri har installert WordPress, la oss finne ut av det Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din
Så tilbake til hvorfor vi er her.
Unntatt : Hvis du oppretter en blokk ved hjelp av en WordPress Plugin såsom Bli bred, for eksempel må du installere dette pluginet på de andre WordPress-nettstedene der du vil bruke blokken på nytt. Merk også at blokkene dine kan se litt annerledes ut fra tema til tema, men alt dette er bra fordi Gutenberg gir deg mye tilpasningskraft.
Først og fremst trenger du gjenbrukbare blokker
Dessverre kan du ikke eksportere eller importere blokker regelmessig. For å eksportere og importere Gutenberg-blokker, må du først opprette blokker gjenbrukbar.
For illustrasjonsformål vil vi lage en takk notat som jeg vil legge til på slutten av hver artikkel vi publiserer, uten å måtte skrive om notatet hver gang jeg trenger å legge det til en artikkel.
Ma takkemelding gjorde ingenting komplekst; bare en enkel avsnittblokk med lenker til Twitter og Facebook. Husk at blokkeringen din kan være hva du vil - en bannerannonse, un bilde glidebryter, et sitat, en liste, de siste publikasjonene, et MailChimp-skjema osv ...
Senere vil vi vise deg hvordan du eksporterer dette takk notat på et annet WordPress-nettsted.
Hvordan lage en gjenbrukbar blokk
Å lage en gjenbrukbar blokk er utrolig enkelt. Gå til Artikler> Legg til å starte Gutenberg-redaktøren:
Klikk deretter på ikonet Legg til blokk (+), velg deretter innholdsblokken din. I vårt tilfelle har vi lagt til avsnittblokken som vist i det følgende bildet.
Etter det, tilpass blokken din etter dine behov. Vi har lagt til tekst, lenker til sosiale medieprofiler og bakgrunnsfarge. Dette er hva den nye notisblokken vår heter merci ser ut som i vår Gutenberg-redaktør:
På dette tidspunktet er merknaden ovenfor en bloc regelmessig. Vi må gjøre det om til en bloc réutilisable at vi kan eksportere og importere. For å gjøre det, klikk på ikonet Flere valg, deretter legg til gjenbrukbare blokker, som vist under.
Gi deretter den gjenbrukbare blokken et navn og trykk på knappen Ta opp, som kan sees nedenfor.
Og det er det, du har nettopp opprettet din første gjenbrukbare blokk.
Hvordan bruke gjenbrukbare blokker
Det er ekstremt enkelt å legge til den gjenbrukbare blokken vi nettopp opprettet. Når du har lagt til det nødvendige innholdet i innlegget eller siden, klikker du på ikonet Legg til en blokk (+), bla til fanen Gjenbrukbare blokker og velg blokken din (Takk notat i vårt tilfelle), som vist under.
Når du har lagt til den gjenbrukbare blokken i innlegget eller siden, trykker du på knappen Forhåndsvisning / publikasjon for å vise resultatene i front-end. Her er hva vi har:
Det beste er at vi kan bruke blokken vår takk notat når som helst, uten å måtte lage den fra bunnen av. vi kan også legge den til i alle innleggstyper som støtter Gutenberg-blokker.
Oppdag også Hvordan legge til en bildetekst til et bilde på Gutenberg
Nå som du vet hvordan du oppretter og bruker gjenbrukbare blokker, la oss lære mer om å eksportere disse blokkene til et annet WordPress-nettsted. For å unngå forvirring bruker vi den samme blokken vi nettopp opprettet.
Hvordan eksportere Gutenberg-blokker til WordPress
Det er enkelt å eksportere en Gutenberg-blokk som kan brukes igjen. Du gjør det på kort tid.
Hva gjør jeg?
Klikk på i Gutenberg-redaktøren ikonet Flere verktøy og alternativer, puis administrere alle gjenbrukbare blokker, som vi fremhever nedenfor:
Dette tar deg til skjermen Blokker hvor du kan se og administrere alle gjenbrukbare blokker:
Vi har bare blokken Takk, men skjermen over fylles opp når du lager mer. For å eksportere, hold markøren over tittelen og klikk på lenken Eksporter til JSON vises. Se bildet nedenfor.
Lagre deretter JSON-filen på datamaskinen din:
Nå som vi har JSON-filen på datamaskinen vår, er det på tide å importere blokken til vårt andre nettsted.
Slik importerer du Gutenberg-blokker til WordPress
Å importere gjenbrukbare blokker er like enkelt som A, B, C. Først åpner du Gutenberg-redaktøren. For det andre, klikk ikonet Flere verktøy og alternativer, så videre administrere alle gjenbrukbare blokker, som vist under.
På skjermen Blokker som følger, klikk Import fra JSON, velg filen du lastet ned tidligere, og trykk deretter på knappen. import i denne rekkefølgen:
Og det er alt ! Akkurat slik importerte du en gjenbrukbar Gutenberg-blokk til ditt andre WordPress-nettsted.
Å lese også Hvordan legge til en bildetekst til et bilde på Gutenberg
Var det ikke lett? Etterpå kan du bruke og bruke Gutenberg-blokken din på det andre nettstedet så mange ganger du vil.
Er det noen WordPress-plugins for å eksportere Gutenberg-blokker?
Å ja, og jeg fant en på ThemeIsle, en anerkjent WordPress-utvikler. Dette er et gratis plugin kjent som Import av blokkeringseksport. I hovedsak lar pluginet deg hoppe over hele denne opplæringen. Ja det er sant; du trenger ikke engang å lage gjenbrukbare blokker.
Se også vår guide om Slik legger du til en animert blokk til Gutenberg-artikkelen din
Installer og aktiver pluginet, og åpne deretter Gutenberg-editoren. Design blokken din slik du vil, og klikk deretter jo flere alternativer-ikonet. Klikk deretter Eksporter som JSON, som vist under :
Dette laster ned JSON-filen til datamaskinen din. For å importere JSON-filen ved hjelp av pluginet, åpner du Gutenberg-editoren. Klikk deretter på ikonet Legg til en blokk, puis importere blokker fra JSON under fanen widgets :
Etter det klikker du på Velg Fil for å velge filen fra datamaskinen og trykk på knappen. Laste opp :
Det eneste problemet med plugin-metoden er at blokkene dine ikke blir lagret på WordPress-nettstedet ditt. For å lagre blokker i WordPress-databasen din, må du bruke den manuelle metoden. Kanskje det vil endre seg i fremtiden.
Discover Hvordan vet du om pluginet ditt er kompatibelt med Gutenberg?
Dessverre kunne jeg ikke finne et annet plugin. Fortsatt kan pluginet spare deg for mye tid hvis du ikke bekymrer deg for å lagre gjenbrukbare blokker på nettstedet ditt.
Gutenbergs gjenbrukbare blokker redder liv. De lar deg raskt reprodusere modeller siden du ikke begynner fra bunnen av. Hvis du oppretter mange innlegg / sider og / eller nettsteder, vil det være nyttig å lære å eksportere Gutenberg-blokker.
Oppdag også noen premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.
1. laget Showcase
Team Showcase er det perfekte tillegget, designet for å vise teammedlemmene dine i et vakkert responsivt rutenett eller karusell. Du vil ha muligheten til å administrere medlemmene dine ved å gruppere dem i separate team. For å gjøre dette, velg bare alternativene du vil vise, velg en WordPress tema og bruk en forhåndsdefinert farge på den.
Det kreves derfor ingen kode med denne handlingen. Funksjonene er blant annet: 10 spesielle temaer, 10 fargesett, 10 visningsalternativer, CSS3 animasjonseffekter, muligheten for å bli satt inn på en side, et fullt responsivt design, etc ...
2. ARPrice
ARPrice er WordPress Plugin den mest fleksible og komplette premien i etableringen av prisnett. Den kommer med over 300 prisnettmaler og gir alle verktøyene du trenger for å lage unike og responsive pristabeller og sammenligningstabeller. Du vil også enkelt kunne lage et vakkert utstillingsvindu for teamet ditt.
Det er en WordPress Plugin vakker, intuitiv og unik, med sin imponerende visuelle editor, med en sanntids forhåndsvisning av tilpasninger.
Se også Slik lader en tjeneste på bloggen din?
Velg en mal og deretter med enkle klikk, dra og slipp verktøy for å tilpasse prisnettet ditt, til minste detalj. Du vil kunne legge til et ubegrenset antall kolonner, endre farger, skrifter, ikoner og legge til egne bilder og bånd for kunngjør rabatt, for eksempel.
3. Premium SEO Pack
Premium SEO Pack er en WordPress-plugin som optimaliserer SEO og komprimerer CSS for å forbedre lastehastigheten på nettstedet ditt. Plugin-en kan også administrere designen til nettstedet ditt med noen få klikk.
Funksjonalitetene er blant annet: komprimering av CSS og JS, integrering av videokart og kodebit, formateringen av HTLM- og XML-filer, omdirigering av 404 og 301 sider, deling på sosiale nettverk, med ALT-etiketten, veldig tilpassbar layout.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- 7 WordPress plugins for å legge inn en Google Maps på nettstedet ditt
- Hvordan legge til en Beach Slider på et WordPress-skjema?
- 5 WordPress plugins tillate brukere å publisere innhold
- 6 WordPress-plugins for å legge til automatisk fullføring i skjemaene
konklusjonen
Her! Det er det for denne opplæringen, vi håper det vil tillate deg å eksportere og importere Gutenberg-blokker til WordPress. Har du fortsatt spørsmål eller forslag om Gutenberg-blokker? Gi oss beskjed innen commentaires nedenfor.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.
Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk.
...
