Sa artikulong ito, ipapakita ko sa iyo ang isang napakadaling paraan para sa paglikha ng mga tema ng bata kapag gumagamit ng WordPress Block Themes.

Talaan ng nilalaman

I-block ang Mga Tema Mabilis na Pangkalahatang-ideya

Sa pagpapakilala ng WordPress 6.0, ang koponan ng WordPress ay naging all-in sa Block Themes upang gawing mas madali kaysa kailanman ang pagdidisenyo at pag-customize ng mga website na may kaunti o walang coding. Ginagamit ng Block Themes ang "Block Editor," na kilala rin bilang "Gutenberg Block Editor," upang payagan ang mga user na i-drag at i-drop ang mga elemento ng disenyo sa isang webpage. Ang tampok na ito ay ginagawang mas mapagkumpitensya ang WordPress sa mga tagabuo ng site at tagabuo ng tema, lalo na dahil ang WordPress ay ganap na libre at ginagamit na ng higit sa 60% ng nangungunang 10 milyong mga website sa internet.

Isa sa mga pinakabagong benepisyo ng Block Themes ay ang kakayahang madaling gumawa ng bagong child theme para sa anumang Block Theme na ginagamit mo para idisenyo ang iyong website. Halimbawa, kung ginagamit mo ang default na TwentyTwentyThree na tema na ipinadala sa WordPress 6.2, mabilis kang makakagawa ng child theme para dito nang hindi kinakailangang sumisid sa mga file ng iyong site gamit ang isang FTP client.

Bakit Mahalaga ang Mga Tema ng Bata

Mahalaga ang mga tema ng bata dahil pinapayagan ka nitong i-customize ang iyong tema at panatilihin ang mga pag-customize na iyon sa tuwing available ang mga update sa tema. Kung walang tema ng bata, maaaring ma-override ang mga pag-customize ng iyong site sa tuwing ina-update mo ang iyong tema na "magulang" - sa kasong ito ang TwentyTwentyThree na tema. Nangangahulugan ito na sa pinakamainam na kailangan mong bumalik at muling ipasok ang iyong mga pagpapasadya nang isa-isa pagkatapos ng bawat pag-update ng tema, at ang pinakamasama ay maaaring mawala mo ang lahat ng iyong mga pagpapasadya sa pag-update at kakailanganing magsimulang muli.

Pinaghihiwalay ng mga child theme ang iyong mga pag-customize mula sa default na parent theme, para ma-update mo ang iyong parent na tema AT panatilihin ang lahat ng iyong customization na nasa loob ng child theme. Makukuha mo ang pinakamahusay sa parehong mundo.

Pinasimpleng WordPress: Paano Bumuo ng Makapangyarihang Mga Website na Kurso ng Davies Media Design

Gumawa ng Tema ng Bata para sa Iyong Block Theme

Ngayon na ang ilan sa inyo ay naiinis na sa akin sa pagpapaliwanag kung bakit kailangan mo ng mga temang pambata, talakayin natin kung paano aktuwal na likhain ang mga temang pambata na ito kapag nagtatrabaho sa WordPress noong 2023, 2024, at higit pa.

Para sa mga panimula, mag-log in sa iyong WordPress Dashboard at mag-navigate sa Mga Plugin>Magdagdag ng Bago (pulang arrow sa larawan sa itaas).

Gumagamit ang paraang ito ng isang plugin na direktang binuo ng WordPress team. Nangangahulugan ito na ang plugin ay na-optimize upang gumana sa pinakabagong bersyon ng WordPress at harangan ang mga tema.

Mula sa lugar ng trabaho na "Magdagdag ng Mga Plugin," hanapin ang plugin na "Gumawa ng Block Theme" gamit ang search bar (nakabalangkas sa berde sa larawan sa itaas, patungo sa kanang bahagi sa itaas). Kapag nakita mo na ang plugin na nakalista sa Mga Resulta ng Paghahanap, i-click ang “I-install Ngayon” (pulang arrow).

Kapag natapos na ang pag-install ng plugin, magiging asul ang button na "I-install Ngayon" at sasabihing "I-activate." I-click ang button na “I-activate” (pulang arrow sa larawan sa itaas).

Sa sandaling matagumpay na na-activate ang plugin, dadalhin ka sa lugar ng trabaho na "Mga Plugin" ng WordPress at makakakita ng mensaheng nagsasabing "Na-activate ang plugin" patungo sa itaas (berdeng arrow sa larawan sa itaas). Mula dito, mag-navigate sa Hitsura>Gumawa ng Block Theme (pulang arrow).

Kapag nasa loob na ng work area na "Gumawa ng Block Theme", piliin ang "Gumawa ng child theme ng Twenty Twenty-Three" na opsyon sa radyo (o anuman ang pangalan ng tema kung saan ka gumagawa ng tema ng bata - pulang arrow sa larawan sa itaas).

Lalabas ang isang grupo ng mga text box sa kanang bahagi ng window. Tanging ang pinakamataas na field ng text, na may label na "Pangalan ng Tema" (asul na arrow), ang sapilitan. Ang natitira ay lahat opsyonal. Para sa pangalan ng iyong tema, karaniwang kasanayan na pangalanan ang tema ng iyong anak na "TwentyTwentyThree-child" kung ang tema ng magulang mo ay tinatawag na "TwentyTwentyThree," halimbawa.

Nagkataon din akong nagdagdag ng maikling paglalarawan sa field na "Paglalarawan ng Tema," at idinagdag ang pangalan ng aking negosyo sa ilalim ng "May-akda" at ang aking pangunahing website sa ilalim ng "URI ng May-akda." Lahat ng iba pa na iniwan ko sa kanilang mga default na halaga (kabilang ang mga check box na makikita mo kapag nag-scroll ka pa pababa ng pahina).

I-click ang button na “Bumuo” (berdeng arrow).

Awtomatiko itong magsisimula ng pag-download ng isang zip file na naglalaman ng tema ng iyong anak. Maaari mong panatilihin ang filename kung paano ito lumilitaw (pulang arrow sa larawan sa itaas). I-click ang "I-save" upang i-save ang file sa iyong computer (asul na arrow).

Ang isang zip file ay mada-download sa iyong computer. Sa downloads bar sa ibaba ng iyong browser, i-click ang arrow sa tabi ng natapos na pag-download (berdeng arrow) at i-click ang “Ipakita sa folder” (pulang arrow) upang ilabas ang na-download na zip file sa iyong File Explorer window (kung ikaw ay ' gamit muli ang Windows - sa MAC, ilabas ang pag-download sa iyong File Explorer).

Panatilihing bukas ang window ng File Explorer na ito at napili ang zip file na naglalaman ng tema ng iyong anak (berdeng arrow) – kakailanganin namin ito sa paparating na hakbang.

Bumalik sa WordPress at mag-navigate sa seksyong "Mga Tema" sa ilalim ng Hitsura (pulang arrow sa larawan sa itaas). I-click ang button na "Magdagdag ng Bago" patungo sa tuktok ng lugar ng trabaho ng Mga Tema (asul na arrow).

Sa lugar ng trabaho na "Magdagdag ng Mga Tema," makakakita ka ng isang kahon sa gitna ng window na may button na may label na "Pumili ng File" (pulang arrow). Maaari mong i-click ang button na ito at piliin ang zip file na kaka-download lang namin para sa child theme, o buksan ang File Explorer window na na-navigate namin kanina at i-drag at drop ang zip file kahit saan sa loob ng kahon na ito.

Sa larawang ito sa itaas, makikita mong kinaladkad ko ang zip file nang direkta sa ibabaw ng kahon at inilabas ang aking mouse.

Makikita mo na ngayon ang iyong twentytwentythreechild.zip theme file na nakalista sa loob ng kahon (berdeng arrow), at may lalabas na "I-install Ngayon" na button (pulang arrow). I-click ang "I-install Ngayon" upang simulan ang pag-install ng tema ng bata.

Dadalhin ka sa isang bagong window at magsisimulang i-install ang tema ng iyong anak sa iyong site. Bigyan ng ilang oras ang pag-install at huwag i-refresh ang page habang nag-i-install ito (maaari nitong sirain ang iyong site). Kapag nakumpleto na ang pag-install ng tema ng bata, makakakita ka ng mensaheng nagsasabing "Matagumpay na na-install ang tema." (nakabalangkas sa berde sa larawan sa itaas).

Sa ibaba ng mensahe ng tagumpay na ito ay isang link na may label na "I-activate." I-click ang link na ito para i-activate ang child theme sa iyong site.

Sa sandaling matagumpay na na-activate ang tema, ibabalik ka sa lugar ng trabaho na "Mga Tema". May lalabas na mensahe sa itaas na may nakasulat na “New Theme activated. (nakabalangkas sa berde sa larawan sa itaas). Makikita mo na ang unang tema na nakalista ay ngayon ay tila blangko na tema – na tinutukoy ng background ng checkerboard, na karaniwang kumakatawan sa transparency sa mundo ng disenyo. Sa ibaba ng preview ng tema na ito makikita mo itong nagsasabing “Aktibo: TwentyTwentyThree-child” (pulang arrow).

Nangangahulugan ito na matagumpay mong na-install ang tema ng bata! Ang transparent na preview ng tema ay kumakatawan sa katotohanan na ang tema ng iyong anak ay may hawak lamang na mga pag-customize ng tema, at ang lahat ng iba pang mga elemento ng estilo at disenyo ay ipinapakita sa pangunahing tema (sa kasong ito, ang "TwentyTwentyThree" na tema). Tiyaking hindi mo tatanggalin ang pangunahing tema dahil sisirain nito ang iyong site. Bukod pa rito, tiyaking pinapanatili mong napapanahon ang tema ng magulang (para sa mga kadahilanang pangseguridad) sa pamamagitan ng pag-click sa anumang mga link/notification sa pag-update na lalabas para sa tema.

Maaari mong i-preview ang iyong kasalukuyang site na pinagana ang tema ng bata sa pamamagitan ng pag-click sa link na "Bisitahin ang site" na lalabas sa mensahe ng tagumpay (asul na arrow sa larawan sa itaas).

Sa kasong ito, makikita mo ang aking site na ipinapakita lamang bilang default na TwentyTwentyThree na tema (ang aking magulang na tema – hindi ako gumawa ng anumang mga pagbabago sa TwentyTwentyThree na tema bago ko sinimulan ang tutorial na ito). Ibig sabihin, matagumpay na na-install ang tema ng bata!

Iyon lang para sa tutorial na ito. Maaari mong tingnan ang aking iba Mga artikulo ng tulong sa WordPress sa aking site, o kumuha ng mas malalim na pagsisid sa WordPress gamit ang aking WordPress para sa mga Nagsisimula 2023 – Walang Code ng WordPress Masterclass.

Davies Media Design Libreng Creative Apps Email Newsletter

Mag-subscribe sa DMD Newsletter

Mag-sign up para makatanggap ng mga bagong tutorial, update sa kurso, at pinakabagong balita sa iyong mga paboritong libreng creative app!

Matagumpay mo na Naka-subscribe!

Pin ito ng on Pinterest