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

12 Gutenberg -tips for WordPress

2

Det har gått nesten et år WordPress endret den klassiske redaktøren og introduserte den kontroversielle Gutenberg -redaktøren. Det er fem millioner millioner brukere som fortsatt holder på Classic Editor -pluginet for å fortsette å lage innhold på gammeldags måte. I tillegg er det også mange plugins for å deaktivere Gutenberg -editor på WordPress -installasjon. Dette kan imidlertid ikke gå for langt, ettersom mange plugin- og temautviklere begynner å lage blokker for Gutenberg for å integrere funksjonene. Yoast er et av de gode eksemplene som støtter Gutenberg fra begynnelsen. Det er heller ikke fornuftig å ha plugins for å deaktivere WordPress -kjernefunksjonen. I denne artikkelen, la oss forklare nyttige Gutenberg -tips slik at du kan bytte til denne redaktøren permanent.

Gutenberg -tips for WordPress

Hvis du planlegger å bli hos WordPress over lengre tid, så er fremtiden Gutenberg, og du bør begynne å bruke den effektivt og glemme oddsen.

  • Bruk hurtigtaster
  • Tilpass Block Manager
  • Distraksjonsfrie skrivemuligheter
  • Lag oppfordringsblokker
  • Gjenbrukbare blokker
  • Dupliser innhold
  • Deaktiver forhåndspubliseringer
  • Rediger elementer som HTML
  • Bruk Widgets -blokker
  • Sjekk nye funksjoner
  • slutte å bruke sidebygger -plugins
  • AMP -historier

1 Gutenberg hurtigtaster

De gamle hurtigtastene med klassisk editor vil ikke lenger fungere med Gutenberg -redaktøren. Du kan raskt få alle tilgjengelige Gutenberg -hurtigtaster ved å trykke "Control + Alt + H." -tastene. Alternativt kan du gå til "Vis flere verktøy og alternativer (tre prikker -knapp)> Tastatursnarveier".

Du kan få en praktisk popup som viser alle snarveier.

12 Gutenberg -tips for WordPress

Se Gutenberg hurtigtaster

2 Bruk Block Manager

Gutenberg har mange standardblokker kategorisert under forskjellige grupper. Imidlertid kan det være irriterende å ha så mange blokker når du ikke trenger å bruke mange av dem. Det beste eksemplet er " Embeds " som har mer enn 30 blokker.

12 Gutenberg -tips for WordPress

Gutenberg legger inn blokker

Vi er ganske sikre på at du ikke trenger å beholde alle disse innebygde alternativene hver gang du prøver å søke etter en blokk. Klikk på knappen "Vis flere verktøy og alternativer" (tre prikker) øverst til høyre, og velg "Block Manager" under "Verktøy".

12 Gutenberg -tips for WordPress

Blocksjef i Gutenberg

Dette åpner en popup som viser alle tilgjengelige blokker på nettstedet ditt. Kontroller og deaktiver blokkene du ikke vil bruke på nettstedet ditt.

12 Gutenberg -tips for WordPress

Deaktiver Gutenberg -blokker i Block Manager

3 Distraksjonsfri skriving

Gutenberg tilbyr flere måter å bruke distraksjonsfri skriving og fokus på arbeidet ditt.

  • Som standard viser den relevante formateringsalternativene bare når du klikker på elementet.
  • Klikk på "Vis flere verktøy og alternativer" -alternativene ser ut som tre vertikale prikker øverst til høyre, og velg "Fullskjermsmodus" for å se redaktøren i fullskjermsmodus.
  • Alternativet "Spotlight -modus" hjelper deg med å fokusere bare elementet du jobber med. Dette er nyttig når du må fokusere på å lage en liste eller skrive et langt avsnitt.
  • Klikk på tannhjulinnstillingsikonet som vises øverst til høyre for å vise eller skjule dokumentet eller blokkeringspanelet på høyre side.

4 Bruk oppfordring til handling

Gutenberg har veldig nyttige funksjoner som ikke var tilgjengelige med den gamle klassiske redaktøren. Du kan enkelt legge til farger i avsnittets bakgrunn og tekst for å lage en attraktiv oppfordring til handling -bokser. Du trenger ikke å endre noen CSS eller bruke tredjeparts plugins for dette formålet.

12 Gutenberg -tips for WordPress

Legg til Call to Action i Gutenberg Editor

På samme måte kan du legge til knapper og tilpasse med forskjellige bakgrunner inne i redaktøren.

5 gjenbrukbare blokker

En av skjønnhetene ved bruk av Gutenberg er de gjenbrukbare blokkene. Du kan tilpasse et avsnitt, en knapp eller en liste og klikke på alternativknappen med tre prikker for det elementet. Velg "Legg til gjenbrukbare blokker" og oppgi navnet på den blokken.

12 Gutenberg -tips for WordPress

Legg til gjenbrukbar blokk i Gutenberg

Senere når som helst kan du sette inn den gjenbrukbare blokken på alle innlegg på nettstedet ditt. Du kan enten endre lokalt på det innlegget eller bruke det som et globalt element.

12 Gutenberg -tips for WordPress

Sett inn gjenbrukbare blokker

Vi bruker blokkene som kan brukes på nytt for å sette inn tilknyttede lenker på hele nettstedet. Med få klikk kan vi oppdatere eller endre blokken for gjenbruk med forskjellig innhold som vises på forskjellige innlegg.

6 Dupliseringsblokker

I likhet med gjenbrukbare blokker, kan du enkelt kopiere en blokk på det samme innlegget og bruke det på nytt. La oss si at hvis du har tilpasset en knappeblokk, kan du duplisere den samme knappen og oppdatere teksten/lenken. Klikk på "Flere alternativer" -knappen for det elementet og velg "Dupliser" for å lage en kopi.

7 Deaktiver forhåndspubliseringssjekker

WordPress vil be deg om å bekrefte og foreslå før du publiserer et innlegg hver gang. Du kan imidlertid deaktivere denne forhåndspubliseringssjekken hvis du synes den er irriterende. Gå til "Vis flere verktøy og alternativer> Alternativer" og fjern merket for "Aktiver forhåndspubliseringer". Alternativt kan du også deaktivere sjekken når du publiserer et innlegg.

12 Gutenberg -tips for WordPress

Deaktiver forhåndspubliseringskontroll

8 Rediger elementer som HTML

Tidligere med klassisk redaktør må du bytte visuell og tekstmodus for å redigere kilde -HTML -en i redaktøren. Dette er en lignende prosess i Gutenberg som du kan bytte mellom kode og visuelle redaktører ved å bruke hurtigtast eller fra alternativpanelet. I tillegg kan du enkelt redigere HTML -koden til et hvilket som helst element separat. Klikk på "Flere alternativer" -ikonet på elementet og velg "Rediger som HTML" for å se koden. Du kan bytte til normal modus ved å velge alternativet "Flere alternativer> Rediger visuelt". Dette er nyttig når du vil legge til nofollow til hyperkoblinger i editoren.

9 Bruk widgets blokker

Kategorien ” Widgets " inneholder mange nyttige blokker som ikke er mulig før. Du kan sette inn de siste kommentarene, de siste innleggene, arkivene, kalenderen, kategoriene, RSS, søk, tagsky og kortkode inne i innholdet.

12 Gutenberg -tips for WordPress

Gutenberg Widgets -blokker

I tillegg kan du også sette inn egendefinert HTML inne i innhold ved å bruke "Egendefinert HTML" -blokk tilgjengelig under "Formatering" -blokker.

10 Bruk nye funksjoner

Det er mange nye funksjoner tilgjengelig i Gutenberg. Du kan prøve i noen uker å bytte fra klassisk redaktør, og vi tror at du ikke kommer tilbake når som helst.

  • Avsnittsblokken har et "Drop Cap" -alternativ for å lage den første bokstaven med drop cap -stil.
  • Du kan legge til en annen CSS -klasse i et hvilket som helst individuelt element og legge til CSS -stildefinisjonene under "Utseende> Tilpass> Ytterligere CSS" -delen.
  • Endre elementer fra avsnitt til liste og konverter mange andre.
  • Lag enkle, stripete og faste breddebord ved hjelp av "Tabeller" -blokk.
  • Bruk "Kolonner" og "Cover" -blokker for å lage innhold som ikke var mulig med klassisk editor.

11 Slutt å bruke sidebygger -plugins

I motsetning til mange forbannelser, har Gutenberg definitivt mange positive ting. Mange av de som hater Gutenberg bruker de egendefinerte sidebygger -pluginene som Visual Composer, Elementor eller SiteOrigin sidebygger. Selv om disse programtilleggene er nyttige, fungerer innhold som er opprettet med disse sidebygger -pluginene, bare når programtillegget er aktivt på nettstedet ditt. I det øyeblikket du deaktiverer programtillegget, blir innholdet uleselig i frontend. Og det er en skremmende oppgave å migrere innholdet fra disse sidebygger -plugins.

Derfor anbefaler vi på det sterkeste å ikke bruke tilpasset plugin for å bygge hundrevis av innlegg. Du kan bruke Gutenberg eller bruke tilpassede plugins for å bygge bare noen få sider som enkelt kan oppdateres.

12 AMP -historier

Hvis du bruker pluginversjonen AMP og Gutenberg, kan de siste AMP -historiene være et veldig attraktivt alternativ for deg. Det hjelper deg med å lage fullsidig mobilvennlig innhold for å vise frem for leserne.

Konklusjon

Hvis du ikke er overbevist eller vant til den gamle klassiske redaktøren, tilbyr Gutenberg også en "klassisk" blokk under delen "Formatering". Vi anbefaler at du slutter å bruke sidebyggeren din, og fokuserer på å bruke Gutenberg som standardredaktør. Dette vil hjelpe deg å bli kjent med nye endringer som vil komme med fremtidige WordPress -oppgraderinger.

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