Skip to main content

Hanyar Zane

Matakin Hanyar Zane yana ba ka damar duba, gyara, da kammala zanen gani na theme ɗinka kafin Theme Builder ya samar da cikakken theme.

Bayani Gabaɗaya​

Bayan kammala Discovery Interview, Theme Builder yana gabatar da hanyar zanenka tare da rendering na preview na desktop da mobile. Wannan yana ba ka damar ganin daidai yadda zanenka zai bayyana a na'urori daban-daban kafin ka yanke shawara kan theme.

Abubuwan Hanyar Zane​

1. Palette na Launuka​

Tsarin launukan theme ɗinka, ciki har da:

  • Launin farko — babban launin brand da ake amfani da shi don maɓallai, links, da ƙarin ado
  • Launin na biyu — launi mai dacewa don bambanci
  • Launin accent — launin haskakawa don muhimman abubuwa
  • Launuka neutral — toka-toka da fari don backgrounds da rubutu
  • Launin rubutu — babban launin rubutu don sauƙin karantawa

2. Typography​

Zaɓin fonts don:

  • Font na heading — ana amfani da shi don taken shafuka da headings na sashe
  • Font na body — ana amfani da shi don rubutun sakin layi da abun ciki
  • Girman font — girma mai amsawa don girman allo daban-daban
  • Tsayin layi — tazara tsakanin layuka don sauƙin karantawa
  • Nauyin font — nau'o'in bold, regular, da light

3. Layout da Tazara​

  • Faɗin container — mafi girman faɗi don abun ciki
  • Padding da margins — tazara a kewaye da abubuwa
  • Tsarin grid — layout na ginshiƙai don zane mai amsawa
  • Tazara tsakanin components — nisa tsakanin abubuwan UI

4. Abubuwan Gani​

  • Salo na maɓalli — zane-zanen maɓalli na farko, na biyu, da na uku
  • Zane-zanen card — layouts don tubalan abun ciki
  • Icons — salon icon da girma
  • Iyakoki da inuwa — zurfin gani mai laushi
  • Tasirin hover — salon yanayin hulɗa

Rendering na Preview​

Preview na Desktop​

Preview na desktop yana nuna zanenka a cikakken faɗi (yawanci 1200px ko fiye):

  • Cikakken menu na navigation
  • Cikakken layout tare da dukkan ginshiƙai
  • Babban typography da tazara
  • Duk abubuwan gani a cikakken girma

Preview na Mobile​

Preview na mobile yana nuna zanenka a faɗin mobile (yawanci 375px):

  • Navigation mai amsawa (hamburger menu)
  • Layout na ginshiƙi ɗaya
  • Typography da tazara da aka daidaita
  • Girman maɓalli masu dacewa da taɓawa

Responsive Breakpoints​

Theme Builder yana render previews a waɗannan breakpoints:

Na'uraFaɗiPreview
Mobile375pxWayar tsaye
Tablet768pxTablet a kwance
Desktop1200pxDesktop mai cikakken faɗi
Babban Desktop1920pxNuni mai faɗi sosai

Gyaran Zaneka​

Yin Gyare-gyare​

Za ka iya gyara hanyar zanenka ta hanyar:

  1. Daidaita launuka — canza kowane launi a cikin palette
  2. Canza fonts — zaɓi typefaces daban-daban
  3. Gyara tazara — daidaita padding da margins
  4. Sabunta layout — canza faɗin containers da ginshiƙan grid
  5. Keɓance abubuwa — gyara salon maɓalli, zane-zanen card, da sauransu.

Sabuntawar Preview​

Ana nuna canje-canje a lokaci na ainihi:

  • Preview na desktop yana sabuntawa nan take
  • Preview na mobile yana sabuntawa nan take
  • Ana sabunta duk responsive breakpoints
  • Za ka iya sauyawa tsakanin previews don tabbatar da canje-canje

Kallon Kwatantawa​

Kwatanta hanyar zanenka da:

  • Zane na asali — ga abin da ya canza
  • Zane-zanen abokan hamayya — kwatanta da shafukan wahayi
  • Sigogin baya — koma zuwa hanyoyin zane na baya

Amincewa da Hanyar Zane​

Da zarar ka gamsu da zanenka:

  1. Duba previews biyu — tabbatar desktop da mobile suna da kyau
  2. Duba duk launuka — tabbatar da contrast da accessibility
  3. Gwada typography — tabbatar da sauƙin karantawa a duk girma
  4. Tabbatar da layout — duba tazara da daidaituwa
  5. Amince da zane — ci gaba zuwa samar da theme

Matakai na Gaba​

Bayan amincewa da hanyar zanenka:

  1. Theme Builder yana samar da cikakken theme ɗinka
  2. Ana shigar da theme a shafin WordPress ɗinka
  3. Za ka iya ƙara keɓancewa ta amfani da WordPress customizer
  4. Ci gaba zuwa Menus na Hospitality ko wasu fasaloli

Mafi Kyawun Ayyuka​

  • Gwada a kan na'urori na ainihi — yi amfani da wayoyi da tablets na gaske idan zai yiwu
  • Duba sauƙin karantawa — tabbatar rubutu yana da sauƙin karantawa a duk girma
  • Tabbatar da contrast — yi amfani da Validate Palette Contrast don accessibility
  • Yi la'akari da performance — inganta hotuna da fonts don sauri
  • Shirya don abun ciki — tabbatar layout yana aiki da ainihin abun cikinka

Warware Matsaloli​

Preview Ba Ya Sabuntawa​

  • Sabunta shafin
  • Share cache na browser
  • Gwada browser daban
  • Duba haɗin intanet

Launuka Suna Daban​

  • Duba saitunan launin monitor
  • Gwada a na'urori daban-daban
  • Tabbatar da contrast na launi da kayan aikin accessibility
  • Yi la'akari da simulators na makantar launi

Matsalolin Typography​

  • Tabbatar fayilolin font suna lodi
  • Duba girman font a breakpoints daban-daban
  • Gwada da ainihin abun ciki
  • Yi la'akari da tsawon layi don sauƙin karantawa