Skip to main content

Icala Loyilo

Inyathelo le-Design Direction likuvumela ukuba uphonononge, uphucule, kwaye ugqibezele uyilo olubonakalayo lwe-theme yakho phambi kokuba Theme Builder ivelise i-theme epheleleyo.

Isishwankathelo​

Emva kokugqiba i-Discovery Interview, Theme Builder ibonisa icala loyilo lwakho kunye nokuboniswa kwangaphambili kwe-desktop ne-mobile. Oku kukuvumela ukuba ubone kanye indlela uyilo lwakho oluya kubonakala ngayo kwizixhobo ezahlukeneyo phambi kokuzibophelela kwi-theme.

Amacandelo eCala Loyilo​

1. Iphalethi Yemibala​

Inkqubo yemibala ye-theme yakho, kuquka:

  • Umbala ophambili — umbala oyintloko we-brand osetyenziswa kumaqhosha, kumakhonkco, nakwizigxininisi
  • Umbala wesibini — umbala ohambelanayo ukwenzela ukwahluka
  • Umbala wesigxininisi — umbala wokuqaqambisa izinto ezibalulekileyo
  • Imibala engathathi cala — iigrey nemhlophe yeemvelaphi kunye nombhalo
  • Umbala wombhalo — umbala wombhalo ophambili ukwenzela ukufundeka

2. Uchwethezo​

Ukhetho lweefonti ze:

  • Ifonti yezihloko — isetyenziselwa izihloko zamaphepha kunye nezihloko zamacandelo
  • Ifonti yomzimba — isetyenziselwa umbhalo weep paragrafu kunye nomxholo
  • Ubungakanani beefonti — ubungakanani obuphendulayo bobukhulu bezikrini ezahlukeneyo
  • Ukuphakama komgca — isithuba phakathi kwemigca ukwenzela ukufundeka
  • Ubunzima beefonti — iinguqulelo ezingqindilili, eziqhelekileyo, nezikhanyayo

3. Uyilo kunye Nezithuba​

  • Ububanzi be-container — ububanzi obukhulu bomxholo
  • I-padding ne-margins — izithuba ezijikeleze izinto
  • Inkqubo ye-grid — uyilo lweekholamu loyilo oluphendulayo
  • Izithuba zamacandelo — umgama phakathi kwezinto ze-UI

4. Izinto Ezibonakalayo​

  • Izimbo zamaqhosha — uyilo lwamaqhosha aphambili, esibini, nawesithathu
  • Uyilo lwamakhadi — ulwakhiwo lweebhloko zomxholo
  • Ii-icon — isimbo nobungakanani bee-icon
  • Imida nezithunzi — ubunzulu obubonakalayo obuthambileyo
  • Iziphumo ze-hover — isimbo semeko esisebenzisanayo

Ukuboniswa Kwangaphambili​

Ukuboniswa Kwangaphambili kwe-Desktop​

Ukuboniswa kwangaphambili kwe-desktop kubonisa uyilo lwakho kububanzi obupheleleyo (ngokuqhelekileyo 1200px okanye ngaphezulu):

  • Imenyu yokuhamba epheleleyo
  • Uyilo olupheleleyo olunazo zonke iikholamu
  • Uchwethezo olukhulu nezithuba
  • Zonke izinto ezibonakalayo ngobungakanani obupheleleyo

Ukuboniswa Kwangaphambili kwe-Mobile​

Ukuboniswa kwangaphambili kwe-mobile kubonisa uyilo lwakho kububanzi be-mobile (ngokuqhelekileyo 375px):

  • Ukuhamba okuphendulayo (imenyu ye-hamburger)
  • Uyilo lwekholamu enye
  • Uchwethezo nezithuba ezilungisiweyo
  • Ubungakanani bamaqhosha obulungele ukuchukumisa

Ii-Breakpoint Ezisabelayo​

Theme Builder ibonisa ukuboniswa kwangaphambili kwezi breakpoint:

IsixhoboUbubanziUkuboniswa kwangaphambili
Mobile375pxIfowuni ethe nkqo
Tablet768pxTablet ethe tye
Desktop1200pxDesktop enobubanzi obupheleleyo
Large Desktop1920pxUmboniso obanzi kakhulu

Ukuphucula Uyilo Lwakho​

Ukwenza Uhlengahlengiso​

Ungaluphucula icala loyilo lwakho ngoku:

  1. Ukulungelelanisa imibala — tshintsha nawuphi na umbala kwiphalethi
  2. Ukutshintsha iifonti — khetha iintlobo zoonobumba ezahlukeneyo
  3. Ukuguqula izithuba — lungisa i-padding ne-margins
  4. Ukuhlaziya uyilo — tshintsha ububanzi be-container neekholamu ze-grid
  5. Ukwenza izinto ngokwezifiso — lungisa izimbo zamaqhosha, uyilo lwamakhadi, njl.

Uhlaziyo Lokuboniswa Kwangaphambili​

Utshintsho lubonakala ngexesha lokwenyani:

  • Ukuboniswa kwangaphambili kwe-desktop kuhlaziywa kwangoko
  • Ukuboniswa kwangaphambili kwe-mobile kuhlaziywa kwangoko
  • Zonke ii-breakpoint ezisabelayo ziyahlaziywa
  • Ungatshintsha phakathi kokuboniswa kwangaphambili ukuqinisekisa utshintsho

Umbono Wokuthelekisa​

Thelekisa icala loyilo lwakho kunye:

  • Uyilo loqobo — bona into etshintshileyo
  • Uyilo lwabakhuphisani — thelekisa neendawo zokuphefumlelwa
  • Iinguqulelo zangaphambili — buyela kumacala oyilo angaphambili

Ukuvunywa kweCala Loyilo​

Nje ukuba waneliseke ngoyilo lwakho:

  1. Phonononga zombini iziboniso zangaphambili — qinisekisa ukuba i-desktop ne-mobile zikhangeleka kakuhle
  2. Jonga yonke imibala — qinisekisa umahluko kunye nokufikeleleka
  3. Vavanya uchwethezo — qinisekisa ukufundeka kuzo zonke iisayizi
  4. Qinisekisa uyilo — jonga izithuba kunye nolungelelaniso
  5. Vuma uyilo — qhubekela ekuvelisweni kwe-theme

Amanyathelo Alandelayo​

Emva kokuvuma icala loyilo lwakho:

  1. Theme Builder ivelisa i-theme yakho epheleleyo
  2. I-theme ifakwa kwisiza sakho se-WordPress
  3. Ungaqhubeka wenze ngokwezifiso usebenzisa i-WordPress customizer
  4. Qhubekela ku-Iimenyu Zokwamkela Iindwendwe okanye ezinye iimpawu

Ezona Ndlela Zilungileyo​

  • Vavanya kwizixhobo zokwenene — sebenzisa iifowuni kunye nee-tablet zokwenene ukuba kunokwenzeka
  • Jonga ukufundeka — qinisekisa ukuba umbhalo uyafundeka kuzo zonke iisayizi
  • Qinisekisa umahluko — sebenzisa Qinisekisa Umahluko wePalethi ukwenzela ukufikeleleka
  • Qwalasela ukusebenza — lungiselela imifanekiso neefonti ukwenzela isantya
  • Cwangcisela umxholo — qinisekisa ukuba uyilo lusebenza nomxholo wakho wokwenene

Ukusombulula Iingxaki​

Ukuboniswa Kwangaphambili Akukahlaziywa​

  • Hlaziya iphepha
  • Coca i-cache yesikhangeli
  • Zama isikhangeli esahlukileyo
  • Jonga uqhagamshelo lwe-intanethi

Imibala Ibonakala Yahlukile​

  • Jonga izicwangciso zombala zesikrini
  • Zama kwizixhobo ezahlukeneyo
  • Qinisekisa umahluko wombala ngezixhobo zokufikeleleka
  • Qwalasela izilinganisi zobumfama bemibala

Iingxaki zoChwethezo​

  • Qinisekisa ukuba iifayile zeefonti ziyalayisha
  • Jonga ubungakanani beefonti kwii-breakpoint ezahlukeneyo
  • Vavanya ngomxholo wokwenene
  • Qwalasela ubude bomgca ukwenzela ukufundeka