Skip to main content

Tataiso ea Moralo

Mohato oa Tataiso ea Moralo o u lumella ho hlahloba, ho ntlafatsa, le ho phethela moralo oa pono oa theme ea hao pele Theme Builder e hlahisa theme e feletseng.

Kakaretso​

Kamora ho qeta Puisano ea Ho Sibolla, Theme Builder e hlahisa tataiso ea hao ea moralo ka pontšo ea ponelopele ea desktop le mobile. Sena se u lumella ho bona hantle hore na moralo oa hao o tla shebahala joang lisebelisoa tse fapaneng pele u itlama ho theme.

Likarolo tsa Tataiso ea Moralo​

1. Palete ea Mebala​

Sekema sa mebala sa theme ea hao, ho kenyeletsa:

  • Mmala oa mantlha — mmala o moholo oa lets'oao o sebelisoang bakeng sa likonopo, lihokelo, le lintlha tse hatelletsoeng
  • Mmala oa bobeli — mmala o tlatsanang bakeng sa phapang
  • Mmala oa kgatello — mmala o hlahellisang bakeng sa likarolo tsa bohlokoa
  • Mebala e sa nke lehlakore — bohlooho le bosoeu bakeng sa limelo le mongolo
  • Mmala oa mongolo — mmala oa mantlha oa mongolo bakeng sa ho baleha habonolo

2. Thaepografi​

Likhetho tsa fonte bakeng sa:

  • Fonte ea lihlooho — e sebelisoang bakeng sa lihlooho tsa maqephe le lihlooho tsa likarolo
  • Fonte ea 'mele — e sebelisoang bakeng sa mongolo oa lirapa le dikahare
  • Boholo ba fonte — boholo bo arabelang bakeng sa boholo bo fapaneng ba skrine
  • Bophahamo ba mola — sebaka pakeng tsa mela bakeng sa ho baleha habonolo
  • Boima ba fonte — mefuta e fapaneng ea botenya, e tloaelehileng, le e bobebe

3. Peakanyo le Sebaka​

  • Bophara ba setshelo — bophara bo boholo ka ho fetisisa bakeng sa dikahare
  • Padding le margins — sebaka se potolohileng likarolo
  • Sistimi ea gridi — peakanyo ea dikholomo bakeng sa moralo o arabelang
  • Sebaka sa dikarolo — sebaka pakeng tsa likarolo tsa UI

4. Likarolo tsa Pono​

  • Mekhoa ea likonopo — meralo ea likonopo tsa mantlha, tsa bobeli, le tsa boraro
  • Meralo ea likarete — dipeakanyo bakeng sa diboloko tsa dikahare
  • Matshwao — mokgwa le boholo ba matshwao
  • Meedi le meriti — botebo bo bonolo ba pono
  • Ditlamorao tsa hover — setaele sa boemo bo sebelisanang

Pontšo ea Ponelopele​

Ponelopele ea Desktop​

Ponelopele ea desktop e bontša moralo oa hao ka bophara bo feletseng (hangata 1200px kapa ho feta):

  • Menyu e feletseng ea ho tsamaya
  • Peakanyo e feletseng ka dikholomo tsohle
  • Thaepografi e kgolo le sebaka se seholo
  • Likarolo tsohle tsa pono ka boholo bo feletseng

Ponelopele ea Mobile​

Ponelopele ea mobile e bontša moralo oa hao ka bophara ba mobile (hangata 375px):

  • Ho tsamaya ho arabelang (menyu ea hamburger)
  • Peakanyo ea kholomo e le nngwe
  • Thaepografi le sebaka tse fetotsoeng
  • Boholo ba likonopo bo loketseng ho thetswa

Dibreakpoint tse Arabelang​

Theme Builder e hlahisa diponelopele ho dibreakpoint tsena:

SesebediswaBopharaPonelopele
Mobile375pxMohala o otlolohileng
Tablet768pxTablet e rapameng
Desktop1200pxDesktop ea bophara bo feletseng
Desktop e Kgolo1920pxPontsho e sephara haholo

Ho Ntlafatsa Moralo oa Hao​

Ho Etsa Diphetoho​

O ka ntlafatsa tataiso ea hao ea moralo ka ho:

  1. Ho fetola mebala — fetola mmala ofe kapa ofe paleteng
  2. Ho fetola difonte — kgetha difonti tse fapaneng
  3. Ho fetola sebaka — fetola padding le margins
  4. Ho ntlafatsa peakanyo — fetola bophara ba setshelo le dikholomo tsa gridi
  5. Ho iketsetsa likarolo — fetola mekhoa ea likonopo, meralo ea likarete, jj.

Dintlafatso tsa Ponelopele​

Diphetoho di bonahala ka nako ya nnete:

  • Ponelopele ea desktop e ntlafatswa hanghang
  • Ponelopele ea mobile e ntlafatswa hanghang
  • Dibreakpoint tsohle tse arabelang di ntlafatswa
  • O ka fetoha pakeng tsa diponelopele ho netefatsa diphetoho

Pono ea Papiso​

Bapisa tataiso ea hao ea moralo le:

  • Moralo oa pele — bona se fetohileng
  • Meralo ea bahlolisani — bapisa le disete tsa tshusumetso
  • Dikhatiso tse fetileng — kgutlela ditataisong tsa pele tsa moralo

Kamohelo ea Tataiso ea Moralo​

Hang ha o kgotsofetse ka moralo oa hao:

  1. Hlahloba diponelopele ka bobedi — netefatsa hore desktop le mobile di shebahala hantle
  2. Lekola mebala yohle — netefatsa phapang le phihlello
  3. Leka thaepografi — netefatsa ho baleha habonolo ka boholo bohle
  4. Netefatsa peakanyo — lekola sebaka le ho lekana
  5. Amohela moralo — tswela pele ho hlahisoeng ha theme

Mehato e Latelang​

Kamora ho amohela tataiso ea hao ea moralo:

  1. Theme Builder e hlahisa theme ea hao e feletseng
  2. Theme e kenngwa ho site ea hao ea WordPress
  3. O ka iketsetsa ho feta o sebelisa WordPress customizer
  4. Tswela pele ho Dimenyu tsa Hospitality kapa ditshebetso tse ding

Mekgwa e Metle ka ho Fetisisa​

  • Leka ho lisebelisoa tsa nnete — sebedisa mehala le ditablet tsa nnete haeba ho kgoneha
  • Lekola ho baleha habonolo — netefatsa hore mongolo o baleha ka boholo bohle
  • Netefatsa phapang — sebedisa Netefatsa Phapang ea Palete bakeng sa phihlello
  • Nahana ka tshebetso — ntlafatsa ditshwantsho le difonte bakeng sa lebelo
  • Rera bakeng sa dikahare — netefatsa hore peakanyo e sebetsa le dikahare tsa hao tsa nnete

Ho Rarolla Mathata​

Ponelopele ha e Ntlafatswe​

  • Ntjhafatsa leqephe
  • Hlakola cache ea sebatli
  • Leka sebatli se fapaneng
  • Lekola kgokahano ya inthanete

Mebala e Shebahala e Fapane​

  • Lekola di-setting tsa mmala tsa monitor
  • Leka ho lisebelisoa tse fapaneng
  • Netefatsa phapang ea mmala ka dithulusi tsa phihlello
  • Nahana ka disimulator tsa bofofu ba mebala

Mathata a Thaepografi​

  • Netefatsa hore difaele tsa fonte di a laiswa
  • Lekola boholo ba fonte ho dibreakpoint tse fapaneng
  • Leka ka dikahare tsa nnete
  • Nahana ka bolelele ba mola bakeng sa ho baleha habonolo