September 15 , 2011 | 394 views
images

အရင္က ကြ်န္ေတာ့္ရဲ႕ ဒီကိုယ္ပိုင္ blog မွာ ကြ်န္ေတာ္ေရးေနၾက ေဆာင္းပါးေတြ၊ အက္ေဆးေတြပဲ ေရးဖို႕စဥ္းစားခဲ့ဖူးပါတယ္။ ဒါေပမယ့္ အခုေနာက္ပိုင္း စာမေရးတာ ေတာ္ေတာ္ကို ၾကာသြားတဲ့အတြက္..။ တကယ္တမ္းေရးခ်င္လို႕ ျပန္စဥ္းစားတဲ့အခါမွာ ေရးစရာအေၾကာင္းအရာေတြကမ်ားၿပီး ဘယ္က စေရးရမွန္း မသိေအာင္ ျဖစ္လာပါတယ္..။ ဒါေၾကာင့္ မေရးတာၾကာလို႕ အေညာင္းမိေနတဲ့ လက္ေတြကို ျပန္ေသြးရင္း ေလာေလာဆယ္ အာရံုလာေနတဲ့ WordPress Theme တစ္ခု ျပဳလုပ္နည္းအေၾကာင္းကို ေရးသားဖို႕ ဆံုးျဖတ္လိုက္ပါတယ္။ ဒီ ပို႕စ္ကို MMGenius မွာလည္း တင္ေပးသြားပါ့မယ္…။ ဒါမွလည္း MMGenius မွာ WordPress နဲ႕ ပါတ္သတ္ၿပီး စုစုစည္းစည္းေလးျဖစ္သြားမွာ ျဖစ္ပါတယ္။

ကြ်န္ေတာ္တို႕ WordPress စသံုးခဲ့တဲ့ လြန္ခဲ့တဲ ၃ ႏွစ္ေက်ာ္ေလာက္ကေတာ့ ကြ်န္ေတာ္တို႕ ျမန္မာျပည္မွာ WordPress သံုးတဲ့သူ လက္ခ်ိဳးေရလို႕ ရႏိုင္မယ္လို႕ ကြ်န္ေတာ္ ထင္ပါတယ္။ အခုခ်ိန္မွာေတာ့ ေတာ္ေတာ္ကိုမ်ားေနပါၿပီ။ ဒါေပမယ့္ ဘယ္ေလာက္ပဲ WordPress သမားေတြမ်ားမ်ား ၈၀% ေလာက္က End User ေတြပဲ ျဖစ္ ေနပါတယ္။ WordPress.org ကေန CMS အထုပ္ကို ခ်မယ္။ ကိုယ္ပိုင္ Hosting သို႕မဟုတ္ Free Hosting တစ္ခုခုမွာ ျပန္တင္ၿပီး Run မယ္။ ၿပီးရင္ Design လွလွ Function စံုစံု Theme တစ္ကိုရွာမယ္။ Free ရႏိုင္တာေတြရွိသလို ၀ယ္သံုးရတဲ့ ဟာေတြလည္းရွိမယ္။ Theme ေလး Activate လုပ္မယ္။ အေသးအမႊား ေလးေတြ ျပင္ဆင္ျဖည့္စြက္ၿပီးသြားရင္ ကိုယ္ပိုင္ WordPress Blog တစ္ခုၿပီးသြားၿပီ ေျပာလို႕ရပါတယ္။

ဒါဆို WordPress ဟာ Child Play ေပါ့?

ကြ်န္ေတာ္ကိုယ္တိုင္ ျမန္မာျပည္ ျပန္ေရာက္လို႕ လုပ္ငန္းခြင္ထဲေရာက္တဲ့အခါမွာ သက္ဆိုင္တဲ့သူက ေမးပါတယ္။ မင္းဘာလုပ္တတ္လဲ ..။ ကြ်န္ေတာ္ CMS ေတာ္ေတာ္ မ်ားမ်ားကို ကြ်မ္းကြ်မ္းက်င္က်င္ ကိုင္တြယ္ႏိုင္ပါတယ္။

သူက ျပန္ေမးပါတယ္..။ CMS ဆိုတာ ဘာလဲ…? ကြ်န္ေတာ္ ဘာဆက္ေျပာရမွန္း မသိေတာ့ပါဘူး..။ ေနာက္ နဲနဲခ်င္းရွင္းျပလို႕ သူသေဘာေပါက္ သေယာင္ေယာင္ရွိသြားတဲ့ အခ်ိန္မွာ ထပ္ေျပာတဲ့စကားက ပိုဆိုးပါတယ္။ ျဖစ္ႏိုင္ရင္ အခန္းေထာင့္မွာ ေထာင္ထားတဲ့ တံျမက္စည္းနဲ႕ ရိုက္ျပစ္ခ်င္ပါတယ္။ ရိုက္လို႕ မရလို႕ေပါ့ဗ်ာ…။

” ဒါဆို မင္းတို႕ဟာက Child Play ပဲ..။ ျဖတ္လမ္းနည္းႀကီးေပါ့ကြ…” ဒီလူ႕ရဲ႕စကားကို WordPress Founder Matt Mullenweg ၾကားရင္ ကိုယ့္ကိုယ္ကို သတ္ေသ သြားႏိုင္ပါတယ္..။

ထားလိုက္ပါဗ်ာ..။ ဒါက အခု ကြ်န္ေတာ္ ဒီပို႕စ္ကို ေရးရျခင္းရဲ႕ အေျခခံအေၾကာင္းအရင္း တြန္းအားတစ္ခုပါ။ တကယ့္ တြန္းအားကေတာ့ ကြ်န္ေတာ္တို႕ ျမန္မာ WordPress သမားေတြကို End User အဆင့္ကေန Developer တစ္ေယာက္အထိ ျဖစ္လာေစခ်င္တဲ့ စိတ္နဲ႕ပါ (Developer လို႕သံုးရတာ အျခားစကားလံုးရွာ မရလို႕ပါ။ မင္းလိုေကာင္က Developer ဆိုတဲ့စကားသံုးရေအာင္ ဘယ္ေလာက္တတ္လို႕လဲဆိုရင္။ ကြ်န္ေတာ္ ဒီပို႕စ္စီးရီးဟာ ကြ်န္ေတာ္ သိသမွ် တတ္သမွ် အကုန္ပါပဲ။ )

ကြ်န္ေတာ္ ဒီပို႕စ္ကို Series တစ္ခုအေနနဲ႕ ေရးပါ့မယ္။ ဒီလိုေရးဖို႕ Inspiration ရတာကေတာ့ ကြ်န္ေတာ္ကိုယ္တိုင္ Theme ေရးဖို႕ စေလ့လာရာမွာ ဖတ္ရွဳခဲ့ရတဲ့ WPDesigner ရဲ႕ Idea ကို မွီျငမ္းထားလို႕ပဲ ျဖစ္ပါတယ္။ ဒီ Post Series မွာ သူေရးထားတဲ့ထဲက အခ်က္ေတြပါႏိုင္သလို။ ကြ်န္ေတာ္လုပ္ရင္း ကိုင္ရင္း ထပ္ေတြ႕ထားတဲ့အခ်က္ေလးေတြ၊ ပိုလြယ္မယ္၊ ရွင္းမယ္ထင္တာေလးေတြကိုပါ ျဖည့္စြက္ၿပီး ေရးေပးသြားမွာျဖစ္ပါတယ္။ သူ႕ေလာက္ေတာ့ မေကာင္းႏိုင္ေပမယ့္။ တကူးတက အဂၤလိပ္လို ဖတ္ၿပီး စမ္းတ၀ါး၀ါး လုပ္ေနရတာထက္စာရင္ ျမန္မာလို ဖတ္ၿပီးလိုက္လုပ္ရတာ ပိုၿပီးေပါ့ေပါ့ ပါးပါး ႏိုင္မယ္ထင္လို႕ပါ။ ဒါေပမယ့္ ကြ်န္ေတာ့္ အေနနဲ႕ အဓိက အၾကံေပးခ်င္တာကေတာ့ ျဖစ္ႏိုင္ရင္ English လိုပဲ ဖတ္ေစခ်င္ပါတယ္။ Internet မွာ Source ေတြအရမ္းမ်ားပါတယ္။ ဒီတစ္ခုထဲကိုပဲ လူအမ်ိဳးမ်ိဳး က နည္းလမ္းအမ်ိဳးမ်ိဳးနဲ႕ ျပဳလုပ္ျပ၊ အာေဘာ္အမ်ိဳးမ်ိဳးနဲ႕ ေရးသားျပထားတဲ့အတြက္ ပိုၿပီးထိေရာက္ပါတယ္။ ႀကိဳးစားၿပီး ဖတ္ရွဳေလ့လာၾကေစလိုပါတယ္။

Tutorial ေလးမစခင္ ကြ်န္ေတာ္ CMS ဆိုတာေလးအေၾကာင္း နားလည္သေလာက္ နဲနဲရွင္းျပခ်င္ပါတယ္။ CMS ဆိုတာ Content Management System ျဖစ္ပါတယ္။ WordPress, Joomla တို႕ကအစ၊ Phpbb, IPBoard, Vbulletin စတဲ့ Forum Script မ်ားဟာ CMS အမ်ိဳးအစားေတြပဲ ျဖစ္ပါတယ္။

အခု ဒီအမ်ိဳးအစားေတြထဲက လူသံုးအမ်ားဆံုး၊ အရိုးရွင္းဆံုးနဲ႕၊ ထိေရာက္မွဳအရွိဆိုး CMS တစ္ခုျဖစ္တဲ့ WordPress အတြက္ Theme ျပဳလုပ္နည္းကို ေဖာ္ျပေပး သြားပါ့မယ္။

ကြ်န္ေတာ့္ Intro ေတာ္ေတာ္ရွည္သြားပါၿပီ…။ လုပ္ငန္းစပါမယ္…။

Making WordPress Theme Introduction

WordPress Theme နဲ႕ WordPress Template ခဏခဏ မွားၾကပါတယ္။ တစ္ကယ္က လံုး၀မတူပါဘူး။ WordPress Theme တစ္ခုျဖစ္ဖို႕အတြက္ WordPress Template ေပါင္းမ်ားစြာနဲ႕ ျပဳလုပ္ရျခင္းျဖစ္ပါတယ္။ တစ္နည္းအားျဖင့္ WordPress Template မ်ားအစုအဖြဲ႕ကို WordPress Theme လို႕ေခၚပါတယ္။

WordPress Theme တစ္ခုမွာ အေျခခံအားျဖင့္ ေအာက္ပါ Template မ်ားပါ ပါတယ္။

(1) index.php

(2) style.css

(3) header.php

(4) single.php

(5) page.php

(6) footer.php

(7) search.php

(8) archive.php

(9) comment.php

(10) comment.css

(11) sidebar.php

(12) functions.php

ဆိုၿပီး ၁၂ ခု ပါ၀င္မွျဖစ္ပါတယ္။ ဒါေတြက အမွန္ဆို ျပန္ခြဲထားလို႕ပါ။ Theme ကို function ေတြထည့္တာ မ်ားရင္ မ်ားသလို file ေတြပိုလာႏိုင္ေပမယ့္။ ဒီ့ထက္ေတာ့ ေလ်ာ့မသြားပါဘူး။ ( ဒါေပမယ့္ တကယ္တမ္း အေျခခံ WordPress Theme တစ္ခုကိုလုပ္မယ္ ဆိုရင္ index.php နဲ႕ style.css ႏွစ္ခုပဲ လိုပါတယ္ widgetize လုပ္မယ္ဆိုမွ functions.php ထပ္လိုပါမယ္။ ကြ်န္ေတာ္ ဘာ့ေၾကာင့္ ဒီလိုေျပာလိုဆိုတာ ေနာက္ပိုင္းမွာ ရွင္းသြားပါလိ့မ္မယ္။)

WordPress Theme တစ္ခု ကိုယ္တိုင္ ျပဳလုပ္ဖို႕ ေအာက္ပါ လက္နက္မ်ား လိုအပ္ပါလိ့မ္မယ္။

Local Server

WordPress Theme တစ္ခုလုပ္ေတာ့မယ္ဆိုရင္ ဘယ္သူမွ Hosting ေပၚ တိုက္ရိုက္တမ္းတင္ၿပီး မလုပ္ၾကပါဘူး (ျမန္မာျပည္ ေကာ္နက္ရွင္နဲ႕ဆို ပိုဆိုးပါတယ္။) ဒါေၾကာင့္ အရင္ Local မွာ Run ၿပီး သံုးဖို႕လိုပါတယ္။ ဒီလို Local Server တစ္ခု Run ဖို႕အတြက္ Wamp Server (သို႕မဟုတ္) Xampp Server တစ္ခု မိမိစက္ထဲမွာ Run ထားဖို႕လိုပါတယ္။ ႏွစ္ခုစလံုးက Open Source Software ေတြျဖစ္တဲ့အတြက္ Free Download ရယူႏိုင္ပါတယ္။ Install လုပ္တဲ့ပိုင္းက ဘာမွ ေထြေထြထူးထူးမရွိတဲ့ အတြက္ ကြ်န္ေတာ္ မရွင္းျပေတာ့ ပါဘူး..။ တကယ္လို႕ အဆင္မေျပတာ ရွိရင္ Comment ေပးၿပီးေမးႏိုင္ပါတယ္။ ကြ်န္ေတာ္ Comment ေတြကို Reply ျပန္ေပးသြားပါ့မယ္။

Photoshop

မျဖစ္မေန လိုအပ္ပါတယ္။ ကြ်မ္းကြ်မ္းက်င္က်င္သံုးႏိုင္ေလေလ ဒီဇိုင္း လန္းလန္းေလးေတြ ထြက္ေလပါပဲ။ ကြ်န္ေတာ္ဆို Photoshop မကြ်မ္းလို႕ မလန္းတာ ကြ်န္ေတာ့္ အခု ဒီ Site က Theme ကိုၾကည့္ရင္သိႏိုင္ပါတယ္။

Notepad (or) Notepad++ (or) Dream Weaver

Codding ေတြ ေရးဖို႕အတြက္ပါ။ Notepad ကေတာ့ Window မွာ ပါၿပီးသားပါ။ ဒါေပမယ့္ တကယ္တမ္း သိပ္အဆင္မေျပပါဘူး။ Line Error ေတြရွာတဲ့အခါ အခက္အခဲရွိပါတယ္။ ဒါေၾကာင့္ ကြ်န္ေတာ့္ အေနနဲ႕ Notepad++ ကို အသံုးျပဳေစခ်င္ပါတယ္။ Free Software တစ္ခုပါပဲ။ လြယ္ကူစြာ Download ခ် အသံုးျပဳႏိုင္ပါတယ္။ ပိုက္ဆံတတ္ႏိုင္လို႕ ၀ယ္ သံုးမယ္..။ ဒါမွမဟုတ္ serial key ေတြ၊ crack ေတြ ရွိတယ္ဆိုရင္ေတာ့ Dream Weaver ကို သံုးေစခ်င္ပါတယ္။ Notepad++ ထက္ပိုေကာင္းပါတယ္။ ဘာလို႕ ေကာင္းလဲဆိုတာ ေနာက္ပိုင္းမွာ ကြ်န္ေတာ္ ရွင္းျပေပးပါ့မယ္။

Web Developer Toolbar

Mozilla Firefox ရဲ႕ Addon တစ္ခုပါ။ လြယ္ကူစြာ Install လုပ္အသံုးျပဳႏိုင္ပါတယ္။ အလြန္အသံုး၀င္တဲ့ Addon တစ္ခုျဖစ္ပါတယ္။

ColorPixer

ဒါကေတာ့ Software ေသးေသးေလးတစ္ခုပါ။ မျဖစ္မေနမဟုတ္ေပမယ့္။ ေနာက္ပိုင္းမွာ ေတာ္ေတာ္ေလး အသံုး၀င္လာပါလိ့မ္မယ္။

ဒီေလာက္ဆိုရင္ လက္နက္ကိရိယာ ေတာ္ေတာ္စံုလင္သြားပါၿပီ…။ ဒီေန႕အဖို႕ေတာ့ ကြ်န္ေတာ္ အခု ေဖာ္ျပေပးထားတဲ့ လက္နက္ေတြစု၊ စက္ထဲမွာ Local Server ေလး Run ၿပီး WordPress ေလးအရင္ Run ၾကည့္လိုက္ပါ။ အခက္အခဲေသးေသး မႊားမႊားေလးေတြကို စေတြ႕ရပါလိ့မ္မယ္။ တစ္ခါတစ္ေလ သူမ်ားေျပာျပတာကို နားေထာင္ရတာ တကယ္ကို လြယ္ပါတယ္။ ကိုယ္တိုင္ လုပ္ၾကည့္မွ အခက္အခဲေလးေတြကို သိလာတဲ့ သေဘာရွိပါတယ္။ ဥပမာ ကြ်န္ေတာ္တို႕ ငယ္ငယ္က ပါးစပ္နဲ႕ စာက်က္တာရၿပီ ပိုင္ၿပီဆိုၿပီး..။ ခ်ေရးၾကည့္မွ ေတာေမ့ ေတာင္ေမ့ ျဖစ္တဲ့သေဘာပါ…။

ကဲ..။ စာက်က္လို႕ ပိုင္ၿပီဆိုရင္ စၿပီး ခ်ေရးၾကည့္လိုက္ၾကရေအာင္လားဗ်ာ…။

P.S-ေနာက္ေန႕ေတြမွာ ကြ်န္ေတာ္ အပိုင္းလိုက္ ဆက္ၿပီးေရးသြားေပးပါ့မယ္။ ခန္႕မွန္းေျခ ၁၃ ပိုင္းကေန ၁၅ ပိုင္းေလာက္ ပါမွာျဖစ္ပါတယ္။

About

I am a freelance Web Designer & Photographer. Who Loves Arts. Especially Music, Literature & Photography. Yes, Also Addicts To Soccer. Love The Country. Love The Coffee. Love The Cigarettes. Love The Cameras. Love The Guitars & Love My Wife...!

4 Responses to “Making WordPress Theme (Introduction)”

  1. [...] မဖတ္ခင္ မေန႕က ကြ်န္ေတာ္ ေရးခဲ့တဲ့ Introduction ကို အရင္ ဖတ္ေစလိုပါတယ္။ အစကေန [...]

  2. [...] မစခင် ဒီ Tutorial Series ကို ပထမဆုံး Post ကနေ စဖတ်ဖို့ တိုက်တွန်းပါယ်…။ [...]

  3. [...] မဖတ္ခင္ မေန႕က ကြ်န္ေတာ္ ေရးခဲ့တဲ့ Introduction ကို အရင္ ဖတ္ေစလိုပါတယ္။ အစကေန [...]

  4. [...] မစခင် ဒီ Tutorial Series ကို ပထမဆုံး Post ကနေ စဖတ်ဖို့ တိုက်တွန်းပါယ်…။ [...]

Leave a Reply