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

Gutenberg WordPress Editor – Den første anmeldelsen

8

WordPress er den beste blogging- og publiseringsplattformen for mange av oss. Men det større problemet er den tekniske kunnskapen som trengs for å drive et WordPress- nettsted. Ellers må du bruke mye tid og penger på å endre de grunnleggende tingene. Selv den enkle oppgaven med å lage og publisere et innlegg eller en side i WordPress er ikke så lett å ha forskjellige oppsett og kolonner. Dette fører til vekst av hundrevis av selskaper og nettsteder som tilbyr sidebyggertjenester. Gode ​​eksempler inkluderer Visual Composer, SiteOrigin Page Builder, Beaver Page Builder, etc. Disse sidebyggerne ble populære bare på grunn av at WordPress som standard har en klønete redaktør.

Klassisk WordPress Post Editor

Den klassiske WordPress -postredigereren ser kjedelig ut og er basert på ren tekst. Du kan justere veldig minimale ting som å bytte til "Tekst" -modus og legge til litt innebygd HTML/CSS. Det er ikke mulig å legge til kolonneoppsett eller legge til blokker. For eksempel, hvis du har en tekstboks som produkttilbud eller gratis nedlasting av ebok, må du legge til det samme innholdet på alle sidene manuelt. Ellers må du kanskje endre PHP -filene eller skrive noen egendefinert kode, som ikke er alternativer for nybegynnere.

Gutenberg – The Future Way

Hvis du har lagt merke til, viser WordPress et varsel i versjon 4.9.8 for å installere og teste Gutenberg -editoren. På dette tidspunktet må du installere Gutenberg som et plugin for å endre editoren. Men snart fra versjon 5.0 vil WordPress som standard ha Gutenberg -redaktør. Hvis du har problemer med kompatibiliteten eller fortsatt liker å bruke den gamle redigereren, må du installere en klassisk editor -plugin for å fortsette med den gamle editoren.

Siden oppsettet til redaktøren endres med Gutenberg, bør alle pluginene og temaene som bruker metabokser i innlegget / sideditoren redesignes for å fungere med Gutenberg -redaktør. Plugins som Yoast SEO tilbyr allerede den kompatible versjonen, og vi mener at alle andre utviklere bør følge etter uten andre alternativer igjen. Nedenfor vises popup -meldingen fra WooCommerce for å prøve med Gutenberg -redaktør.

Gutenberg WordPress Editor - Den første anmeldelsen

WooCommerce Gutenberg -widget

Hva er Gutenberg?

Hvis du noen gang har jobbet med Bootstrap nettstedbygger eller Weebly editor, vil du bli overrasket. Ja, Gutenberg er en dra og slipp nettstedbygger basert på blokker -konsept. Du kan ganske enkelt klikke blokken for å legge til på siden og begynne å lage innholdet ditt. Dette ligner på Bootstrap eller Weebly editor

Å bruke Gutenberg kan se lang tid ut for enkle tekstinnlegg / sider. Men for de som vil ha forskjellige oppsett og gjenbrukbare blokker på flere sider, så er Gutenberg den enkle løsningen.

Blokker av Gutenberg

Du kan legge til følgende blokker med Gutenberg -redaktøren:

Gutenberg WordPress Editor - Den første anmeldelsen

Gutenberg -blokker

  • Vanlige blokker – avsnitt, bilde, overskrift, galleri, liste, sitat, lyd, omslagsbilde, underoverskrift, video.
  • Formateringsblokker – Kode, klassisk, tilpasset HTML, forhåndsformatert, trekkquote, tabell, vers.
  • Layoutelementer – knapp, kolonner, mer, sideskift, separator, mellomrom.
  • Widgets – kortnummer, arkiver, kategorier, siste kommentarer, siste innlegg.
  • Embeds – innebygg fra nesten alle sosiale nettverk som Twitter, YouTube, Facebook, Instagram, etc.
  • Seksjonen Mest brukte blokker viser en liste over de ofte brukte blokkene for rask tilgang.
  • Gjenbrukbare blokker – Som forklart ovenfor, når du vil at det samme innholdet skal være en del av mange sider, kan du lagre det som en gjenbrukbar blokk.

Forstå layout av Gutenberg Editor

Nedenfor ser du hvordan Gutenberg -redaktøren vil se ut når du oppretter et innlegg.

Gutenberg WordPress Editor - Den første anmeldelsen

Gutenberg redaktør

  1. Det første elementet er alltid en tittel for innlegget ditt. Du kan ikke slette dette elementet.
  2. Du har innholdsområdet der du kan legge til blokker.
  3. Klikk på + -knappen enten i innleggsredigereren eller øverst til venstre i redigeringsprogrammet for å begynne å legge til blokker.
  4. Flytt markøren til venstre for et element for å se pil opp og ned. Klikk på pilen for å flytte hele elementet opp eller ned.
  5. Hold musen over høyre side av elementet for å se knappen med tre prikker som tilbyr flere alternativer. Klikk på den for å redigere blokken som HTML eller vise den tilbake visuelt. Herfra kan du legge blokken til en gjenbrukbar liste.
  6. Klikk på blokkelementet for å se flere innebygde alternativer som formatering og justering for tekstinnhold.
  7. Den øverste linjen inneholder alternativer på høyt nivå som-angre, gjøre om, forhåndsvise, publisere, lagre utkast, vise eller skjule sidefeltet, innstillinger for å bytte visuell og kodeditor og andre få alternativer.
  8. Sidefeltet har to seksjoner – en er for innleggsnivå som ‘Dokument’. Den har alternativer for å legge til omtalt bilde, kategori, tagger, innleggsformat, forfatter, etc.
  9. Fanen "Blokker" inneholder spesifikke alternativer for det valgte blokkelementet.

Legger til blokker i Post

La oss lage et innlegg med noen elementer for å se hvor enkelt eller vanskelig det er å bruke Gutenberg -redaktør.

  • Legg til en tittel i standard tittelrom.
  • Klikk for å legge til tilpasset HTML og legge til noe innhold.
  • Legg til et kolonneoppsettelement, legg til tekst og sitat i to kolonner.

Gutenberg WordPress Editor - Den første anmeldelsen

Legge til blokker og sjekke statistikk

For øyeblikket, hvis du vil ha et oppsett med kolonner, trenger du tilpasset kortnummer fra temaet eller bruk separat plugin.

Metabokser

Som du kan se på oppsettet, har vi mange metabokser på innleggsredigereren på grunn av temaet og pluginene vi har på demosiden. Nå som det er noen metabokser som fortsatt holder seg til sidefeltet, og noen flyttes under innholdet i innlegget. Så sørg for å teste temaet og pluginene dine før du begynner å bruke Gutenberg -editor. Ellers må du kanskje installere klassisk plugin for redigeringsprogram for innlegg for å ha bakoverkompatibilitet og informere utvikleren om å oppdatere temaet / pluginet.

Tilleggsfunksjoner

  • Klikk på informasjonsikonet på den øverste linjen for å sjekke statistikken over innholdet i innlegget, for eksempel antall ord, setninger, overskrifter, etc.
  • Du kan få tipsene for å bli kjent med redaktøren. Klikk på knappen med tre prikker øverst til høyre på den øverste linjen, og velg alternativet "Vis tips".
  • Klikk på blokkelementet og gå til kategorien "Blokker" i høyre sidefelt. Under "Avansert" -delen kan du legge til egendefinerte CSS -klasser som bare påvirker det elementet i tekstboksen "Ytterligere CSS -klasse". Du må definere CSS -klassen i hovedstilarket eller under "Utseende> Tilpass> Ytterligere CSS".

Forbedringer

WordPress ga ut flere forbedringer av den første Gutenberg -redaktøren. Nå kan du legge til koblinger til knappen uten nofollow, tabellblokken reagerer på horisontal bar på mobile enheter, du kan administrere blokker som kan gjenbrukes og deaktivere ubrukte blokker og metabokser i postredigereren. Versjon 5.8 introduserte også en fullstendig nettstedredigeringsfunksjon som kan endre hele landskapet for nettstedbygging med WordPress som et innholdshåndteringssystem. Med alle disse tingene er det en god idé å prøve det hvis du fortsatt bruker klassisk editor.

Sammendrag

Enten Gutenberg WordPress -redaktør forbedrer produktiviteten din eller ikke, er det på høy tid å bli kvitt den kjedelige gamle redaktøren. Selv om hver handling trenger to klikk nå, er det veien videre. På den annen side vil dette stoppe dille på dedikerte sidebygger -plugins og åpne alternativer for å legge til egendefinerte blokker som en del av WordPress -kjernen.

Fordeler

  • Enkelt å legge til forskjellige blokker. Ganske sikkert mange plugins vil dukke opp for å legge til egendefinerte blokker i fremtiden.
  • Du kan lage hvilken som helst type layout og ha forskjellig layout på forskjellige sider på nettstedet ditt.
  • Omorganisere blokkene er enkelt, og du kan lage gjenbrukbare blokker.

Ulemper

  • På navnet på brukeropplevelsen må du nå klikke to ganger som ble gjort med et enkelt klikk før. For eksempel, med den klassiske redaktøren kan du ganske enkelt klikke på "Utvalgt bilde" og laste opp et bilde. Nå med Gutenberg, må du først klikke på rullegardinmenyen "Utvalgt bilde" og deretter klikke på lenken for å laste opp bildet.
  • Vi kunne ikke se "Skjermalternativer" for å tilpasse redaktøren. Ser ut som du bør ta det som vises.
  • Den nye redaktøren vil gjøre alle eksisterende opplæringsprogrammer ugyldige og store innsatsbehov for dokumenter fra tusenvis av utgivere og utviklere.

Opptakskilde: www.webnots.com

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 akseptererMer informasjon