WordPress ရဲ့ Theme ကို ပြောင်းလဲဖို့ဆိုတာ အလွန် လွအလုပ်တစ်ခု ဖြစ်ပါတယ်။ ကိုယ်ကြိုက်တဲ့ Theme ကို activate လုပ်လိုက်ရုံလေးတင်ပါပဲ။ ဒါပေမယ့်လို့လည်း ကိုယ့်ရဲ့ လက်ရှိ အသုံးပြုနေတဲ့ Theme ကို အခြား theme နဲ့ အစားမထိုးခင် တနည်းအားဖြင့် မပြောင်းလဲခင်မှာ အောက်ကအချက်တွေကို ပြုလုပ်ပေးသင့်ပါတယ်။ ၁။ လက်ရှိ Theme အတွက် မှတ်တမ်းပြုစုပေးပါ။ ကျွန်တော်တို့ အနေနဲ့ WP Theme ကို မပြောင်းခင်မှာ လက်ရှိ အသုံးပြုနေတဲ့ Theme နဲ့ ပတ်သက်ပြီး အကောင်းအဆိုး၊ အကြောင်းအကျိုးကို မှတ်တမ်း ပြုစုပေးသင့်ပါတယ်။ ဘာကြောင့်လဲ ဆိုတော့ WordPress အသုံးပြုသူတွေဟာ သူတို့ရဲ့ WP Blog မှာ ဖြစ်ပေါ်နေတဲ့ ပြဿနာတွေကို Web ပေါ်မှာ ရှာဖွေလေ့ ရှိကြပါတယ်။ အဲဒီလို ရှာဖွေကြတဲ့အခါ ကိုယ်သုံးဖူးတဲ့ theme အကြောင်းကို ရှာဖွေနေတဲ့ WP users တွေအတွက် အထောက်အကူ ရရှိစေနိုင်ရန် လက်ရှိ theme ကို မှတ်တမ်းပြုပြီး Web ပေါ်မှာ တင်ထားသင့်ခြင်း ဖြစ်ပါတယ်။ အဲဒီလို မှတ်တမ်းပြုတဲ့အခါမှာလည်း theme ထဲမှာ မိမိ ထပ်မံ ထည့်သွင်းထားတဲ့ code တွေ အကြောင်း၊ ဘာဖြစ်လို့ ထည့်သွင်းရခြင်း ဖြစ်ပါတယ် ဆိုတဲ့ အကြောင်းကိုပါ မှတ်တမ်းထဲ ထည့်သွင်း ရေးသားသင့်ပါတယ်။ ၂။ Widget-Ready Them
Posts
wordpress single post မှာ next post link နဲ့ previous post link ကို ဖော်ပြပေးချင်တာနဲ့ အဲ့ဒီ function ပါပီးသား theme တစ်ခုဖြစ်တဲ့ zBench theme ထဲက single.php ဖိုင်ကို ဖတ်ကြည့်ဖြစ်တယ်.. ကျနော်လိုချင်တဲ့ function အတွက် ရေးထားတဲ့ php code ကိုတွေ့ပါတယ်.. ဒီလိုလေး ရေးထားပါတယ်.. <div id="nav-below"> <div><?php previous_post_link( '%link', '<span>←</span> %title' ); ?></div> <div><?php next_post_link( '%link', '%title <span>→</span>' ); ?></div> </div> ဒီ php code လေးကို ကျနော်တို့ရဲ့ wordpress theme ထဲက single.php ထဲမှာထည့်ပေးရမှာပါ။ single.php ထဲက ဘယ်နေရာလဲဆိုတော့ post entry တစ်ခုရဲ့ အဆုံးနားလေးမှာ ထည့်ပေးရမှာ။ ကျနော် ပုံလေးနဲ့ ပြပေးမယ်.. ဒီလိုဗျာ.. ပုံမှာ အနီရောင်နဲ့ပြထားတာက အရင်ရှိပီးသား post entry အတွက်ရေးထားတဲ့ php code အပြာရောင်နဲ့ပြထားတာက အခု ကျနော်တို့ ထပ်ဖြည့်လိုက်တဲ့ php code ဒါဆို ရှင်းမယ်ထင်ပါတယ်... အခု next & pre
ဒီလိုဗျာ wordpress theme အတွက် header navigation ကို ပြင်ရေးပီးတော့ footer navigation ကို ပြင်ရေးဖို့ စဉ်းစားတော့ သုံးထားတဲ့ theme က header nav လို footer မှာ navigation style က မပါဘူး သာမန် link ညွှန်းထားတာလေးပဲပါတယ်။ ပြင်မယ်ဆိုရင် style.css မှာ footer အတွက် ရေးရဦးမယ်၊ ပြီးတော့ footer.php မှာ ထပ်ရေးရမှာ.. footer မှာသုံးချင်တာကတော့ link တို့ page တို့ကို ချိတ်ဆက်ညွှန်းဆိုဖို့ပါပဲ။ ရိုးရိုးရှင်းရှင်း link ချိတ်ဆက်တဲ့ ပုံစံရေးလိုက်ရင်တော့ ရတယ်၊ ဒါပေသိ footer မှာ ဒီဇိုင်းဆန်းဆန်းသုံးချင်တော့ စဉ်းစားလိုက်တာ၊ ကျနော့ ကွန်ပျုတာမှာ သုံးနေတဲ့ object dock ရဲ့ style ကို webpage ထဲမှာ သုံးချင်စိတ်ပေါ်လာတယ်၊ တွေ့ချင်တော့ ကျနော်သုံးနေတဲ့ hosting ထဲက cpanel ထဲမှာ သုံးထားတာတွေ့ရတယ်။ ဒါနဲ့ source ကနေ coding ဖတ်ကြည့်ပီး ကျနော့ဆိုဒ်အပိုတစ်ခုမှာ စမ်းကြည့်တာ အဆင်ပြေသွားတယ်။ အရင်ဆုံး dock style နဲ့ footer မှာ လုပ်ထားတဲ့ ပုံစံလေးကို ကြည့်မယ်ဆိုရင် http://url6.org/iqb မှာ ကြည့်နိုင်ပါတယ်၊ freehostingcloud ရဲ့ cpanel ထဲမှာ လုပ်ထားတဲ့ပုံစံကိုကြည့်ပီး code တွေကို ဖတ်ကြည့်ရင်း dock style အတွက် သုံးထားတဲ့ code
wordpress အတွက် page navigation သုံးဖို့လိုအပ်တာနဲ့ ဒီ plugin လေးကို သုံးဖြစ်တယ်။ plugin ကို install လုပ်ပြီးတွေ့ရတဲ့ ပုံစံက ဒီလို.. ဒါနဲ့မကြိုက်သေးပါဘူး.. ကိုယ်ပါနဲ့ကို စိတ်ကြိုက်ပြင်ရေးပြီးသုံးမယ်ဆိုပြီးရေးလိုက်တော့ ဒီလို .. ဟ.. လန်းသွားပီ(ကိုယ်ပါနဲ့ကိုပြောတာ :)) သိပ်တော့ မပြင်လိုက်ရပါဘူး။ pagenavi-css.css ထဲမှာ colour လေးတွေ၊ padding၊ a:hover ဒီလောက်ပါပဲ၊ အဓိကထည့်သုံးလိုက်တာက CSS3 မှာ အသစ်ပါလာတဲ့ border-radius ကိုပါ။ http://wordpress.org/extend/plugins/wp-pagenavi ဒီ wp-pagenavi plugins ကိုသုံးလိုက်တယ်.. အဲ့ဒါမသုံးခင်.. theme folder ထဲမှာ .. notepad နဲ့ pagenavi-css.css ဆိုတဲ့ css ဖိုင်တစ်ခု တည်ဆောက်ပြီး ကျနော် ပြင်ရေးထားတဲ့ ဒီ code တွေကိုထည့်ပေးလိုက်ပါ။
ကျနော်သုံးနေတဲ့ wordpress theme style ကိုပြင်ရေးဖြစ်တယ်၊ theme ကိုပြင်မယ်ဆိုတော့ css ကိုဖတ်ရတော့တယ်၊ theme ကို style.css ထဲမှာပဲ ပြင်ရေးတာပါ။ css ကို ဖတ်ရင်း အများဆုံးပြင်ရေးဖြစ်တဲ့နေရာလေးတွေကို မှတ်တမ်းလေးလုပ်ပြီးရေးထားပါတယ်။ ကျနော်ပြင်ရေးခဲ့တဲ့ theme နာမည်က SimpleBlog ပါ။ ကျနော်နဲ့ theme အမျိုးအစားမတူလို့ တခြား theme တွေဆိုရင်လည်း အခု ကျနော်ပြင်ရေးထားတဲ့နေရာလေးတွေကို ဖတ်ပြထားတာလေးကို ကြည့်ရင်လည်း css ကိုပြင်တဲ့အခါ အထောက်အကူပြုမယ်ထင်ပါတယ်။ အတူတူဖတ်ကြည့်ရအောင်.. body { background:#282828 url(images/bg.png);} (ဒါကတော့ ဆိုဒ်ရဲ့ backgrund colour နဲ့ background image ကိုဆိုလိုတာပါ၊ ကျနော်ကတော့ colour ကို 282828 မီးခိုးရောင်ရင့်ရင့်ကိုသုံးထားပါတယ်၊ backgorund image ကိုလည်းသုံးထားပါတယ်။) font-family: 'Masterpiece Uni Sans', Myanmar3,Yunghkio, Parabaik, Padauk, 'WinUni Innwa', 'Win Uni Innwa', 'MyMyanmar Unicode',Myanmar2 , (ဒါကတော့ font အမျိုးအစားအတွက် ရေးထားတာပါ) margin:0 auto; (ဒါက site တစ်ခုလုံးရဲ့ လေးအနားသက် margin ကိုဆိုလိုတာပါ။ 1,2 စသည်ဖြင့် ပြင်နိုင်ပါတ