Hvernig nota á Gutenberg (ritstjóri WordPress)


hvernig á að nota gutenberg blokkirÁrið 2018 flutti WordPress frá ritstjóra sínum í langan tíma í þann sem hún kallaði „Gutenberg“.


Ólíkt ritstjóra fornum, nota WordPress notendur nútímalegan draga-og-sleppa lokaritil til að smíða og aðlaga vefsíður, birta efni og selja þjónustu sína og vörur á netinu.

Hvort sem þú ert notandi í langan tíma sem reynir að átta þig á nýja ritlinum, eða þú ert glænýr í WordPress, mun þessi handbók kenna þér reipina. Þú munt læra:

  • Hvernig Gutenberg kubbar eru frábrugðnir klassískum ritstjóra.
  • Hvernig á að nota blokkasmiðurinn til að búa til og breyta síðum.
  • Hvað Gutenberg blokkirnar gera.
  • Hvernig á að opna aukastillingar með hliðarstikunni.
  • Hvernig á að nota tækjastikuna til að vera afkastameiri.

Contents

Klassískur ritstjóri vs Gutenberg blokkir

Skiptin frá klassískum ritstjóra yfir í Gutenberg blokkir er mikið stökk fyrir WordPress. Við skulum skoða hvernig ritstjórinn hefur þróast.

Klassískt ritstjóri WordPress

Frá 2003 til 2018 útvegaði WordPress notendum sínum grunn textaritil.

WordPress-Classic-ritstjóri

Klassískt WordPress ritstjóri var þinn dæmigerði WYSIWYG („það sem þú sérð er það sem þú færð“) ritstjóra.

Með öðrum orðum skrifaðir þú innihaldið inn á opna reitinn, sniðið það með því að nota tækjastikuna og það er meira og minna hvernig textinn þinn leit út á vefsíðunni þinni.

WordPress-WYSIWYG-ritstjóri

Þetta er nógu einfalt viðmót og það sem margir WordPress notendur venjast í gegnum tíðina. En það hafði sínar takmarkanir.

Til dæmis:

WordPress-Page-Dæmi

Svona myndi innihaldið birtast á vefsíðunni þegar það var birt. En þú myndir aðeins geta staðfest að allt þýddi allt í lagi frá ritlinum á síðuna með því að nota „Forskoðun“ aðgerðina.

Engin leið var til að skrifa efni innan raunverulegs samhengis síðunnar. Að auki tók það ákveðna þekkingu á HTML eða of mikið reiði á viðbætur til að geta smíðað fullkomnari hönnun og skipulag.

Árið 2018 lagði WordPress af stað til að bæta úr þessum takmörkunum með því að gefa út nýja WordPress ritstjóra (þ.e.a.s. Gutenberg).

Ritstjórinn í Gutenberg

Nýi ritstjórinn í WordPress er drag-and-drop block block ritstjóri.

Gutenberg

Þetta þýðir að efni er ekki lengur skrifað í einum aðalritstjóra. Einstökum kubbum er sleppt á sinn stað til að byggja út innihald síðunnar.

Gutenberg-blokkir

Þegar hver kubb er valin fylgir hún einstök tækjastika. Þetta gerir kleift að gera straumlínulagaðri og sérsniðnari klippingarupplifun þar sem þú hefur aðeins sýnt ritstjórastýringar sem þú þarft á þeim tíma.

Ritstjórinn í Gutenberg hefur einnig gert það miklu auðveldara að bæta við tegundum af innihaldi og skipulagi sem annars væri of tímafrekt eða erfitt fyrir byrjendur WordPress að gera á eigin spýtur.

Meira-Gutenberg-Block-dæmi

Það sem meira er, það er enginn giska leikur lengur. Það sem þú býrð til innan ritstjórans er hvernig það birtist á vefsíðunni þinni. Leturgerðir, stíl og útlit passa öll saman:

WordPress-Page-dæmi-með-Gutenberg

Er einn ritstjóri WordPress betri en hinn?

Hvað varðar það betra – klassíska ritstjórinn eða Gutenberg – þá verðurðu að reikna það út sjálfur.

Þó að WordPress komi sjálfkrafa upp með Gutenberg geta notendur sett upp Classic Editor viðbótin ef þeir eru ekki tilbúnir til að fara til lokaritilsins.

Það eru aðrir valkostir ritstjóra í boði líka. Elementor og Beaver byggir eru tveir af vinsælustu kostunum fyrir rit og sleppa ritstjóra, Loka á flokka
þó þeir henti best fyrir fagmenn hönnuðir og verktaki sem þurfa að opna fleiri eiginleika.

Í bili skulum við taka dýpra kafa í Gutenberg og gefa þér betri hugmynd um hvers má búast við frá WordPress drag-and-drop ritlinum.

Hvernig á að nota Gutenberg Block Editor

Við skulum skoða Gutenberg blokkaritilinn með því að setja upp nýja síðu (eða færslu).

Byrjaðu á WordPress valmyndinni vinstra megin á skjánum. Ef þú vilt búa til nýja vefsíðu skaltu sveima yfir „Síður“ og velja „Bæta við nýrri“. Ef þú vilt búa til nýja bloggfærslu, sveima yfir „Færslur“ og veldu „Bæta við nýju“.

WordPress-Bæta við-nýr-síðu

Bættu við titli

Með nýju síðunni eða færslunni þinni sem þú hefur búið til skaltu gefa henni titil í reitinn „Bæta við titli“:

Gutenberg-titill-blokk

Búðu til þína fyrstu reit

Málsgreinar samanstendur almennt af meginhluta efnisins sem við setjum á vefsíðu, og þess vegna er fyrsti reiturinn sem Gutenberg gefur okkur alltaf flokkunargrein:

Gutenberg-New-málsgrein-blokk

Ef þú vilt byrja á málsgrein, bættu bendilinn við tóma reitinn sem segir „Byrjaðu að skrifa eða sláðu inn / til að velja reit“. Þegar þú slærð inn mun innihald þitt fylla reitinn.

Sérsníddu efni í reit

Notaðu tækjastikuna sem birtist rétt fyrir ofan hana til að sérsníða stíl málsgreinarinnar þinnar.

Jöfnun

Með flestum Gutenberg kubbum hefurðu getu til að breyta röðun efnisins í reitnum:

Gutenberg-Alignment

Vinstri er sjálfgefið. Þú gætir líka valið að miða til að samræma eða rétt samræma efnið.

Forsníða

Hvenær sem textinn er í reitnum geturðu sniðið hann með feitletrun:

Gutenberg-málsgrein-feitletrað

Gerðu textann skáletrað:

Gutenberg-málsgrein-skáletrað

Eða bæta við tengil:

Gutenberg-málsgrein-hlekkur

Ef þú vilt láta hlekkina þína opna í nýjum vafraglugga skaltu smella á örina á tengilstikunni. Þegar þú ert búinn að gera breytingar skaltu smella á „Return“ örina til að vista hlekkinn.

Viðbótarupplýsingar um stíl

Ef þú smellir á örina á tækjastikunni finnurðu viðbótarvalkosti textastillingar:

Gutenberg-More-Text-valkostir

„Kóða“ stíll textann þinn eins og hann sé skrifaður í kóða ritstjóra:

Gutenberg-málsgreinakóði

„Inline image“ gerir þér kleift að vefja textann um mynd:

Gutenberg-málsgrein-InlineImage

Eins og þú sérð er þetta ekki skilvirk leið til að para saman myndir og texta við hliðina á hvort öðru í Gutenberg. (Við munum skoða aðra leið til að gera þetta seinna.)

Síðasti kosturinn hér gerir þér kleift að bæta við gegnum gegnum auðkenndan texta:

Gutenberg-málsgrein-gegnumgang

Fleiri valkostir fyrir lokun

Síðasti hnappur á tækjastikunni sýnir alltaf fleiri valkosti fyrir lokun:

Gutenberg-More-Block-Valkostir

Þessir valkostir verða þeir sömu óháð því hvaða tegund af reit þú ert að breyta.

Við skulum endurskoða fljótt hvað þetta gerir:

  • Fela stillingar fyrir loka: Lætur hliðarstikuna til hægri hverfa.
  • Afrit: Gerir nákvæma eftirmynd af þessari reit.
  • Settu inn áður: Bætir við nýrri tómri reit fyrir ofan þessa.
  • Settu inn á eftir: Bætir við nýrri tómri reit fyrir neðan þessa.
  • Breyta sem HTML: Breytir reitnum í kóða ritstjóra ef þú vilt skrifa í HTML.
  • Bæta við endurnýtanlegar blokkir: Sparar reitinn svo þú getir notað hann annars staðar á síðunni.
  • Fjarlægðu reitinn: Eyðir reitnum.

Umbreyta blokk

Það er einn annar hnappur á tækjastikunni sem þú þarft að vera meðvitaður um:

Gutenberg-Switch-blokkir

Þessi hnappur mun ekki alltaf líta svona út, svo mundu að fyrsti hnappurinn gerir þér kleift að breyta núverandi reit í skyldan.

Til dæmis er hægt að breyta textareit eins og málsgrein í fyrirsögn, lista eða tilvitnun. Þú getur samt ekki breytt eitthvað eins og málsgrein í mynd eða aðgreiningarlínu. Þú þarft nýja reit fyrir það.

Bættu við nýrri reit

Til að bæta við nýrri reit á síðuna þína hefurðu fjölda valkosta.

Settu inn fyrir / eftir

Þú hefur þegar séð valkostina Insert Before / Insert After á tækjastikunni á reitnum þínum. Það er ein leiðin til að gera það.

Ef þú smellir frá núverandi reit og sveifir þér yfir toppinn, sérðu lítið plúsmerki birtast:

Gutenberg-Add-Block-Cross

Þegar þú smellir á það mun það koma í ljós kubbana þína:

Gutenberg-Add-Block-Plus-Sign

Veldu þann sem þú vilt bæta við nýju reitnum fyrir ofan þá sem þú ert þegar með.

Ef þú sveima yfir neðri hluta reitsins sérðu sama plúsmerki. Eini munurinn er sá að það bætir við nýrri reit fyrir neðan þá sem þú hefur.

Notaðu lyklaborðið þitt

Önnur leið til að bæta við nýrri reit er með því að ýta á „Return“ takkann á lyklaborðinu:

Gutenberg-Add-Block-Enter

Þetta mun strax bæta við nýrri málsgreinablokk á síðuna.

Ef þú vilt breyta því í annars konar reit geturðu notað plúsmerki vinstra megin við nýja reitinn:

Gutenberg-Change-New-Block

Eða þú getur slegið skástrik (/) á eftir nafninu á reitnum sem þú vilt nota:

Gutenberg-Change-Block-Slash

Til dæmis, ef þú vildir bæta við mynd, myndirðu slá „/ mynd“. Útilokunarvalkosturinn byggist sjálfkrafa út þegar þú slærð inn samsvarandi nafn.

Bættu við blokk úr tækjastikunni

Þú getur alltaf bara notað grunninn add block aðgerðina á tækjastikunni:

Gutenberg-Add-Block

Flettu í gegnum valkostina eða sláðu inn heiti blokkarinnar sem þú ert að leita að.

Færa blokk

Þegar þú hefur byrjað að búa til blokkir gætirðu ákveðið að þú sért óánægður með röðina sem þeir birtast í. Eða kannski bættir þú við reitnum hér að ofan þegar hann hefði átt að vera hér að neðan.

Það er engin þörf á að eyða reitum eða klippa og líma efni úr einni blokk í aðra. Lausnin er einföld.

Gutenberg er draga og sleppa ritstjóra. Þetta þýðir að þú getur fært blokkina þangað sem þú vilt auðveldlega.

Það eru tvær leiðir til að gera þetta.

Notaðu Færa örvarnar

Fyrsti kosturinn er að nota hreyfingarörvarnar vinstra megin við hverja reit. Sveima yfir reitinn sem þú vilt færa og þú finnur upp og niður ör:

Gutenberg-færa-örvarnar

Ef allt sem þú vilt gera er að færa blokk upp eða niður einu sinni, þá virkar þessi valkostur vel.

Gutenberg-Moved-Block

Notaðu Drag-and-Drop

Ef þú vilt gera róttækari endurröðun á kubbunum þínum ættirðu að nota drag-and-drop.

Það er staðsett á sama stað og örvarnar. Sveimdu yfir reitinn sem þú vilt færa og gríptu til punktanna sem birtast í miðjunni. Þú munt sjá bendilinn breytast í hönd þegar þú gerir það:

Gutenberg-Grab-Drag-and-Drop

Þegar þú hreyfir reitinn á nýjan hluta síðunnar, vertu viss um að sjá dökka línu áður en þú sleppir henni:

Gutenberg-Move-Block

Þetta gerir þér kleift að vita að þú ert að færa blokkina yfir í tiltækt rými. Án þessarar línu virkar slepptu og slepptu ekki.

Eyða reit

Ef þú ákveður að vilja fjarlægja reitinn að öllu leyti, þá áttu líka möguleika á þessu.

Þú hefur séð einn af þessum þegar. Það er í viðbótarvalkostunum þínum. Smelltu bara á „Fjarlægja loka“ og henni verður eytt.

Þú getur alltaf eytt því á gamaldags hátt líka. Settu bendilinn inni í reitinn og notaðu „Eyða“ hnappinn á lyklaborðinu þínu til að fjarlægja það.

Athugaðu þó að ef það er texti sem byggir á reit þá verðurðu fyrst að fjarlægja efnið áður en þú getur eytt því með þessum hætti. Fyrir allt annað – mynd, embed widget, osfrv – geturðu bara notað „Delete“ takkann.

Þú getur einnig auðkennt reitinn (með því að draga bendilinn yfir hann) og ýtt síðan á „Delete“ takkann. Þetta er gagnlegt ef þú vilt auðkenna og eyða fleiri en einni reit í einu.

Búðu til einnota reit

Endurnýtanlegar blokkir koma sér vel þegar þú vilt búa til frumefni sem hægt er að nota um allan heim, eins og kynningarblokk fyrir bloggfærslurnar þínar eða ákall til aðgerða.

Gutenberg-Create-Reusable-Block

Frekar en að reyna að endurskapa reitinn á þeim síðum sem hann þarf að fara á, opnaðu valkostina fyrir reitina og smelltu á „Bæta við endurnýtanlegar blokkir“. Gefðu því síðan nafn:

Gutenberg-Nafn-endurnýtanlegt

Þegar það hefur verið vistað munt þú geta sótt og notað það á sama hátt og þú gerir einhverjar af blokkum Gutenberg. Þú finnur það í nýjum flokki sem kallast „Endurnýtanlegur“:

Gutenberg-einnota flokkur

Ferð um Gutenberg-blokkina

Klassískt WordPress ritstjóri lét margt eftir sér fara hvað varðar hjálp notenda við að búa til flókið efni og skipulag. Gutenberg-blokkir eyða þeim vegatálma.

Við kynnumst blokkunum:

Loka fyrir flokka

WordPress hefur unnið fínt starf við að skipuleggja kubbana sína í flokka.

Algengar blokkir

Þetta eru algengu blokkirnar þínar:

Algengar blokkir

Grunntextinn og sjónrænir þættir sem þú notar á síðu verða hér.

Forsníða blokkir

Þetta eru sniðblokkir þínar:

Formatting-blokkir

Flestir þessir eru þróunarvænir blokkir, svo að þú gætir ekki þurft svona mikið. Tafla og draga tilvitnunarblokkir gætu komið sér vel.

Skipulagablokkir

Þetta eru skipulagslínur:

Skipulag-kubbar

Ef þú vilt bæta hléum á innihaldið þitt (eins og með stórt rými eða aðskilnaðarlínu) eða sérstaka þætti (eins og hnapp), þá finnur þú þessa hluti hér.

Widgets kubbar

Þetta eru búnaður þinn:

Widgets-kubbar

Að mestu leyti eru þetta þættirnir sem ættu að fara inn í hliðarstiku bloggsins þíns, ekki birtast á síðunum þínum. Einu undantekningarnar sem þú munt finna eru blokkir búnar til af öðrum viðbótum, eins og þessu WPForms dæmi.

Fella blokkir

Þetta eru innfellingar þínar:

Fella-blokkir

Þú munt nota þetta til að koma efni frá öðrum kerfum. Þetta er gott til að fella hluti eins og YouTube myndbönd, SoundCloud úrklippur og Twitter færslur.

Oftast notaðir Gutenberg blokkir

Eins og þú sérð þá eru fjöldinn allur af Gutenberg kubbum í boði. Sem sagt, það eru ákveðnir þættir sem allir nota til að búa til síður eða færslur í WordPress, svo byrjaðu á því að læra grunnatriðin:

Málsgrein

Notaðu málsgreinablokkina til að bæta venjulegum texta við síðuna þína.

Málsgrein

Fyrirsögn

Notaðu hausinn til að bæta við haus á síðuna þína.

Fyrirsögn-reit

Þetta gerir þér kleift að kynna ný efni á síðunni á meðan það er auðveldara að lesa innihaldið. H2, H3 og H4 hnapparnir gera þér kleift að koma á stigveldi yfir fyrirsíðurnar.

Listablokk

Notaðu listablokkina til að bæta við punktalista eða númeraða lista á síðuna:

Listablokk

Þetta er einnig gagnlegt til að bæta læsileika.

Image Block

Notaðu Image block til að bæta mynd við síðuna þína.

Image-Block

Þú getur hlaðið upp mynd af drifinu þínu eða valið þá mynd sem þegar er til í fjölmiðlasafninu.

Vídeóblokk

Notaðu Video block til að fella mynd á síðuna þína.

Vídeóblokk

Þú getur hlaðið upp myndskrá, valið eina af bókasafninu þínu eða dregið hana inn úr tengli.

Vegna þess að myndbönd taka mikið pláss er besti kosturinn að vista skrána þína á samnýtingarvettvang eins og Vimeo eða YouTube. Settu það síðan inn með tengli.

Þú munt ekki nota vídeóblokkina fyrir þetta. Leitaðu í staðinn að samsvarandi innfellingu.

YouTube er með eitt:

Fella YouTube

Eins og Vimeo:

Vimeo-Fella

Þú ættir að gera það sama fyrir allar hljóðskrár (eins og netvörp eða hljóðrás) sem þú vilt bæta við síðuna. Notaðu annaðhvort hljóðblokkina eða samsvarandi innfellingu (eins og fyrir Spotify) til að gera þetta.

Hnappablokk

Notaðu hnappagluggann til að beina gestum þínum eða lesendum að grípa til aðgerða:

Hnappablokk

Þetta gæti beint þeim til: „Skipuleggðu núna“, „Skráðu þig“, „Lestu meira“ osfrv.

Margmiðlunar- og textablokk

Eins og fyrr segir er Inline myndvalkosturinn í efnisgreinablokkinni óhagkvæm leið til að sameina texta og myndir. Í staðinn notaðu Media og Text block til að gera þetta:

Margmiðlunar- og textablokk

Súlur loka

Önnur leið til að setja tvær mismunandi reitir (af sömu eða mismunandi gerð) við hliðina á hvor annarri er með því að nota dálkablokkina:

Súlublokk

Til að bæta við fleiri dálkum til hægri eða vinstri skaltu sveima yfir reitina inni í súlunni og ýta á plús-merkið. Það er það sama og að bæta við nýrri reit, aðeins þetta bætir þeim lárétt.

Félagsleg fjölmiðlar fella blokkir

Frekar en að nota embedkóðann frá samfélagsmiðlum til að setja færslu á síðuna þína skaltu bæta hlekknum við færsluna hér:

Félagslegur-fjölmiðill-fella

Það eru embed blokkir fyrir Facebook, Twitter og Instagram, svo finndu Fella blokkina sem samsvarar færslunni á samfélagsmiðlinum.

Klassískt blokk

Klassískt blokk gerir þér kleift að halda áfram að búa til efni í WordPress með klassískum ritstjóra:

Gutenberg-Classic-Block

Klassískt blokk kemur einnig við sögu þegar vefsíða færist frá klassíska ritstjóranum yfir í Gutenberg ritstjórann. Gutenberg reynir ekki sjálfkrafa að breyta textanum þínum í sína eigin reiti. Það setur þá bara í klassíska ritstjórnarviðmótið.

Ef þú vilt breyta klassíska kubbnum þínum í Gutenberg kubba, farðu í „Fleiri valkostir“ og veldu „Umbreyta í kubba“:

Gutenberg-umbreyta-blokkir

Það mun gera sitt besta til að breyta hverjum þætti í ritlinum þínum í samsvarandi reit:

Gutenberg-umbreytt-blokkir

Mundu bara að fara yfir útgefna reitina fyrir villur áður en þú vistar breytingarnar.

WordPress tappablokkir

Flest vinsælustu viðbætin sem notuð eru af WordPress notendum eru Gutenberg-samhæfð. Í sumum tilvikum hafa þessar viðbætur búið til sérstakar reitir sem birtast í ritlinum þínum.

Til dæmis, ef þú ert að nota viðbótartengilið fyrir snið fyrir snerting eins og WPForms, þú ættir að finna samsvarandi reit fyrir það:

WPForms-Block

Búðu bara til eyðublaðið þitt í viðbótinni og finndu það síðan í fellilistanum hér. Engin þörf á að elta uppi og líma eyðublaðið smákóða lengur.

Yoast, vinsæl SEO viðbót, er önnur sem bætir nýjum kubbum við Gutenberg:

Yoast-blokkir

WooCommerce, Netverslun WordPress, hefur gert það sama:

WooCommerce-blokkir

Það eru líka „fullkomnir“ Gutenberg viðbætur sem bæta við fullt af nýjum kubbum við byggingaraðilann þinn, eins og Ultimate Addons fyrir Gutenberg:

Ultimate-Addons-Gutenberg

Þessar tegundir viðbóta auka virkni block byggingafyrirtækisins. Ef þú ert að byggja upp vefsíðu sem þarf sérstaka þætti – eins og Google kort, vitnisburðarblokka eða eCommerce virkni – geturðu bætt þeim við Gutenberg með viðbótum eins og þessum.

Yfirlit yfir skjalið og útiloka hliðarstiku

Nú þegar þú hefur sett niður ritstjórann, skulum við vekja athygli okkar á skjalinu og loka hliðarstikunni.

Þegar bendillinn er í titilblokkinni eða einhvers staðar á síðunni þar sem reiturinn er ekki til, bendir hliðarstikan á Skjalastillingar:

Skjalstika skenkur

Þetta gerir þér kleift að stjórna hlutum eins og stöðu og útliti síðunnar.

Hér eru helstu sem þú þarft að vita:

Staða og sýnileiki

Staða og sýnileikiÁ þessum spjaldi geturðu breytt því hverjir sjá síðuna (almennings, einkaaðila eða verndað lykilorð) og hvenær hún verður birt (ef ekki strax). Ef þú vilt eyða síðunni alveg. Þú getur gert það hér líka.

PermalinkNotaðu þennan pallborð til að breyta snigli (auðkennandi stykki slóðarinnar). Til dæmis:

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

Valin myndÞessi mynd er smámynd sem fólk sér þegar bloggfærslurnar þínar birtast í aðal bloggstraumnum þínum. Það er líka það sem samfélagsmiðlapallar nota þegar sýnishorn af krækjunum þínum er sýnd.

Flokkar

FlokkarÞetta er aðeins í boði fyrir bloggfærslur. Notaðu þetta til að halda þemum þínum skipulagt.

Merki

MerkiÞetta er önnur stilling sem aðeins er tiltæk fyrir bloggfærslur. Notaðu þetta til að bæta við lykilorðum sem birtast í færslunni þinni og hjálpa lesendum að finna efni um skyld efni.

Þegar bendillinn er staðsettur í einhverjum reitnum á síðunni þinni (nema titlinum) mun hliðarstikan skipta yfir í lokaritil:

Loka fyrir hliðarstiku

Þessi skenkur gefur þér viðbótarmöguleika á klippingu fyrir reitina þína ef þú vilt hafa þá. Hliðarstikan á reitnum mun breytast út frá því hvaða blokk þú ert að vinna að.

Sem dæmi má sjá að hliðarstikan á efnisgrein sýnir klippingarmöguleika fyrir:

Málsgrein-Loka fyrir hliðarstiku

Þú getur breytt stærð textans sem og lit textans eða bakgrunnsins á reitnum. Ef þú veist hvernig á að nota CSS flokka geturðu sérsniðið útlit blokkarinnar frekar með því að nota „Advanced Settings“.

Myndastikari gefur aftur á móti þessar stillingar:

Image-Block-Sidebar

Þú getur bætt alt-texta við myndina (mikilvægt fyrir SEO), breytt myndastærðinni og tengt myndina út á vefsíðu.

Sumar reitir bjóða ekki upp á neinar viðbótarstillingar í hliðarstikunni eins og Twitterfella:

Twitter-loka-hliðarstikunni

Það eina sem þú getur gert er að búa til sérsniðinn CSS flokk undir „Ítarlegar stillingar“.

Niðurstaða: Ef þér finnst einhvern tíma að þú getir ekki breytt húsaröðinni að fullu með tólastikunni skaltu skoða hliðarstikuna fyrir frekari möguleika.

Hvað á að gera við tækjastikuna

Síðasti hluti ritstjórans sem þú þarft að kynna þér er tækjastikan sem situr efst á honum:

Gutenberg-tækjastikan

Þetta kann að líta út eins og ekkert annað en staður til að geyma „Forskoðun“ og „Birta“ hnappana, en það er miklu meira sem þú getur og ætti notaðu tækjastikuna fyrir.

Við skulum skoða meginatriðin:

Blokkir

Fyrsti hnappurinn á tækjastikunni er þar sem þú getur fengið aðgang að nýjum reitum:

Gutenberg-Toolbar-blokkir

Afturkalla / Endurtaka

Næstu tveir hnappar leyfa þér að afturkalla (örin sem vísar til vinstri) eða gera aftur (örin sem vísar til hægri) síðustu breytingu sem þú gerðir á síðunni:

Gutenberg-tækjastika-Afturkalla

Upplýsingar um síðu

Fyrir ykkur sem vilja búa til síður sem auðvelt er fyrir gestina að skanna í gegnum, „i“ (upplýsingar) hnappurinn gefur þér yfirlit yfir innihaldið þitt:

Gutenberg-Toolbar-Info

Þú munt sjá:

  • Hversu mörg orð hefur þú skrifað.
  • Hversu margar fyrirsagnir eru, með sundurliðun titlanna hér að neðan.
  • Hversu margar málsgreinar eru til.
  • Hversu margar reitir þú hefur notað.

Það eru orð og fyrirsögn sem eru mikilvægustu upplýsingarnar sem þú getur einbeitt þér að hér.

Uppbygging blaðsíða

Næsti hluti tækjastikunnar leiðir í ljós hverja reit sem þú hefur notað til að búa til síðuna þína:

Gutenberg-Block-Navigation

Notaðu þetta til að skruna þegar í stað að reitnum sem þú vilt vinna á. Þetta er gagnlegt til að breyta efni á lengri síðum og færslum.

Vista stillingar

Þú munt nota þessa fyrstu þrjá hnappa við hverja síðu eða færslu sem þú býrð til:

Gutenberg-Vista-Stillingar

Notaðu „Vista drög“ til að vista breytingarnar þínar á einkasíðu meðan þú vinnur á síðu.

Notaðu „Forskoðun“ til að skoða síðuna á vefsíðunni þinni.

Notaðu „Birta“ til að ýta síðunni þinni á vefsíðu. Þegar síðan er birt mun þessi hnapp breytast í „Uppfæra“. Notaðu þetta til að vista og ýta nýjum útgáfum af síðunum þínum á síðuna.

Stillingar

Þegar smellt er á gír (stillingar) táknið felur það Gutenberg hliðarstikuna eða sýnir það. Svona lítur það út þegar hún er óvirk:

Gutenberg-tækjastika-Stillingar óvirk

Svona lítur það út þegar það er virkt:

Gutenberg-tækjastika-Stillingar-virkar

Fleiri valkostir

Síðasti hnappur á tækjastikunni sýnir fleiri valkosti og tæki. Notaðu þetta ef þú vilt sérsníða Gutenberg vinnusvæðið.

Gutenberg-tækjastika-Fleiri valkostir

Útsýni

Fyrsta valmöguleikinn sem lýtur að „Skoða“:

Gutenberg-Toolbar-View

„Efsta tækjastikan“ færir tækjastikuna út úr kubbunum þínum og festir hana efst á skjáinn:

Gutenberg-Top-Toolbar

Breytingarvalkostirnir breytast ennþá út frá reitnum sem þú hefur valið. Eini munurinn er sá að hann er aðeins staðsettur efst á síðunni núna.

„Kastljósastilling“ hverfur hverjar blokkir sem ekki eru í notkun:

Gutenberg-Kastljós-stilling

Ef þú vilt fá hjálp við að einbeita þér að einni reit í einu, þá er þetta gagnlegt tæki til að virkja.

„Fullscreen Mode“ er skrifunarstilling Gutenbergs án aðgreiningar:

Gutenberg-Fullscreen-Mode

Það fjarlægir WordPress valmyndirnar efst og vinstri auk Gutenberg hliðarstikunnar hægra megin.

Ritstjórastilling

Næsta valkostur er fyrir ritstjórastillingu.

Gutenberg-Options-Editor

Gutenberg setur sjálfgefið notendur í „Visual Editor“.

Ef þú vilt frekar semja síðuna þína í HTML geturðu skipt yfir í „Code Editor“:

Gutenberg-kóða-ritstjóri

Hins vegar er árangursríkari og hreinni leið til að breyta kubbunum þínum í HTML að meðhöndla það fyrir sig (þar sem þú þarft sennilega ekki að breyta kóða síðunnar).

Þú getur fengið aðgang að ritstjóranum undir „Breyta sem HTML“:

Gutenberg-Edit-HTML

Þetta mun umbreyta reitnum í HTML:

Gutenberg-HTML-blokk

Breyta því eins og þér sýnist. Ef þú vilt umbreyta því aftur í sjónstillingu, opnaðu valkostina fyrir reitinn og veldu „Breyta sjónrænt“:

Gutenberg-Edit-Visually

Verkfæri

Gutenberg kemur einnig með verkfæri sem gera þér kleift að hagræða reynslu þinni í ritlinum:

Gutenberg-Verkfæri

Fyrsta tólið er „Block Manager“:

Gutenberg-Block-framkvæmdastjóri

Ólíkt blokkaleiðitólinu sem við sáum áðan, gerir þetta þér kleift að slökkva á blokkum sem þú notar ekki. Þannig að þegar kemur að því að leita að nýjum reit þarftu ekki að sigta í gegnum blokkir sem þú munt aldrei nota.

„Stjórna endurnýtanlegum blokkum“ mun fara með þig í endurnýtanlega blokkaritilinn:

Gutenberg-einnota blokkir

Þetta er þar sem vistaðar blokkir þínar verða geymdar. Til að breyta foreldraafritinu af reitnum (eða búa til nýtt að öllu leyti), gerðu það hér.

Þó Gutenberg hafi vissulega gert það auðveldara að búa til efni í WordPress, geta sumar aðgerðir orðið leiðinlegar. Með því að nota „Flýtileiðir“ Gutenbergs geturðu gert hluti eins og afturkallað síðustu breytingu, afritað reit, skáletrað auðkenndan texta og vistað breytingarnar með aðeins lyklaborðinu þínu.

Gutenberg-hljómborð-flýtileiðir

Allt valkosturinn „Afrita efni“ er að varpa ljósi á og afrita alla reitina á síðunni. Notaðu þetta til að búa til nýja síðu sem er svipuð í innihaldi og hönnun. Farðu bara á Síður> Bæta við nýjum og límdu síðan kubbana þína á tóma síðuna.

Síðasti kosturinn hér kallast „Valkostir“. Það sem það raunverulega gerir er þó að gera þér kleift að slökkva á tilteknum hlutum skjalastillinganna á hliðarstikunni:

Gutenberg-Sidebar-Valkostir

Aftur, ef þú kemst að því að það eru ákveðnir hlutar ritstjórans sem þú notar ekki (eins og eigindir síðu) skaltu slökkva á þeim hér svo að þeir trufli ekki þá þætti sem þú þarft að nota.

Klára

Vegna þess að WordPress hafði notað sama ritstjóra síðan á fyrsta degi, var einhver bakslag þegar Gutenberg var kynntur fyrst.

En ef þú lítur á drag-and-drop-keppnina sem hrannast upp um WordPress (Wix, Shopify, Squarespace osfrv.), Þá var kominn tími til breytinga.

Þessi ritstjóri þróun hefur borgað sig, sem gerir WordPress kleift að þjóna notendum á öllum stigum. Notendur þess uppskera nú eftirfarandi kosti sem fylgja því að byggja upp vefsíður með lokaritlinum:

  • Sérsniðin ritstjórasýn sem gerir þig afkastameiri.
  • Auðveldara að búa til og aðlaga efni.
  • Ítarlegri efnissköpun án tæknilegrar þekkingar sem áður var þörf.
  • Endurnýtanlegar blokkir flýta fyrir hönnun og tryggja stöðugleika alls staðar.
  • Auðveldara að bæta við og stilla viðskiptiareiningar (eins og aðgerðahnappar og eyðublöð).
  • Vinsæl viðbætur og þemu eru Gutenberg-samhæfð.
  • Hraðari tími til að ráðast.

Frá og með árinu 2022 verður klassíski ritstjórinn ekki lengur tiltækur. Svo, nú er fullkominn tími til að reikna út hvernig þú ætlar að láta Gutenberg vinna fyrir þig.

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