Paano Gumamit ng WordPress Tema Customizer Tulad ng isang Pro (Ultimate Guide)

Alam mo ba na ang WordPress ay may built-in na tema ng customizer na nagbibigay-daan sa iyo upang madaling makagawa ng mga pagbabago sa disenyo ng iyong website sa real time.


Habang ang bawat tema ay may ilang antas ng suporta para sa mga default na pagpipilian sa pagpapasadya, maraming mga tema ang nagsasama ng karagdagang mga tab at pagpipilian sa WordPress tema customizer, kaya madali mong ipasadya ang iyong tema nang walang anumang kaalaman sa coding.

Sa artikulong ito, lalakad ka namin sa mga default na panel at ipakita sa iyo kung paano gamitin ang customizer ng WordPress tulad ng isang pro.

Paano Gumamit ng WordPress Tema Customizer Ultimate Guide

Paano Mag-access sa WordPress Tema Customizer

Ang customizer ng Tema ay isang default na tampok ng WordPress, at ito ay bahagi ng bawat website ng WordPress.

Maaari mong ma-access ito sa pamamagitan ng pag-log in sa iyong WordPress admin area, at pagkatapos ay pagpunta sa Hitsura » Ipasadya mula sa kaliwang sidebar ng iyong panel ng admin ng WordPress. Bubuksan nito ang interface ng Customizer sa iyong kasalukuyang tema.

Paano mai-access ang WordPress Customizer

Maaari mo ring gamitin ang pahina ng WordPress tema ng customizer para sa alinman sa mga naka-install na tema sa iyong website kahit na hindi sila aktibo.

Pinapayagan ka nitong makita ang isang live na preview ng tema na iyon at gumawa ng mga pagbabago bago mo ito aktibo.

Upang gawin iyon, kailangan mong magtungo sa Hitsura » Mga Tema pahina.

Susunod, i-hover ang iyong cursor ng mouse sa anumang naka-install na tema at mag-click sa Live Preview pindutan upang buksan ang pahina ng WordPress tema customizer.

Pagpipilian sa Live na Pag-preview ng Tema ng WordPress

Paano Gamitin ang WordPress Tema Customizer

Matapos mabuksan ang WordPress na customizer ng tema, makikita mo ang lahat ng mga setting ng pagpapasadya sa kaliwang bahagi ng iyong screen, at ang live na preview ng iyong website sa kanang bahagi..

WordPress Tema Customizer

Ang WordPress customizer na tema ay may isang hanay ng mga default na panel kahit anuman ang tema na iyong ginagamit.

Kailangan mong mag-click sa mga indibidwal na mga panel upang gumawa ng mga pagbabago dito. Maaari ka ring mag-click sa alinman sa mga asul na mga icon ng lapis sa kanang bahagi ng iyong screen upang buksan ang mga setting para sa partikular na item.

Tandaan: Ang mga advanced na tema ng WordPress ay magdagdag ng mga karagdagang panel ng setting para sa karagdagang mga pagpipilian sa pagpapasadya (higit pa sa susunod na).

Tingnan ang mga default na pagpipilian na magagamit sa customizer ng WordPress tema.

Panel ng Pagkakilanlan ng Site: Magdagdag ng Pamagat, Logo, at Favicon

Ang Pagkakilanlan ng Site panel sa WordPress tema customizer ay nagbibigay-daan sa iyo upang magdagdag o baguhin ang pamagat at tagline ng iyong website.

Bilang default, idinagdag ng WordPress ang “Just Another WordPress Site” bilang tagline ng site.

Inirerekumenda na baguhin ito pagkatapos i-install ang WordPress sa iyong site. Maaari mo ring panatilihing blangko ito kung nais mo.

Mga setting ng pagkakakilanlan ng site upang mabago ang pamagat ng site, tagline, logo, at favicon

Ang panel ng pagkakakilanlan ng site sa WordPress tema customizer ay nagbibigay-daan sa iyo upang magdagdag ng logo ng iyong site. Kailangan lang, mag-click sa Piliin ang logo pagpipilian upang mag-upload ng logo ng iyong website.

Nais mo bang magdagdag ng isang favicon sa iyong site? Maaari mong gawin iyon sa pamamagitan ng pag-click sa Piliin ang icon ng site pagpipilian. Para sa detalyadong mga tagubilin, maaari mong sundin ang aming gabay sa kung paano lumikha at magdagdag ng isang favicon sa iyong site.

WordPress Tema Customizer: Baguhin ang Mga Kulay sa Iyong Website

Ang mga kontrol sa Mga Kulay Ang panel ay halos magkakaiba depende sa tema ng WordPress na iyong ginagamit.

Halimbawa, pinapayagan ka ng tema na Dalawampu’t Labing pumili ng kulay ng teksto ng header at pumili ng isang scheme ng kulay para sa iyong buong website.

Baguhin ang Mga Kulay sa Iyong Website

Ang iba pang mga tema ng WordPress ay maaaring mag-alok ng iba’t ibang mga pagpipilian sa kulay para sa mga elemento ng site tulad ng: heading, link, teksto ng katawan, background ng iyong website, atbp.

Pagdaragdag ng Mga menu ng Navigation sa Tema Customizer

Ang Mga menu pinapayagan ka ng panel na lumikha ng mga menu ng nabigasyon at kontrolin ang kanilang lokasyon sa iyong website.

Sa tabl na ito, makikita mo ang lahat ng umiiral na mga menu ng WordPress na nilikha mo dati. Maaari kang mag-click sa pindutan ng “Tingnan ang Lahat ng Mga Lokasyon” upang suriin ang magagamit na mga lokasyon ng menu na sinusuportahan ng iyong tema.

Mga menu ng menu sa Customizer ng Tema

Upang lumikha ng isang bagong menu, kailangan mong mag-click sa Lumikha ng Bagong Menu pindutan.

Pagkatapos nito, kakailanganin mong magbigay ng isang pangalan sa iyong menu, upang madali mong mapangasiwaan ito mamaya. Maaari mo ring piliin ang lokasyon ng menu at pagkatapos ay mag-click sa Susunod Magpatuloy.

Lumikha ng isang bagong menu ng nabigasyon

Upang magdagdag ng mga item sa menu na ito, kailangan mong mag-click sa Magdagdag ng mga item pindutan upang buksan ang isang bagong panel. Maaari ka na ngayong magdagdag ng mga pasadyang link, pahina, post, kategorya, at mga tag bilang mga item sa menu.

Magdagdag ng mga item sa menu ng nabigasyon

Upang muling ayusin ang mga item, maaari kang mag-click sa Pagreorder muli mag-link at pagkatapos ay gamitin ang mga arrow icon upang ayusin ang mga item sa menu.

Kontrol ang Mga Widget sa Iyong Website sa Tema Customizer

Ang Mga Widget pinapayagan ka ng panel na magdagdag at pamahalaan ang mga widget sa iyong site.

Ang pag-click dito ay magpapakita sa iyo ng iba’t ibang mga lokasyon kung saan maaari kang magdagdag ng mga widget. Mag-iiba ito depende sa tema na iyong ginagamit.

Halimbawa, ang tema ng Dalawampu’t Labing tema ay nag-aalok ng 3 mga lokasyon ng widget, samantalang ang Dalawampung Siyam na tema ay may isang lokasyon lamang.

Mga panel ng Widget

Kapag nag-click ka sa alinman sa mga ito, makikita mo ang mga widget na naidagdag mo sa lokasyon na iyon.

Upang magdagdag ng isang bagong widget, kailangan mong mag-click sa pindutang “Magdagdag ng isang Widget”. Magbubukas ito ng isang bagong panel kung saan makikita mo ang isang listahan ng lahat ng magagamit na mga widget.

Magdagdag ng Mga Widget sa iyong site

Kailangan mong mag-click sa isa na nais magdagdag. Maaari ka ring gumawa ng mga pagbabago sa mga bagong idinagdag na mga widget at ayusin ang posisyon nito sa pamamagitan ng pag-drag pataas o pababa.

Mga Panel ng Mga Setting ng Homepage sa Customizer ng Tema

Bilang default, ipinapakita ng WordPress ang pinakabagong mga post sa blog sa iyong homepage.

Gayunpaman para sa mga website ng negosyo ang mga gumagamit ay ginusto na gumamit ng isang pasadyang homepage. Pinapayagan ka nitong magkaroon ng wastong landing page na nagpapakita ng iyong mga produkto at serbisyo.

Upang gumamit ng isang pasadyang home page, kailangan mong piliin ang “Isang static page” na pindutan ng radyo sa Mga Setting ng Homepage panel.

Mga Setting ng Homepage sa customizer ng tema

Magbubukas ito ng dalawang bagong mga menu ng pagbagsak na magagamit mo upang pumili ng isang pahina para sa iyong homepage at isa pa para sa pagpapakita ng iyong mga post sa blog.

Kung wala kang mga pahina sa iyong site, maaari kang lumikha ng bago sa pamamagitan ng pag-click sa link na “+ Magdagdag ng Bagong Pahina” sa ibaba ng menu ng pagbagsak. Lumilikha ito ng isang blangko na pahina na may pangalan na gusto mo.

Karagdagang CSS Panel para sa Pagdaragdag ng Custom CSS

Nais mo bang magdagdag ng pasadyang CSS code upang istilo ang iyong website? Maaari mong gawin iyon sa Karagdagang CSS panel.

Ang mga intermediate at advanced na mga gumagamit ng WordPress ay madalas na i-customize ang kanilang site sa pamamagitan ng pagdaragdag ng CSS code nang direkta sa style.css file ng kanilang tema. Nagdaragdag ito ng mga karagdagang hakbang tulad ng pagkakaroon ng pag-access sa FTP sa iyong WordPress hosting, pagbabago ng mga file ng tema, atbp.

Ang isang mas madaling solusyon para sa mga nagsisimula ay upang idagdag ang iyong pasadyang CSS code sa Karagdagang panel ng CSS sa customizer ng WordPress tema. Papayagan ka nitong gumawa ng mga pagbabago sa iyong site at makita ang mga ito nang live sa kanang bahagi ng iyong screen.

Magdagdag ng Custom CSS code sa Karagdagang pane ng CSS;

Kapag sinimulan mo ang pagsulat ng ilang CSS code, awtomatikong iminumungkahi ng WordPress ang mga katangian batay sa mga titik na iyong nai-type. Magpapakita rin ito ng mga mensahe ng error kung hindi ka sumulat ng wastong pahayag sa CSS.

Tandaan: Kung nais mong ipasadya ang iyong website nang walang pagsulat ng anumang code, panatilihin ang pagbabasa. Kami ay magbabahagi ng dalawang mga pagpipilian sa friendly na nagsisimula na magpapahintulot sa iyo na madaling i-customize ang iyong tema at lumikha ng isang pasadyang tema ng WordPress.

Iba pang mga Pagpipilian sa Customizer ng Tema

Ang ilang mga libre at premium na tema ay nag-aalok ng higit pang mga pagpipilian sa pagpapasadya ng tema.

Nakasalalay sa temang ginagamit mo, maaari mong baguhin ang estilo ng font, magdagdag ng isang larawan sa background, baguhin ang layout, baguhin ang mga kulay, magdagdag ng mga random na imahe ng header, at marami pa.

Maaari ka ring magdagdag ng mga tukoy na tampok sa iyong customizer ng tema sa tulong ng mga plugin. Halimbawa, maaari kang magdagdag ng mga pasadyang mga font sa WordPress gamit ang Easy Google Font plugin.

I-preview ang Iyong Website sa Iba’t ibang Mga Resolusyon sa Screen

Mahalaga para sa bawat may-ari ng website na tiyakin na ang kanilang website ay mobile tumutugon at maganda ang hitsura sa lahat ng mga laki ng screen.

Salamat sa pagpapasadya ng tema ng WordPress, madali mong suriin kung paano tumingin ang iyong website sa iba’t ibang laki ng screen.

Sa ilalim ng panel ng Tema Customizer, makakahanap ka ng tatlong mga icon at ang “Itago ang Mga Kontrol” na link.

I-preview ang website sa iba't ibang mga resolusyon sa screen

Pinapayagan ka ng mga icon na ito na subukan ang iyong site sa iba’t ibang mga resolusyon sa screen tulad ng desktop, tablet, at mga mobile device.

Ang Itago ang Mga Kontrol kapaki-pakinabang ang link para sa pagtatago ng panel ng WordPress Customizer upang maaari mong makita nang maayos ang iyong site sa desktop mode.

I-publish, I-save, o Iskedyul ng Iyong Mga Setting ng Customizer

Kapag nagawa mo na ang mga kinakailangang pagbabago, kailangan mong ilapat ang mga ito sa iyong site. Kung hindi, mawawala ang lahat ng iyong pagsisikap.

Sige at mag-click sa I-publish pindutan upang ilapat ang mga pagbabago. Kapag tapos na, maaari kang mag-click sa malapit na pindutan, na naroroon sa tuktok na kaliwang sulok ng iyong screen, upang lumabas sa tema ng customizer.

I-publish ang mga setting ng WordPress Customizer

Paano kung kailangan mo ng mas maraming oras upang ma-finalize ang iyong bagong disenyo? Sa kasong iyon, maaari mong mai-save ito bilang isang draft at kahit na ibahagi ang iyong bagong disenyo sa isang tao nang hindi binibigyan sila ng access sa iyong lugar ng admin.

Upang gawin iyon, kailangan mong mag-click sa icon ng gear sa tabi ng I-publish pindutan. Bubuksan nito ang panel ng Pagkilos.

Opsyon ng I-save ang WordPress Customizer

Narito mahahanap mo ang tatlong mga pagpipilian: I-publish, I-save ang Draft, at Iskedyul.

Kailangan mong piliin ang I-save ang Draft radio button sa Aksyon panel at pagkatapos ay mag-click sa I-save ang Draft pindutan upang maimbak ang iyong mga pagbabago.

Maaari mo na ngayong kopyahin ang link ng preview at ibahagi ito sa iba upang makakuha ng puna.

Sa kabilang banda, ang Iskedyul Pinapayagan ka ng pagpipilian na i-publish ang iyong mga pagbabago sa isang tukoy na petsa at oras. Maaari mong gamitin ang pagpipiliang ito para sa pag-iskedyul ng iyong mga pagbabago sa tema upang mabuhay nang live sa oras na natanggap mo ang hindi bababa sa trapiko.

Itakda ang mga setting ng Customizer sa isang tukoy na petsa

Panghuli, kung nais mong i-reset ang hindi nai-publish na mga pagbabago, pagkatapos ay maaari kang mag-click sa Itapon ang mga pagbabago link sa Aksyon panel.

I-preview ang Iba’t ibang Mga Tema Nang Walang Live

May mga oras na nais mong suriin kung paano titingnan ang isang bagong tema sa iyong site. Gayunpaman, hindi mo nais na buhayin ang mga ito sa iyong live na website.

Sa kasong iyon, maaari mong buksan ang WordPress Customizer upang subukan ang mga bagong tema nang hindi mabubuhay.

Sa panel ng Customizer, makikita mo ang pangalan ng iyong aktibong tema at ang Baguhin pindutan.

Baguhin ang Tema ng WordPress mula sa Customizer

Kung nag-click ka sa pindutan na iyon, pagkatapos ay ipapakita ng WordPress ang lahat ng iyong mga naka-install na tema sa kanang bahagi ng pahina.

Upang suriin ang isang partikular na tema, kailangan mong mag-click sa Live Preview pindutan.

I-preview ang Mga naka-install na tema sa Tema Customizer

Maaari mo ring i-preview ang mga tema mula sa Repormasyon ng Mga Tema ng WordPress. Upang gawin iyon, kailangan mong pumili ng checkbox na “Mga tema ng WordPress.org” sa kaliwang panel.

Ito ay magpapakita ng mga tema mula sa direktoryo ng WordPress.org. Maaari kang mag-click sa “I-install & I-preview ang pindutan upang suriin ang tema na gusto mo.

Direktoryo ng mga tema ng WordPress

Maaari mo ring i-filter ang mga tema sa pamamagitan ng pag-click sa Mga Tema ng Filter pindutan na naroroon sa kanang sulok sa kanan ng iyong screen.

Tandaan: inirerekumenda namin ang paggamit ng isang website ng Staging WordPress upang subukan ang mga bagong tema sa halip na gamitin ang customizer sa isang live na site.

I-import o I-export ang Mga Setting ng Customizer ng Tema

Alam mo bang maaari mong mai-import at i-export ang iyong mga setting ng customizer ng tema?

Ito ay lubos na kapaki-pakinabang kapag gumagawa ka ng mga pagbabago sa iyong tema sa iyong lokal na server o isang staging site. Sa halip na manu-mano ang pagkopya ng mga setting sa iyong live na website, maaari mo lamang mai-export ang mga setting ng tema ng customizer upang mai-save ang iyong oras.

Para sa detalyadong mga tagubilin, maaari mong sundin ang aming gabay sa kung paano i-import at i-export ang mga setting ng customizer ng tema sa WordPress.

Mga Alternatibong Mga Tema ng WordPress Customizer

Bagaman pinapayagan ka ng WordPress Customizer na gumawa ng mga pagbabago sa iyong site, ang bilang ng mga kontrol ay magkakaiba depende sa tema na iyong ginagamit.

Paano kung gusto mo ang iyong tema, ngunit nais na mayroon itong labis na mga pagpipilian sa pagpapasadya?

Sa kasong iyon, ang pinakamahusay na solusyon ay ang paggamit ng isa sa dalawang mga plugin ng pagpapasadya na gumagana sa tabi ng customizer ng WordPress tema.

CSS Hero

Plugin ng CSS Hero

Ang CSS Hero ay isang plugin ng WordPress na nagbibigay-daan sa iyo upang ipasadya ang iyong site nang hindi nagsusulat ng isang solong linya ng code. Mayroon kang kalayaan na istilo ng bawat elemento ng iyong site nang walang abala.

Nais mo bang ipasadya ang pahina ng pag-login ng iyong WordPress site? Pinapayagan ka ng CSS Hero na gawin iyon sa loob ng ilang minuto.

Maaari mo ring i-edit at i-preview ang mga pagbabago sa frontend upang matiyak na ang iyong disenyo ay mukhang perpekto sa bawat aparato.

Tagabuo ng Beaver

Plugin ng Beaver Tagabuo

Ang Beaver Tagabuo ay isa sa pinakamahusay na plugin ng tagabuo ng WordPress sa merkado. Pinapayagan ka nitong bumuo ng mga nakamamanghang mga pahina para sa iyong site gamit ang isang drag at drop interface.

Ang pinakamagandang bahagi ay ang Beaver Builder ay gumagana sa halos bawat tema ng WordPress. Pinapayagan ka nitong gamitin ito sa iyong kasalukuyang tema.

Sinusuportahan ng Beaver Tagabuo ang paggamit ng mga shortcode at mga widget. Nag-aalok din ito ng iba’t ibang mga uri ng mga module na maaari mong gamitin upang madaling istilo ng iyong website. Tingnan ang aming gabay sa kung paano lumikha ng pasadyang mga layout sa WordPress para sa detalyadong mga tagubilin.

Maaari mo ring gamitin ang Beaver Tagabuo upang lumikha ng isang ganap na pasadyang tema ng WordPress nang walang pagsulat ng anumang code.

Inaasahan namin na ang gabay na ito ay nakatulong sa iyo upang malaman kung paano gamitin ang WordPress Theme Customizer tulad ng isang pro. Maaari mo ring makita ang aming gabay sa pinakamahusay na mga plugin at tool sa WordPress para sa iyong website.

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