Skref fyrir skref leiðbeiningar til Gutenberg byggingaraðila fyrir WordPress

Skref fyrir skref leiðbeiningar til Gutenberg byggingaraðila fyrir WordPress

Ég held að þú sért sammála því þegar ég segi: Þetta allt Gutenberg fyrirtæki er ruglingslegt.


Í fyrsta lagi, er nýja lokaritilinn erfitt að nota eða hvað? Ég meina, þú veist ekki hvert uppáhalds verkfærin þín fóru. Nú tókstu líklega lengri tíma að búa til færslu, ekki satt?

Kannski henti þér krækju við að bæta við krækju (tengd eða á annan hátt) og fannst þér fyrir vonbrigðum. Kannski áttu í vandræðum með að bæta við mynd við hliðina á textanum þínum.

Kannski þú reyndir að bæta við mörgum dálkum og hlutirnir gengu ekki eins og búist var við. Ef það er ekki tilfellið geturðu kannski ekki bætt PDF skjölunum þínum auðveldlega eða þú sérð ótti við „uppfærsla mistókst“ verulega.

Jæja, ekki hafa áhyggjur lengur; Ég var í nákvæmri stöðu þinni fyrir ekki löngu, en núna finnst mér Gutenberg unaður að nota. Það er til námsferill, já, en í lok póstsins í dag, þá hugsarðu um Gutenberg á annan hátt.

Hvað er ritstjóri Gutenberg?

wordpress ritstjóri Gutenberg

Þú ert að horfa á Gutenberg, sjálfgefna ritstjóra fyrir WordPress blokk

Ef þú ert að nota WordPress 5.0 og hærra verður þú að hafa kynnst nýja og glansandi ritstjóra WordPress, frægur þekktur sem Gutenberg.

Og rétt eins og margir aðrir notendur, viltu nota byltingarritið, en þú ert hikandi vegna Gutenberg er flókið.

Eða kannski þegar þú kynntist Gutenberg fyrst, þá gengu ýmsir ekki. Þegar öllu er á botninn hvolft voru og eru verktakar enn að gera þemu og viðbætur samhæft við lokaritilinn.

Svo, þú snéru fljótt aftur til Klassískur ritstjóri, sem, BTW, er í lagi með okkur. Hafðu bara í huga að WordPress styður ekki Klassískan ritstjóra eftir 2022. Plús, þú ert að missa af öllu aukagleðinni sem Gutenberg býður upp á.

Hvað varðar virkni gera Classic Editor og Gutenberg það sama; þú veist, bæði tækin hjálpa þér við að búa til efni án kóða.

Hins vegar erum við svo vön gamla WYSIWYG ritlinum að okkur finnst aðlögun að nýja Gutenberg HÍ aðeins framandi, ef ekki alveg ruglingslega. Að minnsta kosti er það það sem ég held.

En hvað nákvæmlega er Gutenberg?

Gutenberg er nýr sjálfgefinn ritstjóri WordPress. Það er ólíkt hefðbundnum mynd- og textaritli; Gutenberg notar efnablokkir eins og margir nútímasíðuhönnuðir.

Það er með innsæi eiginleikum en Classic Editor, sem þýðir að þú getur búið til innihald fjölmiðla á flugu. Núna geturðu svipað ótrúlega skipulag hvort sem þú ert að vinna með WordPress innlegg eða síður.

Og með nokkrum viðbótum, getur Gutenberg með góðum árangri keppt við rótgróna WordPress blaðasmiðja eins og Brizy, Elementor og Divi.

Eini gallinn er að smíðaaðilar bjóða oft upp á fleiri möguleika vegna þess að þeir eru fyrst og fremst blaðagerðaraðilar! Á sama tíma er Gutenberg enn nokkuð ungur og þú getur aðeins búist við að ritstjórinn muni vaxa í hleypur.

Í færslu í dag munum við hafa spennandi tíma að búa til WordPress færslu með ritstjóranum Gutenberg. Ég stefni að því að hylja hvert smáatriði og smáatriði svo þú getir notað Gutenberg til að búa til efni eins og kostirnir.

Ert þú tilbúinn? Ef svo er skulum við búa til þessa WordPress færslu.

Hvernig á að búa til WordPress færslu með Gutenberg

Ef þú rekur WordPress vefsíðu stofnarðu líklega fleiri færslur en síður. Í eftirfarandi kafla búum við til WordPress færslu í Gutenberg frá grunni. Ég vona að þú hafir jafn gaman og ég þegar ég prófaði Gutenberg.

Það út af the vegur, sigla til Færslur> Bæta við nýju eins og við undirstrika á skjámyndinni hér að neðan.

að búa til nýja færslu í Gutenberg

Það leiðir þig beint til Gutenberg ritstjórans hér að neðan.

wordpress ritstjóri Gutenberg

Frekar sniðugt, ha? Leyfðu okkur að bretta upp ermarnar og komast í viðskipti.

Bætir við titli

að bæta við nýjum titli í gutenberg

Þú getur ekki skrifað færslu án trausts titils. Það góða er að Gutenberg gerir það ótrúlega auðvelt að bæta við titli.

Fyrsta reitinn sem þú sérð er Titill efst á skjalinu eins og við lýsum á myndinni hér að ofan. Til að búa til titil fyrir færsluna þína, sláðu inn í reitinn. Einfalt sem A, B, C.

Þarftu að breyta permalinkinu? Þú getur auðveldlega gert það í Titill lokaðu með því að smella á Breyta hnappinn eins og sýnt er hér að neðan.

breyta permalink eftir gutenberg

Eftir að hafa bætt titlinum þínum skaltu slá á KOMA INN lykill til að hefja nýja línu. Ó já, Gutenberg varðveitir innfæddan siglingar sem þú elskaðir í klassískum WordPress ritstjóra.

Bæti nýrri málsgrein

ný málsgreinablokk í gutenberg

Hitting á KOMA INN lykill býr til nýtt Málsgrein eins og sýnt er hér að ofan. Áður en þú slærð inn einhvern texta birtir reiturinn nokkra valkosti. Sjá nánari mynd hér að neðan til að fá frekari upplýsingar.

nýjar málsgreinar loka fyrir valkosti Gutenberg

Skýringar. Þú getur:

  1. Breyttu nýju málsgreinablokkinni í hvaða aðra reit sem er, t.d. mynd, fyrirsögn, forsíðu, gallerí, WooCommerce, form osfrv..
  2. Notaðu flýtileiðina til að breyta málsgreinarreitnum í myndarokk
  3. Breyttu málsgreinareitilinn í fyrirsögnareit, þ.e.a.s. H2, H3 og H4
  4. Umbreyttu málsgreinablokkinni í kápu fyrir mynd

Til skýringar mun ég áskilja fyrstu málsgreinina fyrir innganginn. Þegar þú hefur bætt við nokkrum texta birtist sniðstækjastikan eins og sýnt er hér að neðan.

gutenberg málsgrein snið tækjastika

Þökk sé sniðstækjastikunni geturðu:

  • Breyttu málsgreininni í vísu, tilvitnun, fyrirsögn, lista, kóða og forformaðan texta
  • Djarfur, Skáletra, í gegn, og undirstrika innihald
  • Samræma texta til vinstri, hægri, miðju og réttlæta
  • Bættu við tengli sem einnig getur opnað í nýjum flipa
  • Settu inn mynd (já, hún er til!)
  • Fela stillingar fyrir reit
  • Afritaðu reitinn
  • Settu inn reit fyrir eða eftir núverandi reit (í okkar tilviki, það er fyrsta málsgreinin, svo voru ekki að bæta við neinu áður, aðeins á eftir.) Þú getur bætt við forsíðumynd fyrir fyrri málsgrein ef þú vilt það vegna þess að það lítur svo út góður
  • Breyttu reitnum sem HTML
  • Bættu núverandi blokk við endurnýtanlegar blokkir svo þú getir notað hana í öðrum færslum
  • Fjarlægðu kubbinn að öllu leyti

Þú getur sérsniðið málsgreinablokkina frekar með þeim valkostum sem eru í boði Loka fyrir flipann sem er að finna í skenkavalmyndinni eins og sýnt er hér að neðan.

valkostur gutenberg hliðarstikunnar fyrir málsgreinablokk

Nokkrar athugasemdir um myndina hér að ofan:

  1. Veldu Loka fyrir flipann hér til að skoða alla valkosti og stillingar fyrir lokun
  2. Veldu leturstærð og virkjaðu Drop Cap hér
  3. Bættu bakgrunnslit við málsgreinina þína. Ég stillti það á blátt til dæmis. Þú getur einnig sérsniðið textalitinn. Í báðum tilvikum geturðu bætt við ótakmörkuðum sérsniðnum litum
  4. Þú getur bætt við sérsniðnum CSS flokki hér, sem þýðir að þú getur bætt viðbótar CSS stíl við reitinn þinn
  5. Blái bakgrunnurinn og Drop Cap beittu þegar í Gutenberg ritstjóranum

Skjalaflipinn í hliðarstikunni

Það er annar flipi í skenkavalmyndinni; the Skjal flipann eins og sýnt er hér að neðan.

málsgrein loka fyrir skjalaflipann fyrir hliðarstiku

Hér athugasemdir fyrir ofangreinda mynd:

  1. Smelltu hér til að skipta um Skjal flipann
  2. Hér getur þú tímasett færslu, stillt sýnileika á annað hvort Einkamál eða Almenningur, setja færslu á Bíður endurskoðunar stöðu, veldu póstsniðið og búðu til klístraða færslu
  3. Í þessum kafla er hægt að breyta permalinkinu ​​þínu
  4. Þú getur valið eða búið til nýja flokka hér
  5. Bættu merkjum við færsluna þína
  6. Stilla lögun mynd
  7. Búðu til handvirkt útdrátt
  8. Leyfa athugasemdir, pingbacks og trackbacks

Eins og þú sérð hefurðu nóg af valmöguleikum til að hanna málsgreinareit (og alla færsluna) hvort sem þú vilt. Við the vegur, mismunandi blokkir eru með mismunandi stillingar eins og við munum læra á einni mínútu.

Eftir fyrstu málsgrein, ýttu á KOMA INN takkann aftur til að búa til nýja línu (eða málsgreinablokk). Við skulum bæta við mynd fyrir neðan fyrstu málsgrein.

Bætir við myndum í Gutenberg

að bæta við nýrri mynd í Gutenberg

Þeir segja að mynd tali þúsund orð og bloggfærsla án mynda er, jæja, drullusöm. Til að bæta við mynd í WordPress færsluna þína með Gutenberg hefurðu nokkra möguleika.

Þegar þú lendir í KOMA INN lykillinn fyrir nokkrum augnablikum, þú kveikir á nýjan málsgreinarokk. Að sjá Gutenberg er leiðandi, þú getur bætt við mynd með því að smella á plús (+), mynd eða kápa tákn eins og við undirstrika á myndinni hér að neðan.

að bæta við nýrri mynd í ritstjóranum Gutenberg

Nokkur athugasemdir:

  1. Þú getur bætt við mynd með plús (+) táknum
  2. Hér getur þú auðveldlega bætt við mynd
  3. Þessi valkostur gerir þér kleift að bæta við a þekja mynd (Þetta eru venjulega stærri en aðrar myndir. Auk þess er hægt að bæta við texta á forsíðumyndum, BTW)

Fara á undan og smelltu á eitt plús (+) tákn. Næst skaltu smella á Mynd flipann, eins og sýnt er hér að neðan.

að bæta við myndum í Gutenberg

Með því að smella á Mynd flipinn hleður inn Mynd blokk sem sýnd er á skjámyndinni hér að neðan.

gutenberg myndablokk

The Mynd blokk gerir þér kleift að hlaða upp mynd eða bæta við henni af vefslóð eða fjölmiðlasafninu. Í því ferli er hægt að bæta við alt texta (mikilvægt fyrir SEO), myndatexta og lýsingu í gegnum skjástillingar fjölmiðla eða Loka fyrir skenkur eins og sýnt er á eftirfarandi myndum.

Venjulegar miðlunarstillingar…

Wordpress miðlunarstillingar

…og Mynd loka fyrir stillingar.

stillingar á gutenberg-myndablokk

Ertu að læra eitthvað hérna í dag? Ég vona það. Höldum áfram.

Eftir að myndinni hefur verið bætt við bætir Gutenberg við nýrri málsgreinarokk rétt fyrir neðan hana. Þú getur bætt við hverju sem þú vilt, en til dæmis er ég búinn að bæta við texta og síðan hnappi fyrir neðan það.

Hvernig á að bæta við skrám sem hægt er að hlaða niður, t.d. PDF, myndir, myndbönd osfrv

Gutenberg gerir það ótrúlega auðvelt að bæta skrám sem hægt er að hlaða niður til WordPress færslu eða síðu.

Í nýju Málsgrein lokaðu, smelltu á plús (+) táknið, farðu til Algengar blokkir og lenti á Skrá flipann eins og við undirstrika hér að neðan.

bæta skrám niður í Gutenberg

Með því að setja af stað er eftirfarandi reit sett:

gutenberg skráargeymsla

Frá Skrá lokaðu, þú getur hlaðið upp nýrri skrá eða bætt við henni úr fjölmiðlasafninu. Eftir að skránni hefur verið bætt við bætir Gutenberg við sætu Niðurhal hnappinn sjálfkrafa eins og sést á myndinni hér að neðan.

að bæta við skrá í Gutenberg

Þú getur leikið okkur við valkostina. Þú getur til dæmis breytt / eytt „Ókeypis Gutenberg PDF tékklisti“Titill sem og Niðurhal takki. Þú getur bætt CSS bekk í reitinn og stíl það hvort sem þú vilt.

Bætir við tilvitnun í Gutenberg

Næst skulum við bæta við tilboði vegna þess að þau eru heillandi, grípandi og hjálpa þér að keyra punktinn heim. Í nýrri línu, smelltu á plús (+) merkið, farðu til Algengar blokkir og lenti á Tilvitnun flipann eins og sýnt er hér að neðan.

að bæta við tilvitnunum í gutenberg

Það bætir við Tilvitnun lokaðu fyrir í færslunni þinni eins og við undirstrika í skrípablaðinu hér að neðan.

stillingar gutenberg quote quote

Takið eftir stillingum tilvitnunarblokkarinnar í hægri hliðarstikunni hér að ofan?

Til að bæta við tilboði þínu skaltu slá inn í reitinn. Hérna er niðurstaðan mín.

gutenberg tilvitnun

Útlit ótrúlegur, ekki satt?

Bætir fjölmiðlum inn í Gutenberg

Gutenberg kemur með nokkrar blokkir til að fella myndbönd og aðra miðla frá 30+ síðum eins og YouTube, Vimeo, Facebook, SoundCloud, WordPress, Slideshare og svo framvegis.

Til að fella efni, smelltu á plús (+) táknið, flettu að Fella, og veldu síðuna. Til dæmis vildi ég hafa YouTube, eins og sýnt er hér að neðan.

gutenberg YouTube innfella

Næst skaltu afrita og líma YouTube vídeóslóðina og smella á Fella inn hnappinn eins og sýnt er á myndinni hér að neðan.

gutenberg YouTube embed block

Um leið og þú lentir í Fella inn hnappinn, Gutenberg hylur hlekkinn sjálfkrafa í myndband eins og við undirstrika hér að neðan.

embed in YouTube myndbandið í Gutenberg

Slétt sigling alla leið. Nú skulum við bæta við sjálfstæða hnapp sem er fullkominn til að búa til ákall (CTA).

Hvernig á að bæta við hnappi í Gutenberg

Þú ættir ekki að eiga erfitt með að bæta við blokkum á þessum tímapunkti. Smelltu bara á plús (+) og veldu reitinn þinn. Það getur ekki orðið auðveldara en það.

Svo, hvernig bætum við við hnappi?

Í nýrri línu (eða loka) smellirðu á plús (+) táknið, flettir að Skipulagseiningar og smelltu á Takki flipann eins og sýnt er hér að neðan.

að bæta við hnöppum í ritstjóranum Gutenberg

Að gera það leiðir þig til Takki lokaðu eins og við lýsum hér að neðan.

að bæta við hnöppum í ritstjóranum Gutenberg

Eins og þú sérð af myndinni hér að ofan geturðu breytt textanum á hnappinn og bætt við krækju. Að auki geturðu sérsniðið hnappinn í gegnum hliðarstikuvalmyndina hægra megin við skjáinn.

Eftir nokkra smelli, hérna fékk ég það.

dæmi um gutenberg hnapp

Við the vegur, ef þú notar erfitt að lesa litasamsetningar á hnöppunum þínum, Gutenberg mun tafarlaust láta þig vita. En fínt?

Hvernig á að bæta við dálkum í Gutenberg

Með fallegum hnappi á sínum stað skulum við bæta við nokkrum dálkum. Ég mun bæta við tveimur dálkum, svo fylgdu vandlega.

Hér er það sem á að gera. Smelltu á plús (+) táknið, flettu að Skipulagseiningar og smelltu á Súlur flipann eins og sést á myndinni hér að neðan.

súlur flipi ritstjóri Gutenberg

Gutenberg bætir við tveimur dálkum sjálfgefið. Sjáðu myndina hér að neðan, og mundu að ég hef þegar bætt efni í dálkana.

gutenbergsúla í ritstjóra ritstjóra

Sem fær mig:

gutenbergsúla framhlið

Ekki slæmt í nokkrar sekúndna vinnu. En kannski viltu ekki búa til dálka. Kannski viltu birta mynd við hliðina á texta.

Er einhver hindrun fyrir það? Já það er!

Hvernig á að bæta við mynd við hliðina á texta í Gutenberg

Ertu að leita að því að bæta við mynd við hlið texta? Ef svo er, muntu elska eftirfarandi kafla.

Smellið eins og venjulega á plús táknið (+), vafrað til Skipulagseiningar og smelltu Margmiðlun og texti eins og sýnt er hér að neðan.

fjölmiðla og texti glutenberg blokk

Þú ættir að sjá Margmiðlun og texti blokk, eins og sýnt er hér að neðan.

fjölmiðlar og textablokk í Gutenberg

Næst skaltu hlaða upp mynd / myndbandi / miðli eða bæta við mynd úr fjölmiðlasafninu. Eftir það skaltu bæta við textanum við hliðina á fjölmiðlinum eins og sést á myndinni hér að neðan.

Ég lék mér við Margmiðlun og texti blokk, og ég kom með eftirfarandi. Hugaðu þig; Mér tókst að pressa á hnapp líka þarna ��

miðill og textablokk í fullri aðgerð

Ó, það er afturendinn! Leyfðu mér að sýna þér framhliðina. Hér:

fjölmiðla textablokk í gutenberg

Útlit mjög faglegur, ekki satt? Þú getur vissulega ímyndað þér hversu mikið þú getur náð með Gutenberg ritstjóra.

Gutenberg-blokkir frá þriðja aðila

WordPress verktaki hafa áhuga á að gera þemu og viðbætur samhæft Gutenberg ritlinum. Nokkur dæmi eru WooCommerce, Jetpack og Yoast SEO.

Til dæmis geturðu bætt WooCommerce blokkum í WordPress færsluna þína. Í fyrsta lagi verður þú að setja upp og virkja WooCommerce.

Næst, í nýrri línu, smelltu á plús (+) táknið, flettu að WooCommerce og veldu hvaða reit þú vilt eins og sýnt er hér að neðan.

woocommerce gutenberg blokkir

Veistu hvað þetta þýðir? Það þýðir að þú getur búið til fjölmiðla og frábæra færslur og síður á nokkrum mínútum.

Aðrar athyglisverðar blokkir

Við erum nú þegar með yfir 2.000 orð og ef við höldum þessu áfram munum við skrifa heila bók. Bæn mín er sú að þú getir nú notað Gutenberg án þess að hiksta.

Það út af the vegur, hér er listi yfir aðrar tiltækar reitir.

  • Búnaður – Þú getur bætt efni frá búnaði þínum við bloggfærslur
  • Skammkóða – Þú getur samt notað innfæddan WordPress stytta kóða
  • Klassískt – Frábær blokk sem geymir gamla innihaldið þitt
  • Meira – Kubbinn var áður þekktur sem Lestu meira merki
  • Síðubrot, aðskilnaðarmenn, tvískiptir
  • Sérsniðin HTML, Pullquote, Tafla
  • Gallerí og HTML5 hljóð / myndband
  • Og svo miklu meira eftir því hvaða þemu og viðbætur þú notar

Til hliðar: Að búa til WordPress síðu er svipað og að búa til færslu til að spara fyrir nokkurra mínútna mun, svo við munum ekki kafa í það í dag.

Fljótir Gutenberg járnsög og flýtilykla

Gutenberg kemur með nokkrar járnsög og flýtilykla sem gera það enn auðveldara. Til dæmis, ef þú slærð „/“ inn í málsgreinarokk, þá kemur það upp listi yfir reitina.

Þú getur meira að segja valið ákveðna reit með því að slá titil blokkarinnar á eftir skellinni (/), t.d. með því að slá inn „/ mynd“ kemur myndarokkurinn upp meðal annarra myndatengdra reita. Sjá nánar mynd hér að neðan.

flýtileið í gutenberg bakslag

Flýtivísar: Til að skoða alla flýtileiðir sem eru í boði ýttu á SHIFT + ALT + H í Windows og OPT + CTRL + H í Mac.

Efst á skjalinu geturðu séð uppbyggingu skjalsins með því að smella á (i) táknið, eins og sýnt er hér að neðan.

Gutenberg skjal uppbygging

Fínt. Óvenju slétt.

Ó, og við the vegur, “Uppfærsla mistókst” villan gerist venjulega vegna skjálfta internettengingar ��


Milli þín og mín er Gutenberg stórkostlegur ritstjóri efnis. Að því tilskildu að þú ert reiðubúinn að læra strengina; þú getur uppskorið mikið af WordPress ritstjóra framtíðarinnar.

Gutenberg er enn tiltölulega ungur og þú getur búist við því að hann vaxi hvað varðar notagildi og virkni. Það verður alvarlegt afl til að reikna með á næstu dögum. Síðan smiðirnir eru betur vakandi, eða þeir munu klárast ekki business

Við vonum að skref fyrir skref leiðbeiningar okkar til Gutenberg ritstjórans hafi hjálpað þér að setja hlutina í yfirsýn. Við teljum að þú getir núna notað lokaritilinn til að búa til efni eins og atvinnumaður.

Vinsamlegast deildu áhyggjum þínum, hugsunum og spurningum í athugasemdahlutanum hér að neðan.

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