Paano Gumawa ng Mga Bloke ng Mga pattern Upang Mapabilis ang Pagbuo ng Website

Ang mga pattern ng block ay magiging isang malaking deal para sa lahat ng mga gumagamit ng WordPress at sa post na ito, ipapakita ko sa iyo nang eksakto kung paano lumikha ng iyong sariling mga pattern ng block.


add_action ('init', function () {

rehistro_pattern ('NAME', [
'title' => __ ('TITLE'),
'nilalaman' =>
'PATTERN'
]);
});

Dalawang araw na ang nakalilipas, lumabas ako ng isang video at ipinakilala ko ang konseptong ito na papunta sa paligid ng sulok sa WordPress na tinatawag na mga pattern ng blog. Ito ay uri ng pang-eksperimentong ngayon, at ito ay isang bagay na talagang nasasabik ako tungkol dito. At sa tingin ko kung balutin mo ang iyong isip sa paligid ng potensyal ng kung ano ang mga pattern ng bloke, pagkatapos ay makikita mo ang potensyal para dito, upang matulungan kang maihatid ang mga website nang mas mabilis kung mayroon kang mga kliyente, upang ma-enable ang mga ito upang gumawa ng higit pa website.

Kaya ipapakita ko sa iyo. Eksakto kung paano lumikha ng isang bloke pattern sa video na ito. Ngayon ay gagawin namin ang ilang mga bagay na kaunti sa bahagi ng techie, at alam kong ito ang WordPress channel para sa mga hindi techies, kaya susubukan kong gawing simple hangga’t maaari, ngunit ikaw ay pagpunta sa aktwal na makita sa pagtatapos kung gaano kadali ang paglikha ng isa sa mga pattern na ito ng bloke.

Kaya’t sige na lang at tingnan natin ito. Kaya narito ang pahina kung saan pinag-uusapan ang tungkol sa bagong paglabas ng tampok na ito sa paggawa nito. Magagawang para lamang sa average na mga tao na lumikha ng isang pattern ng block. Kaya kapag nag-scroll ako pababa, binibigyan nito ang uri ng template para dito. Kaya lahat ng kasangkot dito ay ang paglikha ng isang bagay na tinatawag na isang pasadyang function.

Ngunit huwag mag-alala, gagawin kong napakadali para sa lahat na gawin, ngunit narito ang maliit na snippet ng code. Ngayon ay magkakaroon ako ng isang link sa paglalarawan ng video sa ibaba. Dadalhin ka nito sa aking website. Makakakuha ka ng nakasulat na mga tagubilin sa kung paano gawin ito pati na rin. Ang maliit na snippet ng code na maaari mong kopyahin at i-paste sa iyong sariling website.

Okay, narito ang kailangan namin. Ito ay isang bagong tampok sa Gutenberg at kakailanganin mong mai-install ang isang plugin ng Gutenberg, kaya kakailanganin mo ng isang minimum na bersyon ng 7.8 at ito ang lumabas. Ngayon, kung ano ang magwawakas sa nangyayari ay marahil sa apat hanggang anim na buwan, marahil sa pagtatapos ng tag-init 2020 ito ay isasama sa WordPress nang default, ngunit sa ngayon, kakailanganin mong, kung nais mong subukan ito , kakailanganin mong i-install ang plugin ng Gutenberg.

Ang susunod na bagay na maaari mong gawin, at ito ay opsyonal, kung hindi mo alam kung paano magdagdag ng isang pasadyang pag-andar sa isang tema ng bata, at hindi ko na ginagamit ang isang tema ng bata, baka gusto mong gamitin ang libreng plugin na ito, at ito ay isa sa mga pinakamahusay na libreng plugin. Na nalaman ko na, at tinatawag itong mga snippet ng code. At ito ay papayagan sa amin upang idagdag ang pasadyang pag-andar na ito at napakadaling gamitin na paraan, madaling pamahalaan ang paraan.

Sige? Kaya kakailanganin mo iyon. At ito ay opsyonal. Ito ay isang libreng plugin na tinatawag na mga bloke ng cadence. At kung ano ang ginagawa nito ay nagdadagdag ito ng maraming pag-andar ng tagabuo ng pahina sa Gutenberg. Ito ay medyo malinis sa kung ano ang pinapayagan mong gawin. Maaari mong i-drag at baguhin ang laki ng mga haligi. Mayroong maraming mga elemento dito na nagdaragdag ng maraming pag-andar ng tagabuo ng pahina, ngunit sa Gutenberg, at ito ay isang ganap na libreng plugin.

Sige. Ngayon tumalon tayo sa paglipas ng sa aking website. Kaya narito ang isang website. Nakaayos na ang lahat sa ngayon. At kung hindi mo alam kung paano mag-install ng isang plugin, may nagalit sa akin sa ibang araw para sa hindi pagpapakita kung paano mag-install ng isang plugin at isang video. Pumunta ka sa mga plugin, nag-click ka upang magdagdag ng bago, at pagkatapos dito mismo gumawa ka ng isang paghahanap para sa pangalan ng plugin na iyon, at pagkatapos ay mag-click ka.

I-download, o paumanhin, nag-click ka sa pag-install ngayon at pagkatapos mong buhayin ito. Ito ay isang napaka-simpleng proseso. Kaya pupunta ako sa pag-click sa aking mga naka-install na plugin, at maaari mong makita na nai-install ko ang Gutenberg at ito ay opsyonal na mga bloke ng kadence, at narito ang mga code snippet. Kaya pupunta ako sa unahan at i-activate ang mga snippet ng code at makikita mo itong aktibo ngayon.

Kaya pagkatapos ay ituloy at mag-click sa mga snippet ng code at makikita mo ang ilan na kasama ito. At narito ang toggle switch na ito at ito ay toggled. Lahat sila ay naka-toggled upang off at talagang hindi mo kailangang panatilihin ang mga ito na ito ay kasama ng default. Maaari ka lamang mag-click dito mismo at maaari mong tanggalin ang lahat, ngunit nauna na ako at nagdagdag ng isa dito na tinatawag na template ng block pattern.

Kaya kung ano ang gagawin mo. Ang pag-click ay magdagdag ng bago, at maaari mong pangalanan ang template ng block pattern na ito sa maliit na snippet ng code na ipinakita ko sa iyo na narito, ngunit bibigyan kita ng isang binagong bersyon ng ito sa aking website. Kopyahin mo lamang at i-paste ang tama dito, at pagkatapos ay mag-click ka sa pag-save ng mga pagbabago.

Hindi ka mag-click sa pag-save at pag-activate, mag-click ka upang makatipid ng mga pagbabago, at ipapakita ko sa iyo kung bakit sa isang iglap lamang. Sige. Kaya ngayon kung ano ang nais mong gawin ay lumikha ng pattern na ito ng bloke. At ang isang pattern ng bloke ay simpleng naka-save na seksyon. Kaya kung gumagamit ka ng isang tagabuo ng pahina, alam mo na maaari mong mai-save ang mga seksyon at ang ilan sa mga ito ay may mga paunang natukoy na seksyon, ngunit ang karanasan ng gumagamit, sa palagay ko ay mas mahusay sa Gutenberg.

Kaya ang gusto mong gawin ay pumunta sa mga pahina. At mag-click sa magdagdag ng bago, at nais mong pangalanan ito. Um, talagang hayaan kong mapupuksa ang paglilibot na ito. Nais mong pangalanan ang pattern na ito ng bloke, at narito lamang kung saan namin malilikha ang pattern na ito ng bloke. Ngayon, hindi ako pupunta sa pamamagitan ng paglikha ng isang pattern ng block ngayon.

Ipapakita ko sa iyo ang isa na aking nilikha, at ito na. Dito. Kaya narito ang isang pattern ng block na nilikha ko. Maaari mong makita ito ang seksyon na ito. Mayroon itong makulay na background. Mayroon akong heading, ilang mga subheadings at ilang mga pindutan ng ilang, at naglalagay ako ng isang video. Kaya gagawin ko ito ang aking pattern ng block upang magawa ko lamang sa dalawang pag-click sa mouse, idagdag ito sa kahit saan sa aking website.

Kaya ang gagawin ko ay mag-click sa kanang tuktok, mayroong tatlong mga tuldok na ito. Ang mga ito ay uri ng mahirap na makita, at kapag nag-click ka na, narito ang opsyon na ito dito na nagsasabing ang editor ng code. Kaya gusto mong mag-click sa code editor, at pagkatapos ay ipinapakita sa iyo ang lahat ng mga code na kasangkot sa paggawa ng blog na isang pattern ng pattern ng blog na bloke.

Sige? Kaya mag-click ka dito at pagkatapos mong i-click ang control o o utos ang isang sa iyong computer upang i-highlight ang lahat. At bagong taon na sila. Ilagay ito sa iyong clipboard. Kaya gagawin ko itong kontrolin C. kaya ngayon nasa clipboard ako. Kaya ngayon ang gagawin ko ay lalabas na ako rito. Sa totoo lang, kung nais mong mawala sa view na ito, mayroong isang maliit na X dito na nagsasabing ang exit code editor, at ngayon ay magpapakita sa akin ng paraan na normal ito ay narito mismo..

Sige. Kaya maaari mong i-save ito bilang isang draft kung nais mo, ngunit hindi mo ito kakailanganin. Ito ay para lamang sa iyo upang lumikha ng pattern na ito ng bloke, at maaari kang lumikha ng isang pattern ng bloke na anuman, at hindi ito kailangang maging isang bloke ng mga bagay-bagay. Maaari itong maging isang buong template para sa isang post sa blog, halimbawa. Okay, kaya ngayon ay mag-click ako kung saan naroon ang w ay mailabas ako sa block editor.

Ngayon babalik ako sa mga snippet ng code. Kaya narito mismo kung saan ko nilikha ang template ng pattern na block. Pupunta ako sa pag-click sa clone, at ngayon nilikha ito ng isang clone nito, at pupunta ako pagkatapos ay mag-click sa pamagat upang simulan ang pag-edit nito. Kaya para sa pamagat, babaguhin ko ito sa isang pamagat na akma sa pamamahala nito.

Kaya para sa akin, pangalan ko lang. Isang bayani na may video. Kaya ngayon alam ko kung ano ito kapag tinitingnan ko ang listahan sa hinaharap. Okay, kaya mayroong ilang mga bagay dito na kakailanganin mong i-edit. Tatlong bagay. Ito ay sobrang simple. Ang una ay pangalan. Kaya ito ay maaaring maging anumang pangalan na ito ay magiging, kailangan itong maging lahat ng maliliit na titik, walang mga puwang o funky character.

Kaya’t sige na ako at maglagay ng pangalan ngayon. Maaari mong makita na pinangalanan ko itong bayani na may video. Susunod, dito kailangan mong maglagay ng isang pamagat. Kaya pinapalitan namin ang pamagat ng salitang ito, at ito ang ipapakita. Nakatingin ka sa isang listahan ng mga pattern ng blog, bloke, hindi mga pattern ng bloke ng blog. At kung napansin mo, maaari mong, ito ang magiliw na pangalan, kaya maaari itong magkaroon ng mga puwang.

Uh, hindi ko ilalagay ang anumang mga nakakatuwang character doon. Maayos ang mga puwang. Kaya iyon ang ipapakita sa listahan na ito at sa susunod na narito kung saan sinasabi nito ang pattern a. Pupunta ka lamang sa i-paste kung ano ang kinopya mo lamang sa iyong clipboard. Ngayon nais kong gumawa ka ng tala sa isang bagay. Para sa bawat isa sa mga ito. Iniwan ko ang maliit na apostrophe sa harap at likod.

Nakikita mo na mayroong apostrophe na dapat naroroon. Kung hindi mo sinasadyang alisin iyon, ibalik ito pabalik. Sige. Nagbabago lang kami. Pinapalitan lang namin ang text placeholder. Kaya’t para rito, hindi ko nais na palitan ang lahat. Gusto ko lang palitan ang pattern ng salita, kaya’t i-highlight ko ito at pagkatapos ay i-paste ko ang aking kinopya.

At nandiyan na. Kaya ngayon mag-scroll ako pababa at sa oras na ito ako ay mag-click sa pag-save ng mga pagbabago at buhayin. At kaya ngayon dapat itong sabihin na na-update at naaktibo ang snippet. At kapag nag-click ako sa lahat ng mga snippet, maaari mong makita ngayon ang isang bayani na may video ay naka-on. Kaya sa hinaharap para sa karagdagang mga pattern ng bloke, nais kong pumunta sa kung saan sinasabi nito ang template ng block pattern at mag-click sa clone at gawin ang template ng block pattern na paraan.

Sa ganoong paraan lagi akong mayroong template. Ngayon, kung alam mo na at mayroon kang sariling paraan ng pagdaragdag ng mga pasadyang pag-andar, hindi mo na kailangan ang mga snippet ng code at, at ang lahat ng ganitong uri ng mga bagay, maaari mong ilagay ito kung saan mo nais na ilagay ito. Ito ay lamang ng isang mas madaling paraan upang pamahalaan ito kung tatanungin mo ako. Okay, kaya ngayon pupunta ako sa mga pahina sa aking pag-click upang magdagdag ng bago, at kung nais mong makita ang.

I-block ang mga pattern. Uh, dito mismo ang icon para dito. At kapag nag-hover ka, sinabi nito ang mga pattern ng block. At kapag nag-click ako, nakikita mo ang ilan sa mga pattern ng block na na-eksperimento sa ngayon. Ngunit kapag nag-scroll ka, makikita mo ang pattern na block na nilikha ko. At ang talagang malinis ay bumubuo ito ng preview ng thumbnail.

At ginagawa ito ng pabago-bago. Mayroon kang mga tool sa pagbuo ng pahina na hindi kahit na gawin ito. Uh, at ginagawang mas madali itong pamahalaan ang iyong mga pattern ng block. Kaya, at maaari mong makita mismo dito sabi ng bayani na may template. Ngayon kung nais kong gamitin ito kahit saan sa aking website, ito ay isang pag-click sa mouse. At pagkatapos doon. At ang kailangan kong gawin sa puntong iyon upang simulang baguhin ang ilang mga teksto, binago ang mga link sa mga pindutan.

Maaari akong mag-click dito at maaari kong baguhin ang video. So. Iyon ay kung paano ka lumikha ng isang bloke pattern. Ngayon ito ay isang malaking pakikitungo, sa palagay ko dahil ang mangyayari ay isang tema. Ang mga tagalikha at tagalikha ng plugin, magagawang lumikha ng mga pattern na ito para sa iyo, kaya’t mas mabilis, mas mabilis, at mas madaling bumuo ng isang website gamit ang tool ng katutubong block block na isinama na ng WordPress.

Walang bibilhin, walang code bloat. Wala sa mga bagay na ito, at. Ano ang tumatagal ng higit pa. Maaari mong makita kung gaano kadali para sa iyo na lumikha ng iyong sariling mga pattern ng bloke, at talagang madali itong makita sa isang listahan. Mag-click sa isang pindutan at ito ay makakalagay doon. Kaya ngayon maaari mong isipin ang tungkol sa kung gaano kadali maaari itong bumuo ng isang website kapag mayroon kang sariling library ng mga pattern ng block.

Kaya kung gumawa ka ng mga website para sa mga kliyente at hindi mo nais na gumamit ng tagabuo ng pahina. Gusto mo lang gamitin ang builtin block builder. Maaari kang lumikha ng iyong sariling library ng mga pattern. Nakita mo kung gaano kadali ito. Kaya ko ito. Maaari mong gawin ito. O, maaari kang lumikha ng iyong sariling library ng mga pattern ng block na maaari mong ilipat mula sa site sa site, at maipakita mo sa iyong kliyente kung paano nila ito malilikha.

Ngayon, hindi lamang ito para sa mga pahina, ito ay para sa mga post, at hindi limitado sa isang seksyon lamang na iyong nakita. Talaga ang anumang maaari kang lumikha sa isang pahina. Maaari kang gumawa ng isang bloke pattern. Kaya kung gumagamit ka ng block builder para lamang sa mga post sa blog, at may ilang mga elemento na nais mong gamitin nang paulit-ulit sa isang post sa blog upang mapahusay ang layout ng mga post sa blog, mabuti, maaari kang lumikha ng isang pattern ng block ito.

At madali talaga. Isang pag-click, at magagawa mong gamitin ito. Sa katunayan, ang buong mga template ng post sa blog. Kaya kung mayroong isang formula na sinusunod mo para sa mga seksyon ng isang post sa blog, maaari mong gawin ang buong blog post ng isang template ng block. Ang isang pag-click ay mailalapat at pagkatapos ang kailangan mo lang gawin ay point, i-click at i-edit.

Kaya ang huling bagay bago tayo magbalot dito, ito ay isang bagong konsepto at isang bagay na dapat isipin sa susunod na ilang buwan. Eksperimento sa ngayon. Ito ay hindi masyadong Yeti, Yeti. Hindi pa ito handa sa prime time dahil kung napansin mo, um, ang tanging negatibong nakita ko ay kapag tinitingnan mo ang blog. Tingnan mo ako ulit.

Kung tinitingnan mo ang mga pattern ng block, ito ay lamang ng isang mas mataas na listahan ng artikulo kung saan kailangan mong mag-scroll, kaya kailangan nilang mapabuti ang proseso ng pag-uugnay at pag-aayos. Siguro mayroon silang ilang uri ng interface para sa mga ito upang gawin itong mas visual at madaling magtrabaho. Kung magkakaroon ka ng 50 iba’t ibang mga bloke.

Mga pattern. Kaya kailangan lang nilang pagbutihin iyon. At ang ilan sa syntax sa code ay maaaring magbago nang kaunti. Sino ang nakakaalam kung kailan ito lalabas. Ngunit ang buong punto ng video na ito ay upang ipakita sa iyo kung ano ang magiging posible sa lalong madaling panahon, sa lalong madaling panahon upang makapagsimula ka. Iniisip kung paano ito mailalapat sa iyong daloy ng trabaho at kung ano ang ginagawa mo bilang isang tagabuo ng website.

Anyways, iyon lang ang mayroon ako para sa iyo sa post na ito. Umaasa ako na pinahahalagahan mo ang mga advanced na hitsura sa hinaharap ng WordPress na tulad nito, at kung napahalagahan mo ang video na ito o makahanap ng ilang halaga, isaalang-alang ang pagbibigay nito ng isang thumbs up at ibahagi ang video na ito upang makita ng mga tao kung ano ang paparating sa sulok.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector