Kako se koristi Gutenberg (WordPress Editor)


kako koristiti gutenbergove blokoveU 2018. godini WordPress se odmaknuo od svog dugogodišnjeg urednika do jednog koji je nazvao “Gutenberg”.


Za razliku od starih uređivača, WordPress korisnici sada koriste moderan uređivač blokova povuci i ispusti za izgradnju i prilagođavanje web stranica, objavljivanje sadržaja i prodaju svojih usluga i proizvoda na mreži.

Bez obzira jeste li dugogodišnji korisnik koji pokušava smisliti novog uređivača ili ste potpuno novi u WordPressu, ovaj će vas vodič naučiti konopima. Naučit ćete:

  • Po čemu se blokovi Gutenberg razlikuju od klasičnog uređivača.
  • Kako koristiti alat za izradu blokova za izradu i uređivanje stranica.
  • Što Gutenbergovi blokovi rade.
  • Kako otključati dodatne postavke pomoću bočne trake.
  • Kako pomoću alatne trake biti produktivniji.

Contents

Klasični urednik vs Gutenberg Blocks

Prelazak s klasičnog uređivača na blokove Gutenberg veliki je skok za WordPress. Pogledajmo kako se urednik razvijao.

Klasični uređivač programa WordPress

Od 2003. do 2018. godine WordPress je svojim korisnicima pružio osnovni uređivač teksta.

WordPress-Classic-Urednik

Klasični uređivač programa WordPress bio je vaš tipični WYSIWYG („ono što vidite je ono što dobijete“) uređivač.

Drugim riječima, upisali ste sadržaj u otvoreno polje, oblikovali ga pomoću ponuđene alatne trake i to je manje-više ono što je vaš tekst izgledao na vašoj web lokaciji.

WordPress-WYSIWYG uređivač

To je dovoljno jednostavno sučelje i ono na koje su se mnogi WordPressi korisnici navikli tijekom godina. Ali imala je svoja ograničenja.

Na primjer:

WordPress-stranice Primjer

Ovako bi se sadržaj prikazao na web mjestu nakon što je objavljen. Ali samo biste bili u mogućnosti potvrditi da je sve uredu dobro prevedeno iz uređivača na stranicu pomoću funkcije “Pregled”.

Nije bilo načina da se sadržaj upiše u stvarni kontekst stranice. Pored toga, trebalo je određeno upoznavanje s HTML-om ili pretjerano oslanjanje na dodatke kako bi se mogli izraditi napredniji dizajni i izgleda.

U 2018. godini WordPress je započeo ispraviti ta ograničenja izdavanjem novog WordPress uređivača (tj. Gutenberg).

Gutenbergov blok urednik

Novi WordPress uređivač je uređivač blokova s ​​povlačenjem i ispuštanjem.

Gutenberg

To znači da sadržaj više nije napisan u jednom glavnom uređivaču. Pojedinačni blokovi padaju na mjesto kako bi stvorili sadržaj stranice.

Gutenberg-Blokovi

Kad se odabere svaki blok, dolazi s jedinstvenom alatnom trakom. To vam omogućuje pojednostavljeno i prilagođeno iskustvo uređivanja jer su vam tada prikazane samo uredničke kontrole koje su vam potrebne.

Gutenbergov urednik također je znatno olakšao dodavanje vrsta sadržaja i izgleda koji bi inače previše vremena ili otežali WordPressu početniku da uradi sam.

Još-Gutenberg-blok-Primjeri

Štoviše, više nema igre nagađanja. Ono što stvorite u uređivaču blokova jest način na koji se pojavljuje na vašoj web lokaciji. Svi fontovi, oblikovanje i izgleda odgovaraju:

WordPress-stranice Primjer-s-Gutenberg

Je li jedan WordPress Editor bolji od drugog?

Što je bolje – klasični urednik ili Gutenberg – to ćete morati shvatiti sami.

Iako se WordPress automatski instalira s Gutenbergom, korisnici ga mogu instalirati dodatak klasičnog uređivača ako se još nisu spremni preseliti u uređivač blokova.

Dostupne su i druge opcije dodataka za uređivanje. Elementor i Beaver Builder dvije su popularnije alternativne mogućnosti izdvajanja, Block Categories
iako su najprikladniji za profesionalne dizajnere i programere koji trebaju otključati više značajki.

Za sada idemo dublje zaroniti u Gutenberg i dati vam bolju predstavu što očekivati ​​od WordPress uređivača povuci-i-ispusti.

Kako se koristi Gutenbergov uređivač blokova

Pogledajmo uređivač bloka Gutenberg postavljanjem nove stranice (ili posta).

Započnite s WordPress izbornikom na lijevoj strani zaslona. Ako želite stvoriti novu web stranicu, zadržite pokazivač miša iznad “Stranice” i odaberite “Dodaj novu”. Ako želite stvoriti novi blog blog, zadržite pokazivač miša iznad “Posts” i odaberite “Add New”.

WordPress-add-Novo-stranicu

Dodajte naslov

Sa stvorenom novom stranicom ili postom dodijelite mu naslov u bloku “Dodaj naslov”:

Gutenberg-naslov-blok

Stvorite svoj prvi blok

Odlomci uglavnom sadrže najveći dio sadržaja koji postavljamo na web stranicu, zbog čega je prvi blok koji nam Gutenberg daje uvijek blok stavka:

Gutenberg-Novo-st-blok

Ako želite započeti s odlomkom, dodajte pokazivač praznom bloku koji kaže “Počnite pisati ili upisati / odabrati blok”. Dok upisujete, sadržaj će popuniti blok.

Prilagodite sadržaj u bloku

Da biste prilagodili stil svog stavka, koristite alatnu traku koja se pojavljuje tik iznad njega.

Poravnanje

S većinom Gutenbergovih blokova imat ćete mogućnost promjene poravnanja sadržaja unutar bloka:

Gutenberg-Poravnanje

Lijevo je zadano. Možete također odabrati središnje poravnavanje ili poravnavanje sadržaja s desne strane.

oblikovanje

Kad god postoji tekst u bloku, možete ga oblikovati podebljanim:

Gutenberg-Stavak-Bold

Učinite tekst kurzivnim tekstom:

Gutenberg-Stavak-kurziv

Ili dodajte hipervezu:

Gutenberg-Stavak-Link

Ako želite otvoriti veze u novom prozoru preglednika, kliknite strelicu prema dolje na traci hiperveza. Kada završite s unosom promjena, kliknite strelicu “Povratak” da biste je spremili.

Dodatne mogućnosti stila

Ako na alatnoj traci kliknete strelicu prema dolje, pronaći ćete dodatne mogućnosti za stiliziranje teksta:

Gutenberg-Više-text-Opcije

“Code” oblikuje vaš tekst kao da je napisan u uređivaču koda:

Gutenberg-Stavak-kod

“Umetnuta slika” omogućuje vam da tekst omotate oko slike:

Gutenberg-Stavak-umetnutoj

Kao što vidite, u Gutenbergu ovo nije učinkovit način za uparivanje slika i teksta. (Razmotrit ćemo drugi način da to učinimo kasnije.)

Zadnja opcija ovdje omogućuje dodavanje precrtavanja kroz označeni tekst:

Gutenberg-Stavak-precrtano

Više opcija blokiranja

Zadnji gumb na alatnoj traci uvijek otkriva više opcija bloka:

Gutenberg-Više-blok-Opcije

Ove će opcije biti iste bez obzira na to koji blok uređujete.

Hajde da brzo sakupimo što rade:

  • Sakrij postavke bloka: Čini da bočna traka s desne strane nestane.
  • Duplikat: Pravi točnu repliku ovog bloka.
  • Umetni prije: Dodaje novi prazni blok iznad ovoga.
  • Umetni poslije: Dodaje novi prazni blok ispod ovoga.
  • Uredi kao HTML: Blok pretvara u uređivač koda ako želite pisati u HTML-u.
  • Dodati u blokove za višekratnu upotrebu: Sprema blok da biste ga mogli ponovo upotrijebiti na drugom mjestu.
  • Ukloni blok: Briše blok.

Blok transformacije

Na alatnoj traci nalazi se još jedan gumb na koji morate biti svjesni:

Gutenberg-Switch-Blokovi

Taj gumb ipak neće uvijek izgledati ovako, pa imajte na umu da prvi gumb omogućuje pretvorbu trenutnog bloka u srodni.

Na primjer, tekstualni blok kao odlomak možete pretvoriti u naslov, popis ili citiranje. Međutim, nešto poput paragrafa ne možete pretvoriti u sliku ili liniju za odvajanje. Za to će vam trebati novi blok.

Dodajte novi blok

Da biste dodali novi blok na svoju stranicu, imate brojne mogućnosti.

Umetnite prije / poslije

Već ste vidjeli opcije Umetanje prije / Umetanje poslije na alatnoj traci bloka. To je jedan način.

Ako kliknete dalje od postojećeg bloka i pokažete pokazivač iznad vrha, vidjet ćete mali znak plus:

Gutenberg-add-blok-križa

Kada ga kliknete, otkriti će vaše blokove:

Gutenberg-add-blok-plus-Prijava

Odaberite onaj koji želite dodati novi blok iznad onoga koji već imate.

Ako pokažete pokazivač iznad donjeg dijela bloka, vidjet ćete isti znak plus. Jedina je razlika što će dodati novi blok ispod onoga koji imate.

Upotrijebite svoju tipkovnicu

Drugi način dodavanja novog bloka je pritiskom na tipku “Return” na tipkovnici:

Gutenberg-add-blok-Enter

To će odmah dodati novi blok odlomka na stranicu.

Ako ga želite promijeniti u drugu vrstu bloka, možete upotrijebiti znak plus s lijeve strane novog bloka:

Gutenberg-Change-Novo-blok

Ili možete upisati kosa crta (/) nakon čega slijedi naziv bloka koji želite koristiti:

Gutenberg-Change-blok-Slash

Na primjer, ako želite dodati sliku, upišite “/ image”. Opcija bloka automatski se popunjava dok upišete odgovarajuće ime.

Dodajte blok s Alatne trake

Na alatnoj traci uvijek možete koristiti osnovnu značajku dodavanja bloka:

Gutenberg-Add-blok

Pomičite se kroz opcije ili upišite naziv bloka koji tražite.

Premjesti blok

Nakon što započnete s stvaranjem blokova, mogli biste odlučiti da niste zadovoljni redoslijedom kojim se pojavljuju. Ili ste možda dodali blok iznad kad je trebao biti ispod.

Nema potrebe za brisanjem blokova ili rezanjem i lijepljenjem sadržaja iz jednog bloka u drugi. Rješenje je jednostavno.

Gutenberg je uređivač blokova povuci i ispusti. To znači da svoje blokove možete lako premještati gdje god želite.

Postoje dva načina za to.

Upotrijebite strelice za pomicanje

Prva opcija je upotreba strelica za kretanje na lijevoj strani svakog bloka. Zadržite pokazivač iznad bloka koji želite premjestiti i pronaći ćete strelicu gore i dolje:

Gutenberg-move-Strelice

Ako sve što želite učiniti je da pomaknete blok gore ili dolje jednom, ova opcija dobro funkcionira.

Gutenberg-Preselio-blok

Upotrijebite povuci i ispusti

Ako želite drastičnije preurediti svoje blokove, upotrijebite povuci i ispusti.

Nalazi se na istom mjestu kao strelice. Zadržite pokazivač iznad bloka na kojem se želite pomaknuti i uhvatite točke točkica koje se pojavljuju u sredini. Vidjet ćete kako se pokazivač mijenja u ruku kada to učinite:

Gutenberg-Grab-povuci-i-ispusti

Prilikom premještanja bloka na novi dio stranice provjerite da li se pojavljuje tamna linija prije nego što je ispustite:

Gutenberg-Move-blok

To vam daje do znanja da premještate blok u raspoloživi prostor. Bez te linije, povuci i ispusti neće raditi.

Izbrišite blok

Ako odlučite da želite potpuno ukloniti blok, imate i ove opcije.

Već ste vidjeli jedan takav. To je u dodatnim opcijama vašeg bloka. Samo kliknite “Ukloni blok” i on će biti obrisan.

Uvijek ga možete izbrisati i na staromodni način. Postavite kursor unutar bloka i upotrijebite tipku “Delete” na tipkovnici da biste je uklonili.

Međutim, imajte na umu da, ako se radi o tekstualnom bloku, morat ćete prvo ukloniti sadržaj prije nego što ga na ovaj način možete izbrisati. Za sve ostalo – sliku, ugrađeni widget itd. – možete jednostavno koristiti tipku “Delete”.

Također možete označiti blok (povlačenjem kursora preko njega) i zatim pritisnuti tipku “Delete”. Ovo je korisno ako želite isticati i izbrisati više blokova odjednom.

Stvorite višekratni blok

Blokovi za višekratnu upotrebu korisni su kada želite stvoriti element koji se može upotrebljavati na cijelom web mjestu, poput promotivnog bloka za postove na blogu ili poziva na radnju.

Gutenberg-Stvaranje-višekratnu-blok

Umjesto da ponovno stvorite blok na stranicama koje treba nastaviti, otvorite opcije bloka i kliknite “Dodaj u blokove za višekratnu upotrebu”. Zatim, dajte mu ime:

Gutenberg-Ime-višekratnu

Jednom spremljene moći ćete ih dohvatiti i koristiti na isti način kao i bilo koji blok Gutenberga. Naći ćete ga u novoj kategoriji pod nazivom “Višekratna upotreba”:

Gutenberg-višekratnu-kategorije

Obilazak Gutenbergovih blokova

Klasični uređivač WordPress-a ostavio je mnogo željenog u smislu pomoći korisnicima u stvaranju složenih sadržaja i izgleda. Gutenbergovi blokovi uklanjaju tu zapreku.

Upoznajmo se s blokovima:

Blokiraj kategorije

WordPress je obavio lijep posao organiziranja svojih blokova u kategorije.

Uobičajeni blokovi

Ovo su vaši zajednički blokovi:

Zajednička-Blokovi

Ovdje će se nalaziti osnovni tekst i vizualni elementi koje koristite na stranici.

Formatiranje blokova

Ovo su vaši blokovi oblikovanja:

Formatiranje-Blokovi

Većina je blokova pogodnih za razvojne programere, tako da vam možda ne trebaju mnogo. Stolovi i blokovi citata citata možda bi bili korisni.

Blokovi izgleda

Ovo su vaši blokovi izgleda:

Izgled-Blokovi

Ako želite dodati prekide u svoj sadržaj (kao što je s velikim razmakom ili linijom za odvajanje) ili posebne elemente (poput gumba), te stvari pronaći ćete ovdje.

Blokovi widgeta

Ovo su vaši widgeti:

Widgets-Blokovi

Uglavnom su to elementi koji bi trebali ući u bočnu traku vašeg bloga, a ne se pojavljivati ​​na vašim stranicama. Jedine iznimke koje ćete naći su blokovi kreirani drugim dodacima, poput ovog primjera WPForms.

Ugrađuje blokove

To su vaši ugradi:

Ugrađuje-Blokovi

Upotrijebit ćete ih za prijenos sadržaja s drugih platformi. Ovo je dobro za umetanje stvari poput YouTube videa, isječaka iz SoundClouda i postova na Twitteru.

Najčešće korišteni blokovi Gutenberg

Kao što vidite, na raspolaganju su deseci blokova Gutenberg. U skladu s tim, postoje određeni elementi koje svi koriste za stvaranje stranica ili postova u WordPressu, pa započnite s učenjem osnova:

Blok stavka

Upotrijebite blok Odlomak kako biste dodali običan tekst na svoju stranicu.

Stavak-blok

Blok zaglavlja

Upotrijebite blok Zaglavlje da biste dodali zaglavlje svojoj stranici.

Smjer-blok

Omogućuju vam uvođenje novih tema na stranicu dok vaš sadržaj olakšava čitanje. Gumbi H2, H3 i H4 omogućuju vam da uspostavite hijerarhiju naslova stranica.

Blok lista

Upotrijebite blok Popis da biste dodali označeni ili numerirani popis na stranicu:

Popis-blok

Ovo je također korisno za poboljšanje čitljivosti.

Blok slike

Upotrijebite blok slika da biste dodali sliku na svoju stranicu.

Slike-blok

Možete prenijeti sliku s vašeg pogona ili odabrati onu koja već postoji u vašoj medijskoj biblioteci.

Blokada videozapisa

Upotrijebite video blok za umetanje slike na svoju stranicu.

Video-blok

Možete prenijeti video datoteku, odabrati je iz svoje biblioteke ili je povući s veze.

Budući da videozapisi zauzimaju puno prostora, najbolja opcija je spremiti datoteku na platformu za dijeljenje videozapisa, poput Vimeo ili YouTube. Zatim je ugradite vezom.

Nećete koristiti video blok za to. Umjesto toga, potražite odgovarajući ugrađivanje.

YouTube ima jedno:

YouTube-Ugradi

Kao i Vimeo:

Vimeo-Ugradi

To biste trebali učiniti za sve audio datoteke (poput podcasta ili zvučnih zapisa) koje želite dodati na stranicu. Da biste to učinili, upotrijebite audio blok ili odgovarajući umetak (kao što je Spotify).

Blok gumba

Upotrijebite blok gumba za usmjeravanje posjetitelja ili čitatelja da poduzmu nešto:

Button-blok

To ih može usmjeriti na: “Raspored sada”, “prijava”, “Pročitajte više” itd.

Blok medija i teksta

Kao što je ranije spomenuto, opcija umetnute slike u blok odlomka je neučinkovit način spajanja teksta i slika. Umjesto toga, koristite blok Media and Text za to:

Mediji-i-tekst-blok

Blok stupaca

Drugi način da se dva različita bloka (istog ili različitog tipa) postave jedan pored drugog pomoću bloka Stupci:

Stupac-blok

Da biste dodali dodatne stupce s desne ili lijeve strane, zadržite pokazivač miša iznad blokova unutar stupca i pritisnite znak plus. To je isto kao i dodavanje novog bloka, samo što ćete ih dodati vodoravno.

Blokovi za ugradnju na društvene medije

Umjesto da ugradite kôd s društvenih medija da biste postavili post na svoju stranicu, ovdje dodajte vezu:

Socijalno-Media-Ugradi

Postoje blokovi za ugradnju za Facebook, Twitter i Instagram, pa pronađite blok Embed koji odgovara vašem postu na društvenim mrežama.

Klasični blok

Klasični blok omogućuje vam da nastavite stvarati sadržaj u WordPressu pomoću klasičnog uređivača:

Gutenberg-Classic-blok

Klasični blok također stupa na snagu kad god web stranica pređe iz klasičnog uređivača u Gutenbergov urednik. Gutenberg neće automatski pokušati pretvoriti vaš tekst u vlastite blokove. Samo ih stavlja u klasično sučelje za uređivanje.

Ako svoj klasični blok želite pretvoriti u Gutenbergove blokove, idite na “Opcije više” i odaberite “Pretvori u blokove”:

Gutenberg-Pretvori-Blokovi

Dat će sve od sebe da svaki element u vašem uređivaču pretvori u odgovarajući blok:

Gutenberg-Pretvoreno-Blokovi

Sjetite se samo pregledati iznesene blokove da biste pronašli bilo kakve pogreške prije nego što spremite promjene.

WordPress blokovi dodataka

Većina popularnih dodataka koje koriste WordPress korisnici kompatibilni su s Gutenbergom. U nekim slučajevima su ti dodaci stvorili posebne blokove koji se prikazuju u vašem uređivaču.

Na primjer, ako upotrebljavate dodatak za obrazac za kontakt poput WPForms, trebali biste pronaći odgovarajući blok za to:

WPForms-blok

Jednostavno stvorite svoj obrazac u dodatku, a zatim ga pronađite u ovdje navedenom padajućem izborniku. Više nema potrebe pronalaziti i zalijepiti kratke kodove obrasca.

Yoast, popularni SEO dodatak, još je jedan koji je dodao nove blokove u Gutenberg:

Yoast-Blokovi

WooCommerce, WordPressovo rješenje za e-trgovinu, učinilo je isto:

WooCommerce-Blokovi

Postoje i “vrhunski” Gutenbergovi dodaci koji dodaju gomilu novih blokova vašem graditelju Krajnji dodaci za Gutenberg:

Ultimate-addons-Gutenberg

Ove vrste dodataka proširuju funkcionalnost vašeg graditelja blokova. Ako gradite web lokaciju koja treba posebne elemente – poput Google Maps, testimonijalnih blokova ili e-trgovine – možete ih dodati Gutenbergu pomoću dodataka poput ovih.

Pregled bočne trake dokumenta i bloka

Sad kad ste srušili uređivač blokova, skrenimo pažnju na dokument i bočnu traku bloka.

Kad se kursor nalazi u naslovnom bloku ili negdje na stranici na kojoj ne postoji blok, bočna traka upućivat će na postavke dokumenta:

Bočna traka dokumenta

Oni vam omogućuju kontrolu stvari poput statusa i izgleda stranice.

Evo glavnih koje morate znati:

Status i vidljivost

Status-i-VidljivostNa ovom panelu možete prilagoditi tko može vidjeti stranicu (javnu, privatnu ili zaštićenu lozinkom), kao i kada se objavljuje (ako ne odmah). Ako želite stranicu u potpunosti izbrisati. To možete i ovdje.

PermalinkPomoću ove ploče možete promijeniti pužu (identifikacijski dio URL-a). Na primjer:

https://mywebsite.com/Gutenberg-blok-jahte /

Istaknuti-slikeIstaknuta slika je sličica koju ljudi vide kada se vaši postovi na blogu prikazuju u vašem glavnom feedu bloga. To je i ono što društvene mreže koriste prilikom prikazivanja pregleda svojih veza.

Kategorije

KategorijeOvo je dostupno samo za postove na blogovima. Upotrijebite ovo da biste organizirali svoje teme.

Oznake

OznakeOvo je druga postavka dostupna samo za postove na blogovima. Pomoću toga možete dodati ključne riječi koje se pojavljuju u vašem postu i pomoći čitateljima da pronađu sadržaj o povezanim temama.

Kada se pokazivač postavi unutar bilo kojeg od blokova na vašoj stranici (osim naslova), bočna se traka prebacuje na uređivač blokova:

Blok-Bočna

Ova bočna traka daje vam dodatne mogućnosti uređivanja blokova ako ih želite. Bočna traka bloka promijenit će se ovisno o vrsti bloka na kojem radite.

Na primjer, bočna traka stavka sadrži opcije uređivanja za:

Stavak-blok-Bočna

Možete prilagoditi veličinu teksta kao i boju teksta ili pozadine bloka. Ako znate kako koristiti CSS klase, možete dodatno prilagoditi izgled bloka pomoću “Napredne postavke”.

S druge strane, bočna traka slike daje vam sljedeće postavke:

Slike-blok-Bočna

Slici možete dodati alt-tekst (važan za SEO), promijeniti veličinu slike i sliku povezati s web stranicom.

Neki blokovi ne nude nikakve dodatne postavke na bočnoj traci, poput umetanja Twittera:

Twitter-blok-Bočna

Jedino što možete učiniti je stvoriti prilagođenu CSS klasu u odjeljku “Napredne postavke”.

Dno: ako se ikad osjećate kao da ne možete u potpunosti urediti svoj blok pomoću alatne trake bloka, provjerite dodatnu mogućnost na bočnoj traci.

Što učiniti s alatnom trakom

Posljednji dio uređivača s kojim se morate upoznati je alatna traka koja se nalazi uz njegov vrh:

Gutenberg-alatna traka

Ovo može izgledati kao mjesto samo za spremanje gumba “Pregledaj” i “Objavi”, ali postoji mnogo više što možete i Treba li koristite alatnu traku za.

Pogledajmo osnove:

blokovi

Prvi gumb na alatnoj traci je gdje možete pristupiti novim blokovima:

Gutenberg alatna traka-Blokovi

Poništiti, povratiti

Sljedeća dva gumba omogućuju vam da poništite (strelica usmjerena ulijevo) ili ponovo (strelica usmjerena udesno) zadnju promjenu koju ste napravili na stranici:

Gutenberg-alatna traka-Poništi

Informacije o stranici

Za one koji žele stvoriti stranice na kojima su posjetitelji jednostavni za skeniranje, gumb “i” (informacije) daje vam pregled vašeg sadržaja:

Gutenberg-alatna traka-info

Vidjet ćete:

  • Koliko riječi ste napisali.
  • Koliko naslova ima, uz podjelu naslova ispod njega.
  • Koliko paragrafa ima.
  • Koliko blokova ste koristili.

Upravo su riječ i brojevi naslova najvažniji podaci koji se ovdje trebaju usredotočiti.

Struktura stranice

Sljedeći dio alatne trake otkriva svaki od blokova koje ste koristili za izradu stranice:

Gutenberg-blok-navigacija

Pomoću toga se odmah pomaknite do bloka na kojem želite raditi. Ovo je korisno za uređivanje sadržaja na dužim stranicama i postovima.

Spremi postavke

Pomoću ove prve tri tipke upotrijebit ćete svaku stranicu ili post koji stvorite:

Gutenberg-Save-postavke

Upotrijebite “Spremi skicu” da biste privatno spremili promjene tijekom rada na stranici.

Upotrijebite “Pretpregled” za pregled stranice na vašem web mjestu.

Upotrijebite “Objavi” da biste gurnuli svoju stranicu na web mjesto uživo. Nakon što je stranica objavljena, ovaj se gumb mijenja u “Ažuriraj”. Pomoću toga možete spremiti i gurnuti nove verzije stranica na web mjesto.

postavke

Kada se klikne ikona zupčanika (postavke), ona sakriva ili prikazuje bočnu traku Gutenberga. Ovako izgleda kada je onesposobljeno:

Gutenberg alatna traka-Postavke-invalida

Ovako izgleda kada je omogućeno:

Gutenberg alatna traka-Postavke-Enabled

Više mogućnosti

Posljednji gumb na alatnoj traci otkriva dodatne mogućnosti i alate. Upotrijebite ovo ako želite personalizirati svoj Gutenberg radni prostor.

Gutenberg alatna traka-Više-Opcije

Pogled

Prvi skup opcija koje se odnose na “Pogled”:

Gutenberg-alatna traka-Pogledaj

“Top Toolbar” pomakne alatnu traku iz vaših blokova i lijepi je na vrh zaslona:

Gutenberg-top-alatna traka

Opcije uređivanja i dalje se mijenjaju na temelju odabranog bloka. Jedina je razlika što se sada nalazi samo na vrhu stranice.

“Spotlight Mode” bledi sve blokove koji se ne koriste:

Gutenberg-Reflektor-Mod

Ako želite pomoć usredotočiti na jedan blok odjednom, ovo je koristan alat za omogućavanje.

Način rada preko cijelog zaslona je način pisanja bez distrakcije u Gutenbergu:

Gutenberg-Fullscreen-Mod

Uklanja WordPress izbornike s gornje i lijeve strane, kao i bočnu traku Gutenberga s desne strane.

Način rada uređivača

Sljedeći skup opcija namijenjen je načinu uređivanja.

Gutenberg-Opcije-Urednik

Gutenberg prema zadanim postavkama korisnike stavlja u “Vizualni urednik”.

Ako svoju stranicu želite sastaviti u HTML-u, možete se prebaciti na “Uređivač koda”:

Gutenberg-kod-Urednik

Međutim, mnogo učinkovitiji i čistiji način za uređivanje blokova u HTML-u je pojedinačno rukovanje (jer vjerojatno ne trebate uređivati ​​kôd cijele stranice).

Uređivaču koda možete pristupiti pod “Uredi kao HTML”:

Gutenberg-Edit-HTML

Ovo će blok pretvoriti u HTML:

Gutenberg-html-blok

Uredite ga kako smatrate prikladnim. Ako ga želite vratiti u vizualni način, otvorite blok opcije i odaberite “Uredi vizualno”:

Gutenberg-Edit-Vizualno

alat

Gutenberg također nudi skup alata koji vam omogućuju da pojednostavite svoje iskustvo u uređivaču:

Gutenberg-Tools

Prvi alat je “Block Manager”:

Gutenberg-blok-Manager

Za razliku od alata za navigaciju bloka koji smo vidjeli ranije, ovaj vam omogućuje onemogućavanje blokova koje ne upotrebljavate. Na taj način, kada dođe vrijeme za pretraživanje novog bloka, nećete morati presijecati blokove koje nikada nećete koristiti.

“Upravljanje blokovima koji se mogu ponovo upotrijebiti” odvest će vas do uređivača blokova za višekratnu upotrebu:

Gutenberg-Višekratne-Blokovi

Ovdje će se pohraniti vaši spremljeni blokovi. Da biste uredili roditeljsku kopiju bloka (ili ukupno stvorili novi), učinite to ovdje.

Iako je Gutenberg sigurno olakšao stvaranje sadržaja u WordPressu, neke akcije mogu postati zamorne. Upotrebom Gutenbergovih “Prečaca” možete raditi stvari poput poništavanja zadnje izmjene, duplicirati blok, italizirati istaknuti tekst i spremiti promjene pomoću samo tipkovnice.

Gutenberg-tipkovnice Prečaci

Sve opcije “Kopiraj sadržaj” označavaju i kopiraju sve blokove na stranici. Upotrijebite ovo za stvaranje nove stranice koja je slična po sadržaju i dizajnu. Jednostavno prijeđite na Stranice> Dodaj novo i zatim zalijepite blokove u praznu stranicu.

Posljednja opcija ovdje se naziva “Opcije”. Međutim, ono što stvarno omogućuje vam je da deaktivirate određene dijelove postavki dokumenta na bočnoj traci:

Gutenberg-Sidebar-Opcije

Ako opet ustanovite da postoje određeni dijelovi uređivača koji ne koristite (poput Atributa stranice), ovdje ih onemogućite kako se ne bi odvratili od elemenata koje trebate koristiti.

Zamotati

Budući da je WordPress koristio isti urednik od prvog dana, došlo je do nekih reakcija pri prvom predstavljanju Gutenberga.

Ali ako pogledate konkurenciju povuci-pusti oko WordPress-a (Wix, Shopify, Squarespace itd.), Bilo je vrijeme za promjenu.

Evolucija ovog uređivača isplatila se, omogućavajući WordPressu da služi korisnicima na svim razinama. Korisnici sada uživaju sljedeće prednosti koje stvaraju izrada web stranica s uređivačima blokova:

  • Personalizirani prikaz uređivača koji vas čini produktivnijima.
  • Jednostavnije za stvaranje i prilagođavanje sadržaja.
  • Naprednije stvaranje sadržaja bez prethodnog tehničkog znanja.
  • Blokovi za višekratnu upotrebu ubrzavaju dizajn i osiguravaju dosljednost na cijelom web mjestu.
  • Jednostavnije dodavanje i konfiguriranje elemenata konverzije (poput gumba i obrazaca s pozivom na radnju).
  • Popularni dodaci i teme kompatibilni su s Gutenbergom.
  • Brže vrijeme za pokretanje.

Počevši od 2022. godine, klasični uređivač više neće biti dostupan. Dakle, sada je pravo vrijeme da shvatite kako ćete Gutenberg raditi 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