Kako uporabljati Gutenberg (urejevalnik WordPress)


kako uporabljati bloke gutenbergLeta 2018 se je WordPress oddaljil od svojega dolgoletnega urejevalca, ki ga je poimenoval “Gutenberg”.


Za razliko od starih urejevalnikov WordPress uporabniki zdaj uporabljajo sodoben urejevalnik blokov za vlečenje in spuščanje za gradnjo in prilagajanje spletnih strani, objavljanje vsebine in prodajo svojih storitev in izdelkov v spletu.

Ne glede na to, ali ste dolgoletni uporabnik, ki poskuša smiselno zaslediti novega urejevalnika ali ste povsem nov za WordPress, vas bo ta vodič naučil vrvi. Izvedeli boste:

  • V čem se Gutenbergovi bloki razlikujejo od klasičnega urejevalnika.
  • Kako uporabljati ustvarjalnik blokov za ustvarjanje in urejanje strani.
  • Kaj počnejo bloki Gutenberga.
  • Kako odkleniti dodatne nastavitve s stransko vrstico.
  • Kako z orodno vrstico narediti bolj produktivno.

Klasični urednik proti Gutenbergovim blokom

Prehod s klasičnega urejevalnika na bloke Gutenberg je velik korak za WordPress. Poglejmo, kako se je urednik razvil.

Klasični urejevalnik WordPress

WordPress je od leta 2003 do 2018 svojim uporabnikom zagotavljal osnovni urejevalnik besedil.

WordPress-Classic-Editor

Klasični urejevalnik WordPress je bil vaš tipični urejevalnik WYSIWYG (“kar vidite, to dobite”).

Z drugimi besedami, vsebino ste vnesli v odprto polje, jo oblikovali s priloženo orodno vrstico in to je bolj ali manj, kot je vaše besedilo izgledalo na vašem spletnem mestu.

WordPress-WYSIWYG-Editor

To je dovolj preprost vmesnik in takšen, ki so ga z leti navadili številni uporabniki WordPressa. Vendar je imelo svoje omejitve.

Na primer:

WordPress-Page-Primer

Tako bi se vsebina prikazala na spletnem mestu, ko bo enkrat objavljena. Vendar bi lahko le s pomočjo funkcije “Predogled” potrdili, da je vse uredništvo v redu iz urejevalnika na stran.

Vsebine ni bilo mogoče pisati v dejanski kontekst strani. Poleg tega je bilo potrebno določeno poznavanje HTML-ja ali pretirano zanašanje na vtičnike, da lahko zgradimo bolj napredne oblike in postavitve.

Leta 2018 se je WordPress odločil popraviti te omejitve z izdajo novega urejevalnika WordPress (t.i. Gutenberg).

Gutenberški blok urednik

Novi urejevalnik WordPress je urejevalnik blokov s povleci in spusti.

Gutenberg

To pomeni, da vsebina ni več napisana v enem glavnem urejevalniku. Posamezni bloki so nameščeni, da ustvarijo vsebino strani.

Gutenberg-Blocks

Ko je izbran vsak blok, je na voljo z edinstveno orodno vrstico. To omogoča bolj racionalizirano in prilagojeno izkušnjo urejanja, saj so vam prikazani le uredniški nadzori, ki jih takrat potrebujete.

Tudi urednik Gutenberga je precej olajšal dodajanje vrst vsebin in postavitev, ki bi sicer preveč zamudne ali težke, da bi začetnik WordPressa naredil sam.

Primeri več-Gutenberga-bloka

Še več, igra ugibanja ni več. Kaj ustvarite v urejevalniku blokov, je, kako je videti na vašem spletnem mestu. Vse pisave, slog in postavitve ustrezajo:

WordPress-Stran-Primer-z-Gutenbergom

Je en urejevalnik WordPress boljši od drugega?

Kar je bolje – klasični urednik ali Gutenberg – boste to morali ugotoviti sami.

Čeprav se WordPress samodejno namesti z Gutenbergom, ga lahko uporabniki namestijo vtičnik Classic Editor če se še niso pripravljeni premakniti v urejevalnik blokov.

Na voljo so tudi druge možnosti dodatkov za urejevalnike. Elementor in Beaver Builder sta dve bolj priljubljeni možnosti urejevalnika, povleci in spusti, Kategorije blokov
čeprav so najbolj primerni za profesionalne oblikovalce in razvijalce, ki morajo odkleniti več funkcij.

Zaenkrat se poglobimo v Gutenberg in vam omogočimo boljšo predstavo, kaj lahko pričakujete od urejevalnika povleci in spusti WordPress.

Kako uporabljati urejevalnik blokov Gutenberg

Poglejmo urejevalnik blokov Gutenberg z nastavitvijo nove strani (ali objave).

Začnite z WordPress menijem na levi strani zaslona. Če želite ustvariti novo spletno stran, s kazalcem miške kliknite »Strani« in izberite »Dodaj novo«. Če želite ustvariti novo objavo v spletnem dnevniku, s kazalcem miške nad »Objave« in izberite »Dodaj novo«.

WordPress-Add-New-Page

Dodajte naslov

Z ustvarjeno novo stranjo ali objavo ji v bloku »Dodaj naslov« dodajte naslov:

Gutenberg-naslov-blok

Ustvari svoj prvi blok

Odstavki na splošno obsegajo večino vsebine, ki jo postavimo na spletno stran, zato je prvi blok, ki nam ga daje Gutenberg, vedno blok odstavkov:

Gutenberg-novi odstavek-blok

Če želite začeti z odstavkom, dodajte kazalec v prazen blok z napisom »Začnite pisati ali vtipkati / izbrati blok«. Ko tipkate, bo vsebina napolnila blok.

Prilagodite vsebino v bloku

Če želite prilagoditi slog odstavka, uporabite orodno vrstico, ki se pojavi tik nad njim.

Uskladitev

Z večino Gutenbergovih blokov boste lahko spremenili poravnavo vsebine znotraj bloka:

Gutenberg-Poravnava

Levo je privzeto. Prav tako lahko izberete poravnavo ali desno poravnavo vsebine.

Oblikovanje

Kadar koli je v bloku besedilo, ga lahko oblikujete krepko:

Gutenberg-Odstavek krepko

Besedilo naj bo poševno:

Gutenberg-odstavek-ital

Ali dodajte hiperpovezavo:

Gutenberg-odstavek-povezava

Če želite odpreti povezave v novem oknu brskalnika, kliknite puščico navzdol v vrstici hiperpovezave. Ko končate spremembe, kliknite puščico »Vrni se«, da povezavo shranite.

Dodatne možnosti sloga

Če v orodni vrstici kliknete puščico navzdol, boste našli dodatne možnosti za stiliziranje besedila:

Gutenberg-Več-Besedilo-Možnosti

“Koda” besedilo oblikuje tako, kot da je bilo napisano v urejevalniku kod:

Gutenberg-odstavek-zakonik

»Vrtljiva slika« vam omogoča, da besedilo ovijete okoli slike:

Gutenberg-odstavek-inlineImage

Kot vidite, to ni učinkovit način za združevanje slik in besedila drug v drugem v Gutenbergu. (Pozneje bomo pregledali drug način.)

Zadnja možnost tukaj omogoča, da skozi poudarjeno besedilo dodate prečrto:

Gutenberg-odstavek-prečrtano

Več možnosti blokov

Zadnji gumb v orodni vrstici vedno razkrije več možnosti blokov:

Možnosti Gutenberg-More-Block

Te možnosti bodo enake, ne glede na to, kateri blok urejate.

Naj hitro povzamemo, kaj počnejo:

  • Skrij nastavitve blokov: Zaradi stranske vrstice na desni izgine.
  • Podvojeno: Naredi natančno repliko tega bloka.
  • Vstavi prej: Nad tem doda nov prazen blok.
  • Vstavi po: Pod tem doda nov prazen blok.
  • Uredi kot HTML: Blok pretvori v urejevalnik kod, če želite pisati v HTML.
  • Dodaj v bloke za večkratno uporabo: Blok shrani, da ga lahko ponovno uporabite drugje na spletnem mestu.
  • Odstrani blok: Črta blok.

Blok preoblikovanja

V orodni vrstici je še en gumb, ki ga morate zavedati:

Gutenbergovi stikalni bloki

Ta gumb kljub temu ne bo vedno videti tako, zato ne pozabite, da prvi gumb omogoča pretvorbo trenutnega bloka v sorodnega.

Na primer, lahko besedilni blok, kot je odstavek, spremenite v naslov, seznam ali citat. Ne morete pa nekaj podobnega odstavka pretvoriti v sliko ali ločilno vrstico. Za to boste potrebovali nov blok.

Dodajte nov blok

Če želite dodati nov blok na svojo stran, imate več možnosti.

Vstavite pred / po

Možnosti Vstavi pred / Vstavi po že ste videli v orodni vrstici svojega bloka. To je en način.

Če kliknete stran od obstoječega bloka in se pomaknete nad njegov vrh, se prikaže majhen znak plus:

Gutenberg-Add-Block-Cross

Ko ga kliknete, bo razkril vaše bloke:

Gutenberg-Add-Block-Plus-Sign

Izberite tistega, ki mu želite dodati nov blok nad tistega, ki ga že imate.

Če premaknete miško nad spodnji del bloka, boste videli isti znak plus. Razlika je le v tem, da bo pod blok dodal nov blok.

Uporabite svojo tipkovnico

Nov način za dodajanje novega bloka je s pritiskom na tipko “Return” na tipkovnici:

Gutenberg-Add-Block-Enter

To bo takoj dodalo nov blok odstavkov na stran.

Če ga želite spremeniti v drugo vrsto bloka, lahko uporabite znak plus na levi strani novega bloka:

Gutenberg-Change-New-Block

Lahko pa vnesete poševnico (/), ki ji sledi ime bloka, ki ga želite uporabiti:

Gutenberg-Change-Block-Slash

Če želite na primer dodati sliko, vnesite “/ image”. Ko vtipkate ujemajoče se ime, se možnost blokiranja samodejno vstavi.

Dodajte blok v orodni vrstici

V orodni vrstici lahko vedno uporabite samo osnovno funkcijo dodajanja bloka:

Gutenberg-blok dodatkov

Pomaknite se po možnostih ali vnesite ime bloka, ki ga iščete.

Premakni blok

Ko začnete ustvarjati bloke, se boste morda odločili, da niste zadovoljni z vrstnim redom, v katerem so prikazani. Ali pa ste morda dodali blok zgoraj, ko bi moral biti spodaj.

Ni treba brisati blokov ali rezati in prilepiti vsebine iz enega bloka v drugega. Rešitev je preprosta.

Gutenberg je urejevalnik blokov s povleci in spusti. To pomeni, da lahko svoje bloke z lahkoto premikate kamor koli želite.

Obstajata dva načina.

Uporabite puščice

Prva možnost je uporaba puščic na levi strani vsakega bloka. Premaknite miškin kazalec nad blok, ki ga želite premakniti, in našli boste puščico navzgor in navzdol:

Gutenberg-Move-puščice

Če želite samo enkrat premakniti blok navzgor ali navzdol, ta možnost deluje dobro.

Gutenberg-premik-blok

Uporabite povleci in spusti

Če želite narediti bolj drastično preureditev blokov, uporabite povleci in spusti.

Nahaja se na istem mestu kot puščice. Premaknite miško nad blok, ki ga želite premakniti, in zgrabite okrog pik, ki se pojavijo na sredini. Ko boste to storili, se bo kazalec spremenil v roko:

Gutenberg-Grab-Drag-and-Drop

Ko premikate blok na nov del strani, se prepričajte, da se prikaže temna črta, preden jo spustite navzdol:

Gutenberg-Move-Block

S tem boste vedeli, da blok premikate v razpoložljivi prostor. Brez te črte povleci in spusti ne bo delovalo.

Izbrišite blok

Če se odločite, da želite blok odstraniti v celoti, imate na voljo tudi možnosti.

Enega od teh ste že videli. Vsebuje dodatne možnosti vašega bloka. Samo kliknite “Odstrani blok” in izbrisana bo.

Vedno ga lahko izbrišete tudi na staromoden način. Postavite kazalec v blok in ga odstranite s tipko »Delete« na tipkovnici.

Upoštevajte pa, da boste morali, če gre za besedilni blok, vsebino najprej odstraniti, preden jo lahko izbrišete na ta način. Za karkoli drugega – sliko, vdelani pripomoček itd. – lahko preprosto uporabite tipko “Delete”.

Blok lahko tudi poudarite (tako, da povlečete kazalec po njem) in nato pritisnete tipko »Delete«. To je koristno, če želite poudariti in izbrisati več blokov hkrati.

Ustvarite blok za večkratno uporabo

Bloki za večkratno uporabo so koristni, ko želite ustvariti element, ki ga je mogoče uporabiti na celotnem mestu, na primer promocijski blok za objave v vašem spletnem dnevniku ali poziv k dejanju.

Gutenberg-Ustvari-Ponovno uporaben-Block

Namesto, da bi poskušali znova ustvariti blok na straneh, ki jih mora nadaljevati, odprite možnosti blokov in kliknite »Dodaj v bloke za večkratno uporabo«. Nato mu dajte ime:

Gutenberg-Ime-uporaba za večkratno uporabo

Ko ga shranite, ga boste lahko poiskali in uporabljali enako kot kateri koli Gutenbergov blok. Našli ga boste v novi kategoriji, imenovani »Ponovna uporaba«:

Kategorija Gutenberg za večkratno uporabo

Ogled blokov Gutenberg

Klasični urejevalnik WordPress je pustil veliko želenega v smislu pomoči uporabnikom pri ustvarjanju zapletenih vsebin in postavitev. Gutenberški bloki preprečijo to zaporo.

Seznanimo se z bloki:

Blokiraj kategorije

WordPress je lepo organiziral svoje bloke v kategorije.

Skupni bloki

To so vaši skupni bloki:

Skupni bloki

Tu so osnovni besedilni in vizualni elementi, ki jih uporabljate na strani.

Oblikovanje blokov

To so vaši bloki za oblikovanje:

Oblikovanje-bloki

Večina teh blokov je razvijalcem prijazna, zato jih morda ne boste potrebovali veliko. Bloki mize in izvlečne ponudbe bi morda prišli prav.

Postavitveni bloki

To so vaši bloki postavitve:

Postavitve-bloki

Če želite v svojo vsebino dodati prelome (na primer z velikim prostorom ali ločilno vrstico) ali posebne elemente (kot je gumb), boste te stvari našli tukaj.

Bloki gradnikov

To so vaši pripomočki:

Gradniki-bloki

V glavnem so to elementi, ki bi morali biti v stranski vrstici vašega spletnega dnevnika, ne pa na vaših straneh. Edine izjeme, ki jih boste našli, so bloki, ustvarjeni z drugimi vtičniki, kot je primer WPForms.

Vdela bloke

To so vaši vdelavi:

Vgradi-bloki

Te boste uporabljali za prikazovanje vsebin z drugih platform. To je dobro za vdelavo stvari, kot so YouTube videoposnetki, posnetki SoundCloud in objave na Twitterju.

Najpogosteje uporabljeni bloki Gutenberg

Kot vidite, je na voljo več deset blokov Gutenberg. Kljub temu obstajajo določeni elementi, ki jih vsi uporabljajo za ustvarjanje strani ali objav v WordPress-u, zato začnite z učenjem osnov:

Odstavek blok

Uporabite blok Odstavek za dodajanje navadnega besedila na svojo stran.

Odstavek-blok

Blok naslova

Uporabite blok Heading, da dodate glavo na svojo stran.

Blok z glavo

Te vam omogočajo, da na stran vnesete nove teme, hkrati pa olajšate branje vsebine. Gumbi H2, H3 in H4 omogočajo tudi vzpostavitev hierarhije naslovov strani.

Seznam blokov

Uporabite blok Seznam, da na stran dodate črten ali oštevilčen seznam:

Seznam-blok

To je koristno tudi za izboljšanje berljivosti.

Blok slik

Uporabite blok slike, da dodate sliko na svojo stran.

Blok za slike

Sliko lahko naložite s svojega pogona ali pa izberete tisto, ki že obstaja v vaši predstavnostni knjižnici.

Video blok

Uporabite blok Video, da vstavite sliko na svojo stran.

Video-blok

Lahko naložite video datoteko, jo izberete iz knjižnice ali pa jo potegnete iz povezave.

Ker videoposnetki zavzamejo veliko prostora, je najboljša možnost shranitev datoteke na platformo za skupno rabo videov, kot sta Vimeo ali YouTube. Nato ga vstavite s povezavo.

Za to ne boste uporabili video bloka Namesto tega poiščite ustrezen vdelak.

YouTube ima eno:

YouTube-vdelaj

Kot tudi Vimeo:

Vimeo-Embed

To bi morali storiti za vse zvočne datoteke (na primer podcaste ali zvočne posnetke), ki jih želite dodati na stran. Za to uporabite zvočni blok ali ustrezen vdelak (na primer za Spotify).

Blok gumba

Z gumbom gumba usmerite obiskovalce ali bralce, da ukrepajo:

Gumb-blok

To jih lahko usmeri v: »Razpored zdaj«, »Registracija«, »Več o tem« itd.

Blok medijev in besedila

Kot smo že omenili, je možnost vdelane slike v bloku odstavkov neučinkovit način za spajanje besedila in slik. Za to uporabite blok »Mediji in besedilo«:

Blok za medije in besedilo

Blok stolpcev

Drug način, da dva različna bloka (istega ali drugačnega tipa) postavite drug ob drugega, je z uporabo bloka Stolpci:

Stolpec-blok

Če želite dodati dodatne stolpce na desni ali levi, se s kazalcem miške premaknite nad bloki znotraj stolpca in pritisnite znak plus. To je isto kot dodajanje novega bloka, le to jih bo dodalo vodoravno.

Bloki za vdelavo v družbene medije

Namesto da uporabite vdelano kodo iz družbenih medijev, da objavo postavite na svojo stran, dodajte povezavo do objave tukaj:

Social-Media-Embed

Obstajajo vdelani bloki za Facebook, Twitter in Instagram, zato poiščite blok Vdelaj, ki ustreza vaši objavi v družabnih medijih.

Klasični blok

Klasični blok omogoča nadaljevanje ustvarjanja vsebine v WordPressu s klasičnim urejevalnikom:

Gutenberg-Classic-Block

Klasični blok se začne uporabljati tudi vsakič, ko spletno mesto preide iz klasičnega urejevalnika v Gutenbergov urejevalnik. Gutenberg ne bo samodejno poskušal pretvoriti besedila v svoje bloke. Preprosto jih umesti v klasični urejevalnik vmesnik.

Če želite klasični blok pretvoriti v bloke Gutenberg, pojdite na “Več možnosti” in izberite “Pretvori v bloke”:

Gutenberg-Pretvori-Bloke

Po najboljših močeh bo vsak element v urejevalniku pretvoril v ustrezen blok:

Gutenbergovi pretvorjeni bloki

Ne pozabite pregledati izhodnih blokov za morebitne napake, preden shranite spremembe.

WordPress vtični bloki

Večina priljubljenih vtičnikov, ki jih uporabljajo WordPress uporabniki, je združljivih z Gutenbergom. Vtičniki so ponekod ustvarili posebne bloke, ki se prikažejo v vašem urejevalniku.

Na primer, če uporabljate vtičnik za obrazec za stike, kot je WPForms, najti ustrezen blok zanj:

WPForms-Block

Preprosto ustvarite obrazec v vtičniku in ga poiščite v spustnem meniju, ki je tukaj naveden. Ni vam treba več slediti in prilepiti kode za obrazce.

Yoast, priljubljen vtičnik SEO, je še en blok, ki je Gutenbergu dodal nove bloke:

Bloki Yoast

WooCommerce, WordPressova rešitev za e-trgovino je storila enako:

Bloki WooCommerce

Obstajajo tudi “končni” vtičniki Gutenberg, ki dodajo kup novih blokov vašem graditelju, kot so Ultimate Addons za Gutenberg:

Ultimate-Addons-Gutenberg

Te vrste vtičnikov razširjajo funkcionalnost vašega graditelja blokov. Če gradite spletno mesto, ki potrebuje posebne elemente, kot so Google Zemljevidi, testni bloki ali funkcionalnost e-trgovine, jih lahko dodate v Gutenberg z vtičniki, kot so ti.

Pregled stranske vrstice dokumenta in bloka

Zdaj, ko ste spuščali urejevalnik blokov, usmerimo pozornost na dokument in stransko vrstico bloka.

Ko je kazalec v naslovni vrstici ali nekje na strani, kjer blok ne obstaja, bo stranska vrstica kazala na nastavitve dokumenta:

Stranska vrstica dokumenta

Te omogočajo nadziranje stvari, kot sta stanje in videz strani.

Tu je nekaj glavnih, ki jih morate vedeti:

Stanje in vidnost

Status in vidnostNa tej plošči lahko prilagodite, kdo bo morda videl stran (javno, zasebno ali zaščiteno z geslom), pa tudi kdaj bo objavljena (če ne takoj). Če želite stran v celoti izbrisati. To lahko storite tudi tukaj.

PermalinkNa tej plošči spremenite polž (identifikacijski del URL-ja). Na primer:

https://mywebsite.com/gutenberg-block-builder /

Predstavljena slikaPredstavljena slika je sličica, ki jo ljudje vidijo, ko se objave vašega spletnega dnevnika prikažejo v vašem glavnem viru. To je tudi, kaj platforme družbenih medijev uporabljajo pri prikazovanju predogledov vaših povezav.

Kategorije

KategorijeTo je na voljo samo za objave na spletnem dnevniku. Uporabite to za organiziranje svojih tem.

Oznake

OznakeTo je še ena nastavitev, ki je na voljo samo za objave na spletnem dnevniku. To uporabite tako, da dodate ključne besede, ki se pojavijo v vaši objavi in ​​pomagajo bralcem pri iskanju vsebine o sorodnih temah.

Ko je kazalec nameščen znotraj katerega koli bloka na vaši strani (razen naslova), bo stranska vrstica prešla na urejevalnik blokov:

Blok-stranska vrstica

Ta stranska vrstica vam nudi dodatne možnosti urejanja blokov, če jih želite. Stranska vrstica bloka se bo spremenila glede na vrsto bloka, ki ga delate.

Na primer, stranska vrstica odstavka prikazuje možnosti urejanja za:

Odstavek-blok-stranska vrstica

Prilagodite lahko velikost besedila, pa tudi barvo besedila ali ozadja bloka. Če veste, kako uporabljati razrede CSS, lahko dodatno prilagodite videz bloka s pomočjo “Napredne nastavitve”.

Na drugi strani ima stranska vrstica slike naslednje nastavitve:

Image-Block-Sidebar

Sliki lahko dodate alt-besedilo (pomembno za SEO), spremenite velikost slike in jo povežete s spletno stranjo.

Nekateri bloki ne ponujajo dodatnih nastavitev v stranski vrstici, kot je vdelava v Twitter:

Twitter-Blok-stranska vrstica

Edino, kar lahko storite, je ustvariti razred CSS po meri pod “Napredne nastavitve”.

Bottom line: če se vam zdi, da ne morete v celoti urediti bloka z orodno vrstico bloka, preverite stransko vrstico za dodatne možnosti.

Kaj storiti z Orodno vrstico

Zadnji del urejevalnika, s katerim se morate seznaniti, je orodna vrstica, ki sedi vzdolž vrha:

Gutenberg-Orodna vrstica

To morda ni nič drugega kot mesto za shranjevanje gumbov »Predogled« in »Objavi«, vendar lahko veliko več naj bi uporabite orodno vrstico za.

Poglejmo osnove:

Bloki

Prvi gumb v orodni vrstici je, kjer lahko dostopate do novih blokov:

Gutenberg-Orodna vrstica-bloki

Razveljavi / Uveljavi

Naslednja dva gumba omogočata, da razveljavite (puščica, ki kaže levo) ali ponovno (puščica, ki kaže desno) zadnjo spremembo strani, ki ste jo naredili na strani:

Gutenberg-Orodna vrstica-Razveljavi

Informacije o strani

Za tiste, ki želite ustvariti strani, ki jih obiskovalci enostavno pregledajo, gumb “i” (informacije) omogoča pregled nad vašo vsebino:

Gutenberg-Toolbar-Info

Boste videli:

  • Koliko besed ste napisali.
  • Koliko naslovov je z razčlenitvijo naslovov pod njim.
  • Koliko odstavkov je.
  • Koliko blokov ste uporabili.

Na tem mestu so najpomembnejši podatki in število naslovov.

Struktura strani

Naslednji del orodne vrstice razkriva vse bloke, ki ste jih uporabili za izdelavo strani:

Gutenberg-Block-Navigacija

S tem se takoj pomaknite do bloka, na katerem želite delati. To je koristno za urejanje vsebine na daljših straneh in objavah.

Shrani nastavitve

Te prve tri gumbe boste uporabili pri vsaki strani ali objavi, ki jo ustvarite:

Gutenberg-Shrani-Nastavitve

Uporabite »Shrani osnutek«, če želite spremembe shraniti med delom na strani.

Za ogled strani na svojem spletnem mestu uporabite »Predogled«.

Uporabite »Objavi«, da svojo stran potisnete na spletno mesto v živo. Ko je stran objavljena, se ta gumb spremeni v »Posodobi«. To uporabite za shranjevanje in potiskanje novih različic svojih strani na spletno mesto.

Nastavitve

Ko kliknete ikono zobnika (nastavitve), skrije ali pokaže Gutenbergovo stransko vrstico. Tako izgleda, ko je onemogočen:

Gutenberg-Toolbar-Settings-Onemogočeno

Tako je videti, ko je omogočeno:

Gutenberg-Orodna vrstica-nastavitve-omogočena

Več možnosti

Zadnji gumb v orodni vrstici razkriva dodatne možnosti in orodja. To uporabite, če želite prilagoditi svoj delovni prostor v Gutenbergu.

Gutenberg-Toolbar-More-Options

Pogled

Prvi niz možnosti, ki se nanašajo na “Pogled”:

Gutenberg-Orodna vrstica

“Top Toolbar” premakne orodno vrstico iz vaših blokov in jo prilepi na vrh zaslona:

Gutenberg-Top-Toolbar

Možnosti urejanja se še vedno spreminjajo glede na izbrani blok. Edina razlika je v tem, da je zdaj le na vrhu strani.

“Način reflektorja” zbledi vse bloke, ki jih ne uporabljate:

Gutenberg-Spotlight-Mode

Če želite pomagati pri osredotočenju na en blok naenkrat, je to koristno orodje, ki ga lahko omogočite.

“Način celozaslonskega načina” je Gutenbergov način pisanja brez motenj:

Gutenberg-celozaslonski način

Odstrani menije WordPressa na zgornji in levi strani ter Gutenbergovo stransko vrstico na desni.

Način urejevanja

Naslednji niz možnosti je za urejevalni način.

Gutenberg-Options-Editor

Gutenberg privzeto uporabnike postavi v “vizualni urejevalnik”.

Če želite svojo stran sestaviti v HTML-ju, lahko preklopite na »Urejevalnik kode«:

Gutenberg-urednik kode

Učinkovitejši in čistejši način urejanja blokov v HTML-ju pa je, da ravnate individualno (saj verjetno ne potrebujete urejanja kode celotne strani).

Do urejevalnika kode lahko dostopate pod “Uredi kot HTML”:

Gutenberg-Edit-HTML

To bo pretvorilo blok v HTML:

Gutenberg-HTML-blok

Uredite ga tako, kot se vam zdi primerno. Če ga želite pretvoriti nazaj v vizualni način, odprite možnosti blokov in izberite »Uredi vizualno«:

Gutenberg-Uredi-vizualno

Orodja

Gutenberg ponuja tudi nabor orodij, ki omogočajo racionalizacijo izkušenj v urejevalniku:

Gutenberg-Tools

Prvo orodje je “Block Manager”:

Gutenberg-Block-Manager

Za razliko od orodja za navigacijo blokov, ki smo ga videli prej, vam ta omogoča onemogočanje vseh blokov, ki jih ne uporabljate. Tako, ko pride čas za iskanje novega bloka, vam ni treba presejati blokov, ki jih nikoli ne boste uporabili.

“Upravljanje blokov za večkratno uporabo” vas bo preusmeril v urejevalnik blokov za večkratno uporabo:

Bloki Gutenberg-ponovno uporabni

Tu bodo shranjeni vaši shranjeni bloki. Če želite urediti nadrejeno kopijo bloka (ali skupaj ustvariti novo), to storite tukaj.

Medtem ko je Gutenberg zagotovo olajšal ustvarjanje vsebine v WordPressu, lahko nekatera dejanja postanejo dolgočasna. Z Gutenbergovimi »Bližnjicami« lahko naredite stvari, kot so razveljavitev zadnjega urejanja, podvajanje bloka, poševno označeno besedilo in shranite spremembe s samo tipkovnico.

Bližnjice na tipkovnici Gutenberg

Vse možnosti »Kopiraj vsebino« označi in kopira vse bloke na strani. S tem ustvarite novo stran, ki je po vsebini in oblikovanju podobna. Pojdite na Strani> Dodaj novo in nato blokirajte svoje bloke na prazno stran.

Zadnja možnost se imenuje »Možnosti«. Vendar pa v resnici omogoča, da deaktivirate nekatere dele nastavitev dokumenta na stranski vrstici:

Možnosti ob strani Gutenberg

Če spet ugotovite, da obstajajo določeni deli urejevalnika, ki jih ne uporabljate (na primer Atributi strani), jih tukaj onemogočite, da se ne odvrnejo od elementov, ki jih morate uporabiti.

Zaviti

Ker je WordPress od prvega dne uporabljal isti urejevalnik, je pri Gutenbergu prvič predstavljena povratna reakcija.

Če pa pogledate konkurenco povleci in spusti, ki se zbira okoli WordPressa (Wix, Shopify, Squarespace itd.), Je bil čas za spremembo.

Ta razvoj urednika se je izplačal, saj omogoča WordPressu, da uporabnikom pomaga na vseh ravneh. Njeni uporabniki zdaj uživajo naslednje prednosti, ki jih prinaša gradnja spletnih strani z urejevalnikom blokov:

  • Prilagojen pogled urejevalnika, ki omogoča bolj produktivnost.
  • Lažje ustvariti in prilagoditi vsebino.
  • Naprednejše ustvarjanje vsebine brez predhodnega tehničnega znanja.
  • Bloki za večkratno uporabo pospešijo oblikovanje in zagotavljajo skladnost na celotnem mestu.
  • Preprostejše dodajanje in konfiguriranje konverzijskih elementov (kot so gumbi in obrazci s pozivom k dejanju).
  • Priljubljeni vtičniki in teme so združljivi z Gutenbergom.
  • Hitrejši čas za zagon.

Od leta 2022 klasični urejevalnik ne bo več na voljo. Torej, zdaj je pravi čas, da ugotovimo, kako boste Gutenberg delali za vas.

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