--> Skip to main content

sawsan Wordpress page navigation plugins

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 တွေကိုထည့်ပေးလိုက်ပါ။

.wp-pagenavi {
clear:both;
font-size:15px;
padding:1px;
text-align:right;
text-transform:uppercase;
}


.wp-pagenavi a, .wp-pagenavi a:link {
padding: 3px 6px 3px 6px;
margin: 1px;
text-decoration: none;
color: #ffffff;
background-color: #000000;-moz-border-radius:3px;
}


.wp-pagenavi a:visited {
padding: 3px 6px 3px 6px;
margin: 2px;
text-decoration: none;

color: #ffffff;-moz-border-radius:3px;
}

.wp-pagenavi a:hover {

color: #ffffff;
background-color: #b802fc;-moz-border-radius:3px;
}

.wp-pagenavi a:active {

padding: 3px 6px 3px 6px;
margin: 2px;
text-decoration: none;
color: #000000;
}

.wp-pagenavi span.pages {

color: #000000;
float:left;-moz-border-radius: 3px;
}

.wp-pagenavi span.current {

padding: 3px 6px 3px 6px;
margin: 2px;
font-weight: bold;
color: #ffffff;
background-color: #b802fc;-moz-border-radius:3px;
}

.wp-pagenavi span.extend {

padding: 3px 6px 3px 6px;
margin: 2px;
color: #000000;border: 1px solid #505050;-moz-border-radius:3px;
}


ကျနော်သုံးတဲ့ theme ကလည်း download ချ၊ စိတ်ကြိုက်ပြင်ပီးရေးပြီးမှ install လုပ်တာ၊ အဲ့ဒီ theme ကို install မလုပ်ခင်ကတည်းက pagenavi-css.css ကို theme folder ထဲမှာ ပါပြီးသား၊ အဲ့တုန်းက
CSS3 ရဲ့ border-radius ကိုမသုံးရသေးဘူး၊ ဒီအတိုင်း လေးထောင့်ပုံစံပဲ၊ အခုမှ Admin Dashboard ထဲကနေ pagenavi-css.css မှာ နည်းနည်းထပ်ပြင်လိုက်တာ၊ အဆင်မပြေရင်ပြောပါဗျာ.. source : www.sawsan23.com

Random Quote

—