Hvordan bruke Gutenberg (WordPress Editor)


hvordan du bruker gutenberg blokkerI 2018 flyttet WordPress fra sin mangeårige redaktør til en som den kalte “Gutenberg”.


I motsetning til den gamle redaktøren, bruker WordPress-brukere nå en moderne dra-og-slipp-blokkereditor for å bygge og tilpasse nettsteder, publisere innhold og selge sine tjenester og produkter på nettet.

Enten du er en lenge bruker som prøver å gi mening om den nye redaktøren, eller du er helt ny på WordPress, vil denne guiden lære deg tauene. Du lærer:

  • Hvordan Gutenberg-blokker skiller seg fra den klassiske redaktøren.
  • Slik bruker du blokkbyggeren til å lage og redigere sider.
  • Hva Gutenberg-blokkene gjør.
  • Slik låser du opp ekstra innstillinger med sidefeltet.
  • Hvordan bruke verktøylinjen for å være mer produktiv.

The Classic Editor vs. Gutenberg Blocks

Overgangen fra klassisk redaktør til Gutenberg-blokker er et stort sprang for WordPress. La oss se på hvordan redaktøren har utviklet seg.

Den klassiske WordPress Editor

Fra 2003 til 2018 ga WordPress brukerne en grunnleggende teksteditor.

WordPress-Classic-redaktør

Den klassiske WordPress-redaktøren var din typiske WYSIWYG (“hva du ser er hva du får”) -redaktør.

Med andre ord skrev du innholdet ditt i det åpne feltet, formaterte det ved å bruke verktøylinjen som fulgte, og det er mer eller mindre hvordan teksten din så ut på nettstedet ditt.

WordPress-WYSIWYG-editor

Det er et enkelt nok grensesnitt og et som mange WordPress-brukere ble vant til gjennom årene. Men det hadde sine begrensninger.

For eksempel:

WordPress-Side-Eksempel

Slik vil innholdet vises på nettstedet når det ble publisert. Men du vil bare kunne bekrefte at alt oversettes i orden fra redigereren til siden ved å bruke “Forhåndsvisning” -funksjonen.

Det var ingen måte å skrive innhold innenfor den faktiske konteksten av siden. I tillegg tok det en viss fortrolighet med HTML eller en overdreven avhengighet av plugins for å kunne bygge mer avanserte design og oppsett.

I 2018 bestemte WordPress seg for å rette opp disse begrensningene ved å slippe den nye WordPress-redaktøren (dvs. Gutenberg).

Gutenberg Block Editor

Den nye WordPress-redigereren er en dra-og-slipp-blokkereditor.

Gutenberg

Dette betyr at innhold ikke lenger er skrevet i en hovedredaktør. Individuelle blokker slippes på plass for å bygge ut innholdet på en side.

Gutenberg-blokker

Når hver blokk er valgt, kommer den med en unik verktøylinje. Dette gir mulighet for en mer strømlinjeformet og tilpasset redigeringsopplevelse, ettersom du bare har vist de redaksjonelle kontrollene du trenger på det tidspunktet.

Gutenberg-redaktøren har også gjort det mye lettere å legge til slags innhold og oppsett som ellers ville være for tidkrevende eller vanskelig for en WordPress-nybegynner å gjøre på egen hånd.

Flere-Gutenberg-Block-Eksempler

Dessuten er det ikke noe gjettespill lenger. Det du oppretter i blokkredigereren, er hvordan det ser ut på nettstedet ditt. Fontene, stylingen og layoutene stemmer overens:

WordPress-Side-Eksempel-med-Gutenberg

Er en WordPress Editor bedre enn den andre?

Når det gjelder det som er bedre – den klassiske redaktøren eller Gutenberg – må du finne ut av det selv.

Selv om WordPress automatisk kommer med Gutenberg, kan brukere installere Classic Editor-plugin hvis de ikke er klar til å flytte til blokkereditoren ennå.

Det er andre tilleggsalternativer for redigeringsprogrammer tilgjengelig. Elementor og Beaver Builder er to av de mer populære dra-og-slipp-redigeringsalternativene, Blokker kategorier
selv om de er best egnet for profesjonelle designere og utviklere som trenger å låse opp flere funksjoner.

La oss nå ta et dypere dykk ned i Gutenberg og gi deg en bedre oversikt over hva du kan forvente av WordPress dra-og-slipp-redigeringsprogram.

Slik bruker du Gutenberg Block Editor

La oss gå gjennom Gutenberg-blokkereditoren ved å sette opp en ny side (eller innlegg).

Start med WordPress-menyen på venstre side av skjermen. Hvis du vil opprette en ny webside, holder du musepekeren over “Sider” og velger “Legg til ny”. Hvis du vil opprette et nytt blogginnlegg, holder du musepekeren over “Innlegg” og velger “Legg til nytt”.

WordPress-Add-New-side

Legg til en tittel

Med den nye siden eller innlegget ditt opprettet, gi det en tittel i “Legg til tittel” -blokken:

Gutenberg-tittel-Block

Lag din første blokkering

Avsnitt utgjør vanligvis hoveddelen av innholdet vi legger ut på en webside, og det er grunnen til at den første blokken Gutenberg gir oss alltid er en avsnittsblokk:

Gutenberg-New-avsnitt-Block

Hvis du vil starte med et avsnitt, legger du markøren til den tomme blokken som sier “Begynn å skrive eller skriv / for å velge en blokk”. Når du skriver vil innholdet ditt fylle blokken.

Tilpass innhold i en blokk

Hvis du vil tilpasse stilen på avsnittet ditt, bruker du verktøylinjen som vises rett over den.

Justering

Med de fleste Gutenberg-blokker har du muligheten til å endre justeringen av innholdet inne i blokken:

Gutenberg-Alignment

Venstre er standard. Du kan også velge å midtjustere eller høyreinnrette innholdet.

formatering

Hver gang det er tekst i en blokk, kan du formatere den med fet skrift:

Gutenberg-Punkt-Fet

Gjør teksten kursiv:

Gutenberg-Punkt-Kursiv

Eller legg til en hyperkobling:

Gutenberg-Punkt-Link

Hvis du vil gjøre koblingene dine åpne i et nytt nettleservindu, klikker du på pil ned i hyperkoblingsfeltet. Når du er ferdig med endringene, klikker du på “Retur” -pilen for å lagre koblingen.

Ekstra stilalternativer

Hvis du klikker på pil ned på verktøylinjen, finner du flere alternativ for tekststylisering:

Gutenberg-More-Tekst-alternativer

“Kode” stiler teksten din som om den ble skrevet i en kodeditor:

Gutenberg-Punkt-kode

“Inline image” lar deg pakke teksten rundt et bilde:

Gutenberg-Punkt-linjebundet

Som du ser er dette ikke en effektiv måte å sammenkoble bilder og tekst ved siden av hverandre i Gutenberg. (Vi vil se på en annen måte å gjøre dette på senere.)

Det siste alternativet her lar deg legge til en gjennomgående gjennom markert tekst:

Gutenberg-Punkt-Gjennom

Flere blokkeringsalternativer

Den siste knappen på verktøylinjen avslører alltid flere blokkeringsalternativer:

Gutenberg-Mer-Block-alternativer

Disse alternativene vil være de samme uavhengig av hvilken type blokkering du redigerer.

La oss raskt sammenfatte hva disse gjør:

  • Skjul blokkeringsinnstillinger: Gjør at sidefeltet til høyre forsvinner.
  • Duplisere: Lager en eksakt kopi av denne blokken.
  • Sett inn før: Legger til en ny tom blokk over denne.
  • Sett inn etter: Legger til en ny tom blokk under denne.
  • Rediger som HTML: Gjør blokken til en koderedigerer hvis du vil skrive i HTML.
  • Legg til gjenbrukbare blokker: Lagrer blokken slik at du kan bruke den andre steder på nettstedet.
  • Fjern blokkering: Sletter blokken.

Transform Block

Det er en annen knapp på verktøylinjen du trenger å være klar over:

Gutenberg-Switch-Blocks

Denne knappen ser ikke alltid slik ut, så husk at den første knappen lar deg transformere den gjeldende blokken til en relatert.

For eksempel kan du gjøre en tekstbasert blokk som Paragraf om til Overskrift, Liste eller Sitat. Du kan imidlertid ikke gjøre noe som et avsnitt til et bilde eller en skillelinje. Du trenger en ny blokk for det.

Legg til en ny blokk

For å legge til en ny blokk på siden din, har du en rekke alternativer.

Sett inn før / etter

Du har allerede sett alternativene Sett inn før / sett inn etter på verktøylinjen til blokkeringen din. Det er en måte å gjøre det på.

Hvis du klikker deg vekk fra den eksisterende blokken og holder musepekeren over toppen av den, vil du se et lite pluss-tegn vises:

Gutenberg-Add-Block-Cross

Når du klikker på den, vil det avsløre blokkeringene dine:

Gutenberg-Add-Block-Plus-Sign

Velg den du vil legge til den nye blokken over den du allerede har.

Hvis du holder musepekeren over den nederste delen av blokken, ser du det samme plustegnet. Den eneste forskjellen er at den vil legge til en ny blokk under den du har.

Bruk tastaturet

En annen måte å legge til en ny blokk er ved å trykke på “Return” -tasten på tastaturet:

Gutenberg-Add-Block-Enter

Dette vil umiddelbart legge til en ny avsnittsblokk på siden.

Hvis du vil endre den til en annen type blokkering, kan du bruke pluss-tegnet til venstre for den nye blokken:

Gutenberg-Change-New-Block

Eller du kan skrive en skråstrek (/) etterfulgt av navnet på blokken du vil bruke:

Gutenberg-Change-Block-Slash

Hvis du for eksempel vil legge til et bilde, skriver du inn “/ image”. Blokkeringsalternativet fylles automatisk ut når du skriver det samsvarende navnet.

Legg til en blokk fra verktøylinjen

Du kan alltid bare bruke den grunnleggende add block-funksjonen på verktøylinjen:

Gutenberg-Add-Block

Bla gjennom alternativene, eller skriv inn navnet på blokken du leter etter.

Flytt en blokk

Når du har begynt å lage blokker, kan du bestemme at du ikke er fornøyd med rekkefølgen de vises i. Eller kanskje du la til en blokk ovenfor når den burde vært nedenfor.

Det er ikke nødvendig å slette blokker eller klippe ut og lime inn innhold fra en blokk til en annen. Løsningen er enkel.

Gutenberg er en dra-og-slipp-blokkeredaktør. Dette betyr at du enkelt kan flytte blokkene dine hvor du vil.

Det er to måter å gjøre dette på.

Bruk flyttpilene

Det første alternativet er å bruke bevegelingspilene på venstre side av hver blokk. Hold markøren over blokken du vil flytte, og du finner en pil opp og ned:

Gutenberg-move-piler

Hvis alt du vil gjøre er å flytte en blokk opp eller ned en gang, fungerer dette alternativet bra.

Gutenberg-Flyttet-Block

Bruk dra-og-slipp

Hvis du vil gjøre en mer drastisk omorganisering av blokkene dine, bør du bruke dra og slipp.

Den ligger på samme sted som pilene. Hold markøren over blokken du vil flytte, og grip tak i prikkene som vises i midten. Du vil se markøren endre til en hånd når du gjør det:

Gutenberg-Grab-dra-og-slipp

Når du flytter blokken til en ny del av siden, må du sørge for at du ser en mørk linje før du slipper den ned:

Gutenberg-Move-Block

Dette lar deg vite at du flytter blokken til tilgjengelig plass. Uten den linjen fungerer ikke dra og slipp.

Slett en blokk

Hvis du bestemmer deg for at du vil fjerne en blokk helt, har du alternativer med dette også.

Du har sett en av disse allerede. Det er inne i blokken din ekstra alternativer. Bare klikk på “Fjern blokkering” så blir den slettet.

Du kan alltid slette den på en gammeldags måte. Plasser markøren inne i blokken og bruk tasten “Slett” -knappen for å fjerne den.

Vær imidlertid oppmerksom på at hvis det er en tekstbasert blokkering, må du fjerne innholdet først før du kan slette det på denne måten. For noe annet – et bilde, innebygd widget, etc. – kan du bare bruke “Slett” -tasten.

Du kan også markere blokken (ved å dra markøren over den) og deretter trykke på “Slett” -tasten. Dette er nyttig hvis du vil utheve og slette mer enn en blokk om gangen.

Lag en gjenbrukbar blokk

Gjenbrukbare blokker kommer godt med når du vil lage et element som kan brukes over hele verden, for eksempel en markedsføringsblokk for blogginnleggene dine eller en oppfordring til handling.

Gutenberg-Lag-Gjenbruk-Block

I stedet for å prøve å gjenskape blokken på sidene den trenger å åpne, åpner du blokkeringsalternativene og klikker “Legg til gjenbrukbare blokker”. Gi den et navn:

Gutenberg-Name-Gjenbruk

Når du er lagret, kan du hente og bruke den på samme måte som noen av Gutenbergs blokker. Du finner den i en ny kategori som heter “Gjenbrukbar”:

Gutenberg-Gjenbrukkategori

En tur med Gutenberg-blokker

Den klassiske WordPress-redaktøren etterlot mye å være ønsket når det gjelder å hjelpe brukere med å lage komplekst innhold og oppsett. Gutenberg-blokker gjør unna den sperringen.

La oss bli kjent med blokkene:

Blokker kategorier

WordPress har gjort en fin jobb med å organisere blokkene sine i kategorier.

Vanlige blokker

Dette er dine vanlige blokker:

Felles-blokker

Grunnteksten og visuelle elementer du bruker på en side vil være her.

Formatering av blokker

Dette er formateringsblokkene dine:

Formatering-blokker

De fleste av disse er utviklingsvennlige blokker, så du trenger kanskje ikke så mye. Bordet og trekk sitatblokkene kan komme til nytte.

Oppsettblokker

Dette er layoutblokkene dine:

Layout-blokker

Hvis du vil legge pauser til innholdet ditt (som med stor plass eller skillelinje) eller spesielle elementer (som en knapp), finner du disse tingene her.

Widgets blokkerer

Dette er widgetene dine:

Widgets-blokker

For det meste er dette elementene som bør gå inn i bloggens sidefelt, ikke vises på sidene dine. De eneste unntakene du finner er blokker opprettet av andre plugins, som dette WPForms-eksempelet.

Legger inn blokker

Dette er embedene dine:

Bygger-blokker

Du bruker disse til å bringe innhold fra andre plattformer. Dette er bra for å legge inn ting som YouTube-videoer, SoundCloud-klipp og Twitter-innlegg.

Mest brukte Gutenbergblokker

Som du ser er det dusinvis av Gutenberg-blokker tilgjengelig. Når det er sagt, det er visse elementer alle bruker for å lage sider eller innlegg i WordPress, så start med å lære det grunnleggende:

Paragrafblokk

Bruk avsnittblokken for å legge til ren tekst på siden din.

Paragraf-Block

Overskriftblokk

Bruk overskriftsblokken for å legge til en overskrift på siden din.

Styrer mot Block

Disse lar deg introdusere nye emner på siden mens du gjør innholdet ditt enklere å lese. Knappene H2, H3 og H4 lar deg også etablere et hierarki til sideoverskriftene.

Listeblokk

Bruk listeblokken for å legge til en punktliste eller nummerert liste på siden:

List-Block

Dette er også nyttig for å forbedre lesbarheten.

Bildeblokk

Bruk bildeblokken for å legge til et bilde på siden din.

Bilde-Block

Du kan laste opp et bilde fra stasjonen eller velge et bilde som allerede finnes i mediebiblioteket.

Video Block

Bruk videoblokken til å legge inn et bilde på siden din.

Video-Block

Du kan laste opp en videofil, velge en fra biblioteket ditt, eller trekke den inn fra en lenke.

Fordi videoer tar mye plass, er det beste alternativet å lagre filen din på en videodelingsplattform som Vimeo eller YouTube. Deretter legger du den inn med en lenke.

Du vil ikke bruke videoblokken for dette. Se i stedet etter den tilsvarende innlegningen.

YouTube har en:

YouTube-Embed

Som gjør Vimeo:

Vimeo-Embed

Du bør gjøre det samme for alle lydfiler (som podcaster eller lydspor) du vil legge til på siden. Bruk lydblokken eller den tilsvarende innlegningen (som for Spotify) for å gjøre dette.

Knappblokk

Bruk knappeblokken for å henvise besøkende eller lesere til å iverksette tiltak:

Button-Block

Dette kan henvise dem til: “Planlegg nå”, “Registrer deg”, “Les mer”, osv.

Media og tekstblokk

Som nevnt tidligere er alternativet Inline image i avsnittsblokken en ineffektiv måte å slå sammen tekst og bilder. Bruk i stedet Media- og tekstblokken for å gjøre dette:

Media-og-tekst-Block

Kolonner Blokker

En annen måte å plassere to forskjellige blokker (av samme eller forskjellig type) ved siden av hverandre, er å bruke kolonnen-blokken:

Kolonne-Block

Hvis du vil legge til flere kolonner til høyre eller venstre, svever du over blokkene inne i kolonnen og trykker på pluss-tegnet. Det er det samme som å legge til en ny blokk, bare dette vil legge dem horisontalt.

Innbygging av sosiale medier

I stedet for å bruke innebygd koden fra sosiale medier til å plassere et innlegg på siden din, legger du til lenken til innlegget her:

Social-Media-Embed

Det er innebygde blokker for Facebook, Twitter og Instagram, så finn den innebygde blokken som tilsvarer ditt sosiale medieinnlegg.

Klassisk blokk

Den klassiske blokken lar deg fortsette å lage innhold i WordPress ved å bruke den klassiske editoren:

Gutenberg-Classic-Block

Den klassiske blokken kommer også i spill når et nettsted flytter fra den klassiske redaktøren til Gutenberg-redaktøren. Gutenberg prøver ikke automatisk å konvertere teksten din til sine egne blokker. Det setter dem bare i det klassiske redigeringsgrensesnittet.

Hvis du vil konvertere den klassiske blokken til Gutenberg-blokker, går du til “Flere alternativer” og velger “Konverter til blokker”:

Gutenberg-Konverter-blokker

Det vil gjøre sitt beste for å konvertere hvert element i redaktøren din til en tilsvarende blokk:

Gutenberg-Konverterte-Blocks

Bare husk å se gjennom de utputtede blokkene for eventuelle feil før du lagrer endringene.

WordPress-pluginblokker

De fleste av de populære plugins som brukes av WordPress-brukere er Gutenberg-kompatible. I noen tilfeller har disse programtilleggene laget spesielle blokker som vises i redaktøren din.

Hvis du for eksempel bruker et kontaktskjema-plugin som WPForms, bør du finne en tilsvarende blokk for det:

WPForms-Block

Bare opprett skjemaet i plugin-modulen og finn det i rullegardinmenyen som er gitt her. Du trenger ikke å spore opp og lime inn skjemakodekodene lenger.

Yoast, en populær SEO-plugin, er en annen som har lagt nye blokker til Gutenberg:

Yoast-blokker

WooCommerce, WordPress sin eCommerce-løsning, har gjort det samme:

WooCommerce-blokker

Det er også “ultimate” Gutenberg-plugins som legger til en haug med nye blokker til byggherren din, som Ultimate Addons for Gutenberg:

Ultimate-Addons-Gutenberg

Disse typer plugins utvider funksjonaliteten til din blokkeringsverktøy. Hvis du bygger et nettsted som trenger spesielle elementer – som Google Maps, testimonial blocks eller eCommerce-funksjonalitet – kan du legge dem til Gutenberg med plugins som disse.

En oversikt over dokumentet og blokker sidelinjen

Nå som du har fått blokkredigeringsprogrammet ned, la oss gjøre oppmerksom på dokumentet og blokkere sidefeltet.

Når markøren er i tittelblokken eller et sted på siden der en blokk ikke eksisterer, vil sidefeltet peke på Dokumentinnstillingene:

Dokument sidefelt

Disse lar deg kontrollere ting som status og utseende på siden.

Her er de viktigste du trenger å vite:

Status og synlighet

Status-og-synlighetI dette panelet kan du justere hvem som kan se siden (offentlig, privat eller passordbeskyttet) så vel som når den blir publisert (hvis ikke umiddelbart). Hvis du vil slette siden helt. Du kan gjøre det her også.

permalinkBruk dette panelet til å endre sneglen (den identifiserende delen av URL-en). For eksempel:

https://mywebsite.com/Gutenberg-block-byggherre /

Utvalgte-bildeBildet som vises, er miniatyrbildet som folk ser når blogginnleggene dine vises i hovedbloggstrømmen. Det er også det sosiale plattformene bruker når du viser forhåndsvisninger av koblingene dine.

kategorier

kategorierDette er bare tilgjengelig for blogginnlegg. Bruk dette for å holde temaene dine organisert.

Tags

TagsDette er en annen innstilling som bare er tilgjengelig for blogginnlegg. Bruk dette til å legge til nøkkelord som vises i innlegget ditt, og hjelpe leserne med å finne innhold om beslektede emner.

Når markøren er plassert i noen av blokkene på siden din (unntatt tittelen), vil sidefeltet bytte til en blokkereditor:

Block-Sidebar

Denne sidefeltet gir deg ekstra redigeringsalternativer for blokkeringene dine hvis du vil ha dem. Blokk-sidefeltet vil endres basert på typen blokkering du jobber med.

For eksempel viser avsnitt-sidefeltet redigeringsalternativer for:

Paragraf-Block-Sidebar

Du kan justere størrelsen på teksten så vel som fargen på teksten eller bakgrunnen på blokken. Hvis du vet hvordan du bruker CSS-klasser, kan du tilpasse utseendet til blokken ytterligere ved å bruke “Avanserte innstillinger”.

Bildesidefeltet derimot gir deg disse innstillingene:

Bilde-Block-Sidebar

Du kan legge til alt-tekst til bildet (viktig for SEO), endre bildestørrelse og koble bildet ut til en webside.

Noen blokker tilbyr ikke noen ekstra innstillinger i sidefeltet som Twitter-innebygningen:

Twitter-Block-Sidebar

Det eneste du kan gjøre er å lage en tilpasset CSS-klasse under “Avanserte innstillinger”.

Hovedpoeng: Hvis du noen gang føler at du ikke kan redigere blokken din fullstendig med blokkeringsverktøylinjen, sjekk sidefeltet for flere alternativer.

Hva du skal gjøre med verktøylinjen

Den siste delen av redaktøren du trenger å bli kjent med, er verktøylinjen som sitter øverst på den:

Gutenberg-verktøylinjen

Dette kan se ut som noe mer enn et sted å lagre “Forhåndsvisning” og “Publiser” -knappene, men det er mye mer du kan og bør bruk verktøylinjen for.

La oss se på det vesentlige:

blokker

Den første knappen på verktøylinjen er der du får tilgang til nye blokker:

Gutenberg-verktøylinjen-blokker

Angre gjør om

De neste to knappene lar deg angre (pilen peker til venstre) eller gjøre om (pilen peker til høyre) den siste endringen du gjorde på siden:

Gutenberg-verktøylinjen-Angre

Sideinfo

For de av dere som ønsker å lage sider som er enkle for besøkende å skanne gjennom, gir “i” (info) -knappen deg en oversikt over innholdet:

Gutenberg-verktøylinjen-Info

Du vil se:

  • Hvor mange ord har du skrevet.
  • Hvor mange overskrifter det er, med en oversikt over titlene under.
  • Hvor mange avsnitt er det.
  • Hvor mange blokker du har brukt.

Det er ordet og overskriften som er de viktigste informasjonsstykkene å fokusere på her.

Sidestruktur

Den neste delen av verktøylinjen avslører hver av blokkene du har brukt for å opprette siden din:

Gutenberg-Block-navigasjon

Bruk dette til å øyeblikkelig bla til blokken du vil jobbe med. Dette er nyttig for å redigere innhold på lengre sider og innlegg.

Lagre innstillinger

Du bruker disse tre første knappene på hver side eller innlegg du oppretter:

Gutenberg-save-innstillinger

Bruk “Lagre utkast” for å lagre endringene dine privat mens du jobber på en side.

Bruk “Forhåndsvisning” for å se siden på nettstedet ditt.

Bruk “Publiser” for å skyve siden din til det live nettstedet. Når siden er publisert, endres denne knappen til “Oppdater”. Bruk dette til å lagre og skyve nye versjoner av sidene dine til nettstedet.

innstillinger

Når du klikker på tannhjulikonet (innstillinger), skjuler det eller viser Gutenberg-sidefeltet. Slik ser det ut når den er deaktivert:

Gutenberg-verktøylinjen Innstillinger-Disabled

Slik ser det ut når det er aktivert:

Gutenberg-verktøylinjen Innstillinger-Enabled

Flere valg

Den siste knappen på verktøylinjen viser flere alternativer og verktøy. Bruk dette hvis du vil tilpasse arbeidsområdet for Gutenberg.

Gutenberg-verktøylinje-Mer-alternativer

Utsikt

Det første settet med alternativer som gjelder “Visning”:

Gutenberg-verktøylinje-View

“Topp verktøylinje” flytter verktøylinjen ut av blokkene dine og fester den til toppen av skjermen:

Gutenberg-Top-verktøylinjen

Redigeringsalternativene endres fortsatt basert på blokken du har valgt. Den eneste forskjellen er at den bare ligger øverst på siden nå.

“Spotlight Mode” blekner ut blokker som ikke er i bruk:

Gutenberg-Spotlight-modus

Hvis du vil ha hjelp til å fokusere på en blokk om gangen, er dette et nyttig verktøy for å aktivere.

“Fullskjermmodus” er Gutenbergs distraksjonsfri skrivemodus:

Gutenberg-fullskjerm-modus

Den fjerner WordPress-menyene på toppen og til venstre, samt Gutenberg-sidefeltet til høyre.

Editor Mode

Det neste settet med alternativer er for redigeringsmodus.

Gutenberg-Options-redaktør

Som standard setter Gutenberg brukere i “Visual Editor”.

Hvis du foretrekker å komponere siden din i HTML, kan du bytte til “Code Editor”:

Gutenberg-Code-redaktør

En mer effektiv og renere måte å redigere blokkeringene dine i HTML er imidlertid å håndtere dem individuelt (siden du sannsynligvis ikke trenger å redigere hele sidens kode).

Du kan få tilgang til kodeditoren under “Rediger som HTML”:

Gutenberg-Edit-HTML

Dette konverterer blokken til HTML:

Gutenberg-HTML-Block

Rediger det slik du vil. Hvis du vil konvertere den tilbake til visuell modus, åpner du blokkeringsalternativene og velger “Rediger visuelt”:

Gutenberg-Edit-visuelt

Verktøy

Gutenberg kommer også med et sett verktøy som lar deg strømlinjeforme opplevelsen din i redaktøren:

Gutenberg-Tools

Det første verktøyet er “Block Manager”:

Gutenberg-Block-Manager

I motsetning til blokkeringsverktøyet vi så tidligere, lar dette du deaktivere blokker du ikke bruker. På den måten, når det er på tide å søke etter en ny blokk, trenger du ikke å bla gjennom blokker du aldri vil bruke.

“Manage Reusable Blocks” vil ta deg til redigerbare gjenbrukbare blokker:

Gutenberg-Gjenbruk-blokker

Det er her dine lagrede blokker blir lagret. Gjør det her for å redigere overordnet kopi av blokken (eller opprette en ny).

Selv om Gutenberg absolutt har gjort det lettere å lage innhold i WordPress, kan noen av handlingene bli kjedelige. Ved å bruke Gutenbergs “Snarveier”, kan du gjøre ting som å angre den siste redigeringen, duplisere en blokk, kursiver markert tekst og lagre endringene dine med bare tastaturet.

Gutenberg-tastatur-snarveier

Alt alternativet “Copy Content” gjør er å markere og kopiere alle blokkene på siden. Bruk dette til å lage en ny side som er lik innhold og design. Bare gå til Sider> Legg til nytt og lim deretter inn blokkene dine på den tomme siden.

Det siste alternativet her kalles “Alternativer”. Men hva det virkelig gjør er at du kan deaktivere visse deler av dokumentinnstillingene på sidefeltet:

Gutenberg-sidebar-alternativer

Igjen, hvis du finner ut at det er visse deler av redigereren du ikke bruker (som sideattributter), kan du deaktivere dem her, slik at de ikke distraherer fra elementene du trenger å bruke.

Wrap-Up

Fordi WordPress hadde brukt den samme redaktøren siden dag 1, var det noe tilbakeslag da Gutenberg først ble introdusert.

Men hvis du ser på dra-og-slipp-konkurransen som hoper seg opp rundt WordPress (Wix, Shopify, Squarespace, etc.), var det på tide med en endring.

Denne redigeringsutviklingen har lønnet seg, og tillater WordPress å betjene brukere på alle nivåer. Brukerne høster nå følgende fordeler som følger med å bygge nettsteder med en blokkereditor:

  • Et personlig redigeringsbilde som gjør deg mer produktiv.
  • Enklere å lage og tilpasse innhold.
  • Mer avansert innholdsoppretting uten teknisk kunnskap tidligere.
  • Gjenbrukbare blokker gir raskere design og sikrer konsistens overalt.
  • Enklere å legge til og konfigurere konverteringselementer (for eksempel oppfordringsknapper og skjemaer).
  • Populære plugins og temaer er Gutenberg-kompatible.
  • Raskere tid til lansering.

Fra og med 2022 vil den klassiske redaktøren ikke lenger være tilgjengelig. Så nå er det perfekte tidspunktet å finne ut hvordan du skal få Gutenberg til å fungere for deg.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map