把下面的代碼放進(jìn)你所用主題的single.php文件的while主循環(huán)之內(nèi):
創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站建設(shè)、做網(wǎng)站與策劃設(shè)計(jì),羅定網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:羅定等地區(qū)。羅定做網(wǎng)站價(jià)格咨詢:028-86922220
nav?id="nav-single"
span?class="nav-previous"?php?previous_post_link(?$format='span?class="left-arrow"/span?%link?',?$link='%title',?$in_same_cat?=?false,?$excluded_categories?=?'');??/span
span?class="nav-next"?php?next_post_link($format='?%link?span?class="right-arrow"/span',?$link='%title',?$in_same_cat?=?false,?$excluded_categories?=?'');??/span
/nav!--?#nav-single?--
CSS請(qǐng)參考WP自帶的2013主題的style中的1714-1723行,外加:
.left-arrow:before,.right-arrow:after{
width:?14px;
height:?14px;
display:?inline-block;
padding:?8px?0;
color:?#999;
font:?400?14px/1?dashicons!important;
font-weight:?normal;
font-style:?normal;
speak:?none;
text-align:?center;
vertical-align:?middle;
-webkit-font-smoothing:?antialiased;
-moz-osx-font-smoothing:?grayscale;
-moz-transition:?all?.1s?ease-in-out;
-webkit-transition:?all?.1s?ease-in-out;
transition:?all?.1s?ease-in-out;
}
.left-arrow:before{
content:?"\f340";
}
.right-arrow:after{
content:?"\f344";
}
你需要在主題前臺(tái)載入WP自帶的dashicons才會(huì)有左右箭頭出現(xiàn),如下圖
測(cè)試截圖:
第一步,在你的主題模板文件夾下找到single.php文件,用DW打開,找到!–p class=postmetadata alt (可能不是每個(gè)主題都是同樣的代碼,原理就是找到文章內(nèi)容模板結(jié)束的地方);
第二步,在你找到的文章內(nèi)容模板結(jié)束的地方上,加入如下代碼:div
div?php previous_post_link(‘? ? 上一篇:%link’); ?/div
div class=alignright?php next_post_link(‘下一篇:%link ? ? ‘); ?/div
/div(我的博客如此,可以修改多種不同的表現(xiàn)形式,不一一列舉。)
第三步,寫CSS樣式,并加入到style.css(默認(rèn)樣式表)。我的CSS代碼如下:
.alignleft {
float:left;
text-align:left;
margin-right:10px;}
.alignright {
float:right;
text-align:right;
margin-left:10px;}
.alignleft a{
color:#D52300;
font-size:12px}
.alignright a{
color:#D52300;
至此就大功告成了
這個(gè),要根據(jù)你的主題來定 你可以自己看一看,放到文章(post)代碼的后面就行了,不懂代碼的話就多試幾次嘛~~