wordpress single post မှာ
next post link နဲ့ previous post link ကို ဖော်ပြပေးချင်တာနဲ့ အဲ့ဒီ function ပါပီးသား theme တစ်ခုဖြစ်တဲ့ zBench theme ထဲက single.php ဖိုင်ကို ဖတ်ကြည့်ဖြစ်တယ်..
ကျနော်လိုချင်တဲ့ function အတွက် ရေးထားတဲ့ php code ကိုတွေ့ပါတယ်..
ဒီလိုလေး ရေးထားပါတယ်..
ဒီ php code လေးကို ကျနော်တို့ရဲ့ wordpress theme ထဲက single.php ထဲမှာထည့်ပေးရမှာပါ။ single.php ထဲက ဘယ်နေရာလဲဆိုတော့ post entry တစ်ခုရဲ့ အဆုံးနားလေးမှာ ထည့်ပေးရမှာ။ ကျနော် ပုံလေးနဲ့ ပြပေးမယ်..
ဒီလိုဗျာ.. ပုံမှာ အနီရောင်နဲ့ပြထားတာက အရင်ရှိပီးသား post entry အတွက်ရေးထားတဲ့ php code အပြာရောင်နဲ့ပြထားတာက အခု ကျနော်တို့ ထပ်ဖြည့်လိုက်တဲ့ php code ဒါဆို ရှင်းမယ်ထင်ပါတယ်... အခု next & prev post function အတွက် php code ကိုထည့်ပီးပီဆိုတော့.. style အတွက် style.css မှာ css code လေးနည်းနည်းရေးပေးရဦးမယ်ဗျ၊
ဒီ css လေးတွေကို style.css ထဲမှာ ထည့်ပေးလိုက်ရ ရပါပီဗျာ။ တခြားသူတွေတော့ မသိဘူး ကျနော့ theme ကတော့ ဒီ next&prev post ကထည့်ပေးဖို့လိုတယ်ဗျ.. ကျနော်က single post ကို twentyeleven ပုံစံမျိုး sidebar ကိုဖြုတ်ပီး ရေးထားတာဆိုတော့ ဒါလေးက ထည့်ပေးဖို့လိုတယ်လေ။
အဆင်ပြေပါစေဗျာ.. အဆင်မပြေရင်လည်း ပြောပါ။
source : http://sawsan23.com
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 & prev post function အတွက် php code ကိုထည့်ပီးပီဆိုတော့.. style အတွက် style.css မှာ css code လေးနည်းနည်းရေးပေးရဦးမယ်ဗျ၊
#pagination,#nav-below{display:block;width:620px;line-height:18px;margin:0;padding:2px 10px;border-top:1px solid #ddd;}
.navigation{border-bottom:1px solid #fff;text-align:right;line-height:24px;margin:0;padding:2px 10px;}
#nav-below{display:inline-block;padding:20px 10px;border-top:1px solid #ddd;border-bottom:1px solid #fff;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
ဒီ css လေးတွေကို style.css ထဲမှာ ထည့်ပေးလိုက်ရ ရပါပီဗျာ။ တခြားသူတွေတော့ မသိဘူး ကျနော့ theme ကတော့ ဒီ next&prev post ကထည့်ပေးဖို့လိုတယ်ဗျ.. ကျနော်က single post ကို twentyeleven ပုံစံမျိုး sidebar ကိုဖြုတ်ပီး ရေးထားတာဆိုတော့ ဒါလေးက ထည့်ပေးဖို့လိုတယ်လေ။
အဆင်ပြေပါစေဗျာ.. အဆင်မပြေရင်လည်း ပြောပါ။
source : http://sawsan23.com