Paano Madaling Lumikha ng isang Pasadyang Tema ng WordPress (nang walang Anumang Code)

Nais mo bang lumikha ng isang pasadyang tema ng WordPress mula sa simula?


Noong nakaraan, kailangan mong sundin ang WordPress codex at magkaroon ng isang disenteng kaalaman sa coding upang makabuo ng isang pasadyang tema ng WordPress. Ngunit salamat sa mga bagong tagalikha ng tema ng WordPress, ngayon ay maaaring lumikha ng sinuman ng isang ganap na pasadyang tema ng WordPress sa loob ng isang oras (walang kinakailangang kaalaman sa coding).

Sa artikulong ito, ipapakita namin sa iyo kung paano madaling lumikha ng isang pasadyang tema ng WordPress nang walang pagsulat ng anumang code.

Lumilikha ng isang pasadyang tema ng WordPress nang walang pagsulat ng anumang code

Paglikha ng isang Pasadyang WordPress Tema para sa Mga nagsisimula

Hindi tulad ng mga static na HTML site, ang mga tema ng WordPress ay isang hanay ng mga file na template na nakasulat sa PHP, HTML, CSS, at JavaScript. Karaniwan, kakailanganin mong magkaroon ng isang disenteng pag-unawa sa lahat ng mga wikang disenyo ng web o umarkila ng isang web developer upang lumikha ng isang pasadyang tema ng WordPress.

Kung umarkila ka ng isang developer o ahensya, kung gayon ang gastos ng isang pasadyang tema ng WordPress ay maaaring umabot sa libu-libong dolyar.

Dahil maraming mga maliit na may-ari ng negosyo ay hindi makakaya ng mataas na gastos ng isang pasadyang tema ng WordPress, marami sa kanila ang nag-ayos lamang para sa mga default na tema na kasama ng WordPress.

Ang mga ayaw mag-ayos at gusto ang mga pagpapasadya ay ginamit din ng pag-drag & ihulog ang tagabuo ng WordPress, o ginamit nila ang isang balangkas ng tema upang makabuo ng isang pasadyang tema.

Habang ang mga tema ng tema ng WordPress ay ginagawang mas madali ang pagbuo ng isang tema ng WordPress, ang mga ito ay isang solusyon para sa mga developer, hindi isang average na may-ari ng website.

Sa kabilang banda, ang mga plugin ng tagabuo ng WordPress na pahina ay napakadali upang lumikha ng mga pasadyang layout ng pahina gamit ang isang drag & drop interface, ngunit limitado lamang ito sa mga layout. Hindi ka makagawa ng mga pasadyang tema kasama nito.

Hanggang sa Beaver Tagabuo, isa sa pinakamahusay na plugin ng tagabuo ng WordPress page na nagpasya na malutas ang problemang ito sa kanilang add-on na tinatawag na Beaver Themer.

Pinakamahusay na Tagabuo ng Beaver Tagabuo ng plugin ng WordPress

Ang Beaver Themer ay isang add-on ng tagabuo ng site na nagbibigay-daan sa iyo upang lumikha ng mga pasadyang layout ng tema gamit ang isang drag at drop interface at nang hindi natututo sa code.

Tingnan natin kung paano gamitin ang Beaver Themer para sa madaling paglikha ng isang tema ng WordPress.

Tutorial ng Video

Mag-subscribe sa WPBeginner

Kung hindi mo gusto ang video o nangangailangan ng higit pang mga tagubilin, pagkatapos ay magpatuloy sa pagbabasa.

Ang pag-set up ng Beaver Themer upang makabuo ng isang Pasadyang Tema

Ang Beaver Themer ay isang add-on na plugin para sa Beaver Builder, kaya kakailanganin mo ang parehong mga plugin para sa artikulong ito.

Una, kailangan mong i-install at i-aktibo ang Beaver Builder at Beaver Themer plugins. Para sa higit pang mga detalye, tingnan ang aming hakbang-hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress.

Pinapayagan ka ng Beaver Themer na lumikha ka ng isang pasadyang tema, ngunit kakailanganin mo pa rin ang isang tema upang magsimula sa. Inirerekumenda namin ang paggamit ng isang light-weight na tema na may kasamang isang buong template ng pahina na kumilos bilang iyong tema ng starter.

Maaari kang makahanap ng maraming tulad na mga tema sa direktoryo ng tema ng WordPress.org. Karamihan sa mga modernong tema ng WordPress ay may kasamang buong template. Ang aming nangungunang mga pagpili ay:

  • Astra – Isang libreng light-weight na all-purpose WordPress na tema na may built-in na suporta para sa Beaver Builder.
  • OeanWP – Ang isa pang tanyag na libreng tema na multi-purpose WordPress na may suporta sa tagabuo ng buong pahina.
  • Mga tema sa StudioPress – Lahat ng kanilang mga tema ay katugma sa Beaver Tagabuo at gagana nang mahusay sa Beaver Themer.

Para sa kapakanan ng tutorial na ito, gagamitin namin ang Astra, na magaan ang timbang at madaling ipasadya ang tema ng WordPress.

Pagse-set up ng Iyong Tema para sa Beaver Themer

Kapag nagtatayo ng isang pasadyang tema ng WordPress kasama ang Beaver Themer, mahalagang tiyakin na ang Beaver Themer ay may access sa buong katawan ng pahina (mula sa gilid hanggang sa gilid).

Ito ang default na layout ng Astra. Tulad ng nakikita mo na ang layout na ito ay nagsasama ng isang sidebar na maaaring mahirap magtrabaho kapag gumagamit ng Beaver Themer.

Default na layout ng tema gamit ang isang sidebar

Maaari mong baguhin iyon sa pamamagitan ng pagbisita sa admin panel ng iyong website at pagkatapos ay mag-navigate sa Hitsura »Ipasadya pahina. Mula dito, kailangan mong lumipat sa Layout »Sidebars tab.

Ang pag-off ng mga sidebars sa iyong tema

Kapag doon, piliin lamang ang ‘Walang Sidebar’ sa ilalim ng default na pagpipilian ng layout at mag-click sa pindutan ng I-publish upang i-save ang iyong mga pagbabago.

Magsisimula na ang iyong tema gamit ang isang layout na walang mga sidebars. Ito ang pinakamahusay na layout na gagamitin sa Beaver Themer.

Layout ng tema na walang sidebars

Ang layout ng buong pahina na ito ay nagbibigay-daan sa Beaver Themer na gamitin ang bawat pulgada ng screen, upang makalikha ka ng isang magandang karanasan sa visual na end-to-end.

Karamihan sa mga tema ng WordPress ay may kasamang template file para sa mga buong pahina ng lapad. Kung gumagamit ka ng ilang iba pang tema, pagkatapos ay maaari kang makahanap ng isang pagpipilian upang alisin ang mga sidebars sa iyong mga setting ng tema.

Kung hindi mo ito matagpuan, pagkatapos ay makipag-ugnay sa iyong developer ng tema at maaari silang makatulong sa iyo.

Kapag na-set up mo ang iyong tema sa isang buong lapad na layout, handa kang lumikha ng iyong pasadyang tema ng WordPress gamit ang Beaver Themer.

Mabilis na Beaver Themer Fundamentals

Gumagawa ang Beaver Themer sa tuktok ng Beaver Builder. Bilang isang plugin ng tagabuo ng pahina, pinapayagan ka ng Beaver Builder na i-drag at ihulog ang mga item sa isang pahina upang lumikha ng mga pasadyang layout.

Mayroon itong mga sumusunod na item na maaari mong magamit sa iyong mga layout:

  • Mga template: Isang koleksyon ng mga hilera ng mga haligi, at mga module na bumubuo ng isang buong layout ng pahina.
  • Mga Haligi: Vertical layout module na makakatulong sa pag-align ng nilalaman nang pahalang.
  • Rows: Pahalang na koleksyon ng maraming mga module
  • Modyul: Isang item na naglalabas ng mga tukoy na impormasyon tulad ng pamagat, teksto block, talahanayan, gallery, atbp.

I-edit lamang ang isang pahina sa Beaver Tagabuo at pagkatapos ay mag-click sa add button sa kanang tuktok na sulok. Pagkatapos ay maaari mong i-drag at i-drop ang mga haligi, hilera, module, sa iyong pahina at simulan ang pag-edit ng mga ito kaagad.

Gamit ang Beaver Tagabuo

Kung hindi mo nais na magsimula mula sa simula, pagkatapos ay pumili mula sa isang listahan ng mga paunang template na magsisimula.

Mga template ng Beaver Tagabuo

Pinapayagan ka ng Beaver Builder na i-save ang iyong mga layout at pagkatapos ay gamitin ang mga ito sa ibang pagkakataon bilang mga template.

Upang matuto nang higit pa makita ang aming artikulo sa kung paano lumikha ng isang pasadyang layout ng pahina gamit ang Beaver Builder.

Gayunpaman, hindi lamang namin nais na lumikha ng mga layout ng pahina. Nais naming lumikha ng isang kumpletong pasadyang tema.

Ito ay kapag ang Beaver Themer ay pumapasok.

Nagdaragdag ito ng isa pang item sa Beaver Builder na tinatawag na ‘Themer Layout’.

Themer Layout

Pinapayagan ka ng mga setting ng Themer na lumikha ng pasadyang mga layout para sa header, footer, mga lugar na nilalaman, 404 na pahina, at iba pang mga bahagi ng template.

Ito ang mga bloke ng gusali ng lahat ng mga tema ng WordPress at sa pamamagitan ng paggamit nito magagawa mong lumikha ng isang pasadyang tema na umaangkop sa iyong mga pangangailangan.

Paggamit ng Beaver Themer Template upang Lumikha ng Pasadyang Tema ng WordPress

Sa mga sumusunod na tagubilin, ilalakad ka namin sa mga hakbang na kinakailangan upang mabuo ang pinakapopular na mga elemento ng pasadyang tema. Sa oras na magawa mo, kumpletuhin mo na ang iyong pangunahing tema sa isang ganap na pasadyang tema ng bata ng WordPress.

Pagbuo ng isang Pasadyang Header para sa Iyong Tema

Magsimula tayo sa lugar ng header ng iyong website. Ang isang pasadyang header ay isang mahalagang sangkap ng isang tema at pagbuo ng isa ay maaaring maging mahirap hawakan gamit ang tradisyonal na pamamaraan.

Sa kabutihang palad, ang Beaver Themer ay may mga tampok ng header na binuo. Maaari mo ring gamitin ang pre-nilikha na template o gamitin ang mga menu at mga module ng imahe na may layout ng dalawang haligi.

Upang makapunta sa lugar ng header na ito, una, kailangan nating mag-set up ng layout ng header sa Beaver Themer. Pagbisita Beaver Tagabuo »Magdagdag ng Bago pahina at magbigay ng isang pamagat para sa iyong header.

Lumilikha ng isang pasadyang layout ng header

Pagkatapos nito, piliin ang ‘Themer Layout’ bilang uri at ‘Header’ bilang pagpipilian ng layout. Kapag tapos ka na mag-click sa pindutang ‘Idagdag Themer Layout’ upang magpatuloy.

Dadalhin ka nito sa pahina ng mga setting ng layout. Mula dito kailangan mong piliin ang ‘Entire Site’ bilang lokasyon kung saan ipapakita ang template ng header.

Mga setting ng layout

Susunod, mag-click sa pindutan ng ‘Ilunsad ang Beaver Tagabuo’ upang buksan ang interface ng tagabuo.

Ang Beaver Tagabuo ay ilulunsad na may isang pangunahing solong haligi at layout ng dalawang hilera na header bilang isang panimulang punto.

Layout ng header

Maaari mong gamitin ang parehong pag-drag at pag-drop ng Beaver Tagabuo upang baguhin ang background, kulay, teksto, atbp Maaari ka ring magdagdag ng iba pang mga module, mag-load ng mga paunang template, at magdagdag ng mga hilera / haligi sa pamamagitan ng pag-click sa add button sa kanang tuktok sulok.

Kapag nasiyahan ka sa disenyo, mag-click sa pindutang Tapos na upang i-save o mai-publish ang iyong layout.

Maaari mo na ngayong bisitahin ang iyong website upang makita ang iyong pasadyang header ng tema na kumikilos. Tulad ng nakikita mo, inilapat namin ang layout ng header sa aming pasadyang tema.

Pasadyang header sa iyong pasadyang tema

Bukod sa header, hindi mo na ito magpapakita ng anumang nilalaman, at malamang na makikita mo ang lugar ng iyong base tema.

Baguhin natin ito.

Pagbuo ng isang Pasadyang Footer para sa Iyong Tema

Maaari kang lumikha ng isang pasadyang footer para sa iyong tema gamit ang Beaver Themer tulad ng nilikha mo ang isang pasadyang header.

Tumungo sa Beaver Tagabuo »Magdagdag ng Bago pahina at magbigay ng isang pamagat para sa iyong layout ng paa. Susunod, piliin ang ‘Themer Layout’ bilang uri at ‘Footer’ bilang pagpipilian ng layout.

Layout ng Footer

Mag-click sa pindutang ‘Magdagdag ng Themer Layout’ upang magpatuloy.

Dadalhin ka nito sa pahina ng mga setting ng layout. Mula dito kailangan mong piliin ang ‘Entire Site’ bilang lokasyon na ipapakita sa template.

Mga setting ng layout ng Footer

Matapos ang pag-click sa pindutan ng ‘Ilunsad ang Beaver Tagabuo’ upang buksan ang interface ng tagabuo.

Ang Beaver Tagabuo ay ilulunsad gamit ang isang layout ng paa gamit ang tatlong mga haligi. Maaari mong gamitin ang layout na ito bilang isang panimulang punto at simulang mag-edit.

Pag-edit ng iyong layout ng paa

Maaari kang magdagdag ng mga module, mga bloke ng teksto, o anumang bagay na gusto mo. Maaari mong palaging baguhin ang mga kulay, mga font, magdagdag ng isang imahe sa background, at marami pa.

Kapag nasiyahan ka sa disenyo, mag-click sa pindutang Tapos na upang i-save o mai-publish ang iyong layout.

Lugar ng Nilalaman ng Pagbuo para sa Post at Mga Pahina

Ngayon na gumawa kami ng mga header at footer para sa bawat pahina at nai-post sa website, oras na upang maitayo ang post o pahina ng pahina (ang lugar ng nilalaman).

Magsisimula kami sa parehong paraan na itinayo namin ang header at footer sa pamamagitan ng pagdaragdag ng layout ng ‘Singular’ sa Magdagdag ng Bagong pahina.

Lumilikha ng mga post at layout ng pahina

Susunod, pipiliin mo kung saan ipapakita ang layout na ito. Maaari kang pumili ng isahan upang magamit ito para sa lahat ng mga solong post at pahina, o maaari kang pumili ng mga post o mga pahina lamang.

Mga setting ng singular na layout

Matapos ang pag-click sa pindutan ng ‘Ilunsad ang Beaver Tagabuo’ upang buksan ang interface ng tagabuo.

Pag-edit ng solong layout

Ang Beaver Tagabuo ay mag-load ng isang sample na isahan na layout na may pamagat ng post / pahina sa tuktok, na sinusundan ng nilalaman, may-akda bio box, at lugar ng mga komento.

Maaari mong ituro at i-click upang i-edit ang alinman sa mga item na ito o magdagdag ng mga bagong module, haligi, at hilera kung kinakailangan.

Kapag nasiyahan ka sa layout, mag-click sa pindutang Tapos na upang i-save at mai-publish ang iyong mga pagbabago.

Maaari mo na ngayong bisitahin ang iyong website upang makita ito sa pagkilos.

Layout ng tema na may nilalaman

Paglikha ng Mga layout ng Archive para sa Iyong Pasadyang Tema

Ngayon na ang iyong pasadyang tema ay nagsimula upang mabuo, maaari kang magpatuloy sa paglikha ng mga layout para sa iba pang mga bahagi ng iyong website. Ang mga pahina ng archive kung saan ipinapakita ng WordPress ang iyong mga kategorya, tag, may-akda, at buwanang mga archive.

Gumawa tayo ng isang layout para sa mga pahina ng archive sa iyong pasadyang tema.

Magsisimula ka sa pamamagitan ng pagbisita Beaver Tagabuo »Magdagdag ng Bago pahina at pagbibigay ng isang pamagat para sa iyong layout ng archive.

Paglikha ng isang layout ng archive para sa iyong pasadyang tema

Pagkatapos nito, piliin ang ‘Themer Layout’ bilang uri, at ‘Archive’ bilang pagpipilian ng layout. Mag-click sa pindutang ‘Magdagdag ng Themer Layout’ upang magpatuloy.

Dadalhin ka nito sa pahina ng mga setting ng layout. Mula dito kailangan mong piliin ang ‘Lahat ng Archive’ bilang lokasyon na ipapakita sa template. Maaari ka ring lumikha ng hiwalay na mga layout para sa bawat indibidwal na uri ng archive tulad ng petsa, mga resulta ng paghahanap, kategorya, tag, atbp.

Mga setting ng layout ng Archive

Matapos ang pag-click sa pindutan ng ‘Ilunsad ang Beaver Tagabuo’ upang buksan ang interface ng tagabuo.

Ang Beaver Tagabuo ay ilulunsad na may isang pangunahing layout ng archive ng haligi. Ipapakita nito ang pamagat ng archive sa tuktok, na sinusundan ng mga post.

Pag-edit ng layout ng Mga Archive para sa iyong tema

Maaari mong ituro at mag-click sa anumang item upang mai-edit ang mga katangian nito. Maaari ka ring magdagdag ng mga bagong module, hilera, at mga haligi kung kinakailangan.

Pagkatapos nito, mag-click sa pindutan ng ‘Tapos na’ upang i-save at mai-publish ang iyong mga pagbabago.

Paglikha ng Iba pang mga layout para sa Iyong Pasadyang WordPress Tema

Pinapayagan ka ng Beaver Themer na lumikha ka ng mga layout para sa iba pang mga pahina sa hierarchy ng template, halimbawa, 404 na pahina, mga bahagi ng template, pahina ng mga resulta ng paghahanap, at higit pa.

Gamit ang built-in na pag-drag at pag-drop ng pag-andar ng Beaver Builder, madali kang lumikha ng iyong sariling pasadyang WordPress na tema mula sa simula nang walang nakasulat na code. Ito ay tunay na pinaka-nagsisimula friendly na pamamaraan ng WordPress tema pag-unlad sa pagkakaroon.

Inaasahan naming nakatulong sa iyo ang artikulong ito kung paano lumikha ng isang pasadyang tema ng WordPress nang hindi natututo ng code. Maaari mo ring makita ang aming gabay sa kung paano mapabilis ang iyong website ng WordPress para sa mas mahusay na karanasan sa SEO at gumagamit.

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