Ehitamine Gutenbergile: kuidas plugina- ja teemaautorid käsitlevad Gutenbergi üleminekut

Ehitamine Gutenbergile: kuidas plugina- ja teemaautorid käsitlevad Gutenbergi üleminekut

Ehitamine Gutenbergile: kuidas plugina- ja teemaautorid käsitlevad Gutenbergi üleminekut
СОДЕРЖАНИЕ
02 июня 2020

Ehitage Gutenbergi jaoks: kuidas pistikprogrammi ja teema autorid käsitlevad üleminekut


WordCamp Europe 2018 esitles Matt Mullenweg Gutenbergi jaoks järgmise mitme kuu jaoks umbkaudset tegevuskava. Juulis on Gutenbergi kasutuselevõtu suurendamiseks vaja suurt tõuget – augustis on saadaval 5,0 beetaversioon (või pärast seda; tegelikult ilmselt ka pärast seda). Eelseisv integratsioon võib tekitada küsimus, kuidas WordPressi arendajad plaanivad Gutenbergi jaoks ehitada.

See tähendab, kuidas erinevad arendajad Gutenbergi pakkumisi ette valmistavad? Ja kas inimesed teevad Gutenbergi jaoks midagi uut ja huvitavat?

Selles postituses toome teile reaalseid ja konkreetseid näiteid selle kohta, kuidas pistikprogrammide ja teema arendajad saavad Gutenbergi jaoks ehitada, näidates teile, mis seal juba olemas on.

Vaadates reaalseid näiteid selle kohta, kuidas arendajad kasutavad plokke ja stiile integreerituma redigeerimiskogemuse loomiseks, loodame, et te:

  • Saage aru, kuidas Gutenberg võib teile kui lõppkasutajale kasu tuua.
  • Hankige ideid Gutenbergi jaoks oma WordPressi projektide jaoks.

Kui te pole ikka veel kindel, milline on Gutenbergi toimetaja, võiksite kõigepealt tutvuda meie täieliku Gutenbergi toimetaja õpetusega.

Kuus näidet selle kohta, kuidas olemasolevad pistikprogrammid suunavad Gutenbergi üleminekut

See, kuidas plugina autorid Gutenbergi jaoks ehitavad, sõltub ennekõike plugina funktsioonist.

Ühelt poolt on teil pistikprogramme, mis on keskendunud esiotsa sisu lisamisele. See on peamiselt asi, mida varem oleks tehtud lühinumbri lisamisega.

Hea näide on vormi plugin. Peaaegu iga vormi pistikprogramm annab teile vormide loomiseks eraldi liidese ja seejärel lühikese koodi nende vormide reaalajas manustamiseks..

Seda tüüpi pistikprogrammid pöörduvad Gutenbergi poole tavaliselt a-ga kohandatud plokk sisu sisestamise lihtsustamiseks. Selles jaotises näete mitmeid näiteid:

  • Ninja vormid
  • Andke
  • WooCommerce

Seejärel on teil muid pistikprogramme, mis aitavad teil kulisside taga detaile juhtida. Tavaliselt kasutavad need pistikprogrammid metakaste.

Kõige tuntum näide oleks näiteks Yoast SEO. Te ei lisa sisu, kuid kogu see metaboksi teave on oluline.

Metakastid töötavad nüüd koos Gutenbergiga, kuid nendel pistikprogrammidel on siiski võimalus muuta Gutenbergi eeliseks oma funktsionaalsust. Näitan teile mõnda viisi, kuidas Yoast SEO võib seda probleemi lahendada, samuti seda, kuidas oleme otsustanud asju teha mõne oma pistikprogrammiga.

1. Ninja Forms lisab uue Gutenbergi ploki

Ninja vormid on WordPress.org repos üks populaarsemaid vormi pluginaid. Siiani on see Gutenbergi poole pöördunud, lisades lihtsa Ninja vormid blokeerida.

Sisestad ploki nagu iga teine ​​Gutenbergi plokk:

kuidas ninja vormid Dev Gutenbergi jaoks ehitavad

Seejärel saate rippmenüüst valida oma vormi:

ninja vormid blokeerivad

Ja kui olete vormi valinud, näete otse redaktoris reaalajas eelvaadet:

vormi reaalajas eelvaade

Praegu on see kõik olemas. Kuid see on kindel lähteseisund, kuna:

  • See välistab vajaduse otsekoodidega töötada
  • Oma lehe redigeerimise ajal näete oma kujunduse reaalajas eelvaadet

Järgmised kaks pistikprogrammi tuginevad sellele mõnede sügavamate stiilimis- / juhtimisvõimalustega.

2. Give lisab kaks Gutenbergi plokki paigutusvalikutega

Andke on populaarne annetuste pistikprogramm koos arendusmeeskonnaga, kes on olnud GATenbergi toimetajaga integreerimise proaktiivne (kui teile selle postituse teema meeldib, siis naudite #PlayingWithBlocks seeriat saidil Andke ajaveeb, kus Give meeskond kirjeldab üksikasjalikult oma plaane Gutenbergi ehitamiseks).

Give’il on üks kõige sujuvamaid Gutenbergi kogemusi, mida ma olen proovinud. Annetusvorme mitte ainult saab sisse viia Give kahe bloki kaudu, vaid saate neid ka Gutenbergi liidese abil stiilida..

Manustage kaks blokki, mille abil saate manustada:

  • Üks annetusvorm
  • Annetusvormide ruudustik

annawp gutenbergi klotsid

Nagu Ninja Forms, saate ka oma vormi reaalajas eelvaate. Kuid saate ka Blokeeri redigeerimisvalikud, mis võimaldavad teil:

  • Valige vorming
  • Annetuse eesmärgi lubamine / keelamine
  • Valige, kuhu sisu paigutada

blokeeri paigutuse valikud

Ja kui hõljutate kursorit oma vormi kohal, saate selle vormi muutmiseks otselingi:

blokeeri redigeerimine

Vaadatakse, kuidas plokid võivad minna natuke sügavamale kui Ninja Forms’i praegune teostus. Kuid WooCommerce läheb sammu edasi …

3. WooCommerce lisab toodete ploki veeru juhtimisega

Ehkki WooCommerce lisab tõenäoliselt rohkem Gutenbergi integratsioone, kuna WordPress 5.0 liigub lähemale (mõned neist) ideid toodete siia lisamiseks), on meeskond juba koos ametnikuga varbad Gutenbergi kastnud WooCommerce Gutenbergi tooted – pistikprogrammi blokeerimine.

Jah – praegu on see eraldi pistikprogramm. Kuid pärast selle installimist saate olemasolevaid WooCommerce’i tooteid oma Gutenbergi sisusse blokeerida.

Kui lisate Tooted blokeerides saate valida, milliseid tooteid kuvada:

gutenbergi wookaubandusplokk

Seejärel saate paigutuse muutmiseks kasutada plokkide redigeerimise valikuid:

gutenbergi veebipoe paigutuse muutmine

See teeb mind väga elevil, sest see on suurepärane näide sellest, kuidas Gutenberg muudab selle mittestandardse sisu stiilimiseks / konfigureerimiseks paremini juurdepääsetavaks.

4. Beaver Builder lisab a "Teisenda Beaver Builderiks" valik

Sellest, kuidas leheehitajad Gutenbergi poole pöörduvad, on palju räägitud. Praegu pole veel palju konkreetset, kuid Beaver Builder on lisanud funktsiooni Beaver Builder 2.1 funktsiooni, mis võimaldab teil teisendada Gutenbergi paigutuse Beaver Builderiks:

kopra ehitaja gutenberg

Praegu pole konversiooniprotsess täiuslik. Kuid idee liikuda Gutenbergi ja leheehitaja vahel on intrigeeriv, kui teisendamine toimuks tõrgeteta.

5. Metakastikesed peaksid endiselt töötama – hea näide on pärm SEO

Ma ei usu, et Yoast SEO pole Gutenbergi aadressil veel muudatusi avaldanud, nii et praegu on see rohkem näide sellest, kuidas olemasolevad metaboksid Gutenbergiga töötavad (kui te pole Gutenbergi tähelepanelikult jälginud – sellel on nüüd metaboksi tugi, kuigi see on rohkem tagasiühilduvuse jaoks kui pikaajaline lahendus).

Nagu näete, tuleb peamine Yoast SEO metaboks Gutenbergi abil kasutamata:

gutenbergi pärmi seo metaboks

Kuid teil puuduvad külgribal käinud SEO ja sisuanalüüsi hinded.

Kuidas võiks Yoast ehitada Gutenbergi selle lahendamiseks? Siin on mõned maketid võimalike viiside jaoks, kuidas Yoast saab oma analüüsi tegelikku Gutenbergi liidesesse integreerida:

Makett Bpärmi seo hoiatus
Makett Cpärmi seo sisuanalüüs

6. Kuidas käsitleme WP tooteülevaates metakaste?

Meie WP tooteülevaate plugin on üks neist pistikprogrammidest, mis kasutab kasutajaliidese väljundi juhtimiseks metaboksi (sel juhul ülevaatekast).

WP tooteülevaate integreerimine Gutenbergi redigeerijasse on järgmine:

wp tooteülevaade gutenberg

Kui kasutajad teatavad, et postitus on ülevaade külgriba lülitusega, saavad nad ülaltoodud valikutest konfigureerida kõike oma ülevaatuskasti kohta:

WP ülevaade pro gutenbergi sisselülitamisest

Arendajad – siin on suurepärane ressurss oma pistikprogrammi Gutenbergi jaoks ettevalmistamiseks

Kui olete tegelik pistikprogrammi arendaja, võiksite mõelda, kuidas peaksite oma konkreetse pistikprogrammi jaoks Gutenbergi üles ehitama. Noh … ma ei saa seda sulle öelda. Kuid ma võin teid juhtida sellele meie enda Hardeep Asrani ägedale postitusele. Hardeep pakub välja mõned näpunäited, kuidas teie pistikprogrammi Gutenbergi jaoks ette valmistada.

Arendajad saavad Gutenbergi jaoks ehitada ka uute pistikprogrammidega

Arendajad ei keskendu ainult olemasolevate pistikprogrammide Gutenbergiga ühilduvusele, vaid nad kavatsevad Gutenbergi jaoks luua ka uusi pistikprogramme.

Uus Gutenberg tõkestab külluse

Ühelt poolt on teil arvukalt üldisi pistikprogramme, mis lihtsalt lisavad uut tüüpi sisuplokke. Need annavad Gutenbergile rohkem lehe ehitaja tunde. Võite leida plokid:

  • Hinnakujundustabelid
  • Iseloomustused
  • Meeskonna liikmed
  • Jne.

Näiteks siin on hinnakujundustabeli blokk Virnastatav – ülim Gutenbergi blokkide pistikprogramm. Vaadake, kui detailsed on plokkide redigeerimise valikud:

uued gutenbergi klotsid

WordPress.org-is on juba hunnik neid pistikprogramme. Kuid lisaks ülalnimetatud virnastatavale pistikprogrammile näivad olevat muud populaarsed pakkumised:

Pakutakse ka pakkumist CoBlocks mis turustab ennast kui "Gutenbergi blokid sisuturustajatele".

Ma arvan, et see nišikäsitlus on eriti huvitav. Võib-olla näeme tulevikus spetsiaalseid Gutenbergi plokkide komplekte:

Raamatute ülevaateplokk plugin on veel üks mininäide sellest, kuidas nišš Gutenbergi plokkidest võib asja saada.

Näide, kuidas kohandatud väljad saavad Gutenbergiga töötada

Gutenbergi kohandatud väljad on veel üks huvitav pistikprogramm, mis näib olevat teatavat veojõud.

Selle abil on lihtne kohandatud väljade või väljarühmade seadistamine, mis on seotud konkreetse kohandatud postitüübiga:

gutenbergi toimetaja kohandatud väljad

Seejärel, kui lähete Gutenbergi redaktorisse, täidetakse need kohandatud väljad plokkidena:

gutenbergi kohandatud välja näide

Paljud inimesed on mõelnud, kuidas kohandatud väljad Gutenbergiga toimima hakkavad – see on üks paljulubav näide, mis on juba vabas looduses. Sa saad lisateavet leiate siit.

Kolm näidet, kuidas teema arendajad käsitlevad Gutenbergi üleminekut

Nägite just mõnda näidet, kuidas pluginaarendajad saavad Gutenbergi jaoks ehitada, aga kuidas on lood teemadega?

Tundub, et teemaarendajad järgivad üleminekuga tegelemiseks kahte peamist võimalust:

  • Teemade valmistamine Gutenbergi jaoks valmis, lisades plokkide stiiliks ja toetades Gutenbergi paigutusvalikuid
  • Gutenbergi plokkide kasutamine teema sisu loomiseks

Siin on mõned näited pildi maalimiseks …

1. Kohandatud stiilide lisamine Gutenbergi redaktorisse

Üks tõeliselt kena asi, mida arendajad näevad, on teema stiilide lisamine tegelikule Gutenbergi liidesele. See avab uksed tõeliselt WYSIWYG-elamuse loomiseks, ehkki Spencer firmalt BigBox WooCommerce üksikasjad mõne kolmanda osapoole plokkide kujundamisega seotud probleemide kohta.

Näiteks vaadake, kuidas ThemeShaperi Ohana teema kogu Gutenbergi sisu, sealhulgas postituse pealkiri, täielikult ümber paigutab:

gutenbergi armatuurlaua stiilid

Kui soovite seda tegevuses näha, laadige Ohana teema alla GitHubist. Ja ThemeShaper selgitab ka seda, kuidas nad selle efekti saavutasid selles ajaveebi postituses.

2. Uute täislaiuse joondamise võimaluste lisamine

Veel üks lahe teema ühilduvuse näpunäide, mida näete, on selle lisamine Lai joondamine toetus. Põhimõtteliselt võimaldab see teil teha teatud plokid kogu laiusega. Kõige tavalisem näide on täislaiuse pildi sisestamine.

Jällegi näete seda Ohana teemaga seoses:

gutenbergi lai paigutus

Selle joondamise toimimiseks peavad teemaautorid selgesõnaliselt toetuse kinnitama.

3. Teema demosisu ehitamine plokkidega – nt. Blokeerimise teema

Lõpuks on see orgaaniliste teemade lähenemisviis üsna lahe:

Blokeerimise teema demosisu on ehitatud täielikult Gutenbergi plokkidest.

See on asi, mida me kahtlemata jätkuvalt näeme kasvavat, nagu Matt sõnas sõnaselgelt Gutenbergi tegevuskavas, et juuli hõlmaks ka uurimist "Gutenbergi laiendamine postitusest kaugemale saidi kohandamisse."

Peale teema Block on Array Themesil ka üks Aatomiplokkide teema mis on spetsiaalselt loodud integreerimiseks ülalnimetatud aatomiplokkide pistikprogrammiga.

Arendajad – siin on, kuidas oma teema Gutenbergi jaoks valmis saada

Kui olete teema arendaja, mõtlete, kuidas muuta oma olemasolev teema Gutenbergiga ühilduvaks, Bill Ericksonil on suurepärane giid kõrgpunktidesse. Ja Teematugi Gutenbergi käsiraamatu jaotis on veel üks hea ressurss.

Kindlasti on tulemas veel lahedamat kraami

Ülaltoodud valimite põhjal loodan, et saate paremini aru, kuidas pistikprogrammide ja teema arendajad plaanivad Gutenbergi jaoks ehitada.

Isikliku märkuse põhjal tean, et selle postituse kirjutamine on mind Gutenbergi võimalustest eriti erutanud.

Pistikprogrammi ees on plokkide kasutamine kõigi toimingute asendamiseks, mida varem oleks lühikoodidega tehtud, see on kasutatavuse oluline paranemine, eriti juhuslike kasutajate jaoks.

Ja põnev on ka viis, kuidas teema arendajad saavad oma stiile sisse viia ja plokke lisada – eriti kuna Gutenberg laieneb rohkem saidi kohandamisse.

Nüüd teile üle – kas olete komistanud suurepäraseid näiteid pluginate või teemaautorite kohta, kes on leidnud Gutenbergi jaoks huvitavaid võimalusi? Andke meile kommentaarides teada!

Ärge unustage liituda meie WordPressi saidi kiirendamise kursusega. Mõne lihtsa parandusega saate laadimisaega vähendada isegi 50–80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector