[WordPress] 單篇文章分頁模式教學
->
昨天 Vista 問我怎麼單篇文章不能分頁啊?喔喔?WordPress 本來就有單篇文章分頁的功能,應該可以啊~~艾德之後檢視了自己之前設計的 Theme 發現了問題所在,都把這個基本功能拿掉了 Q_Q ,之前設計的 Theme 共有四個,Hyaline 、 Drop2Splash 、 WiiLike 、 Eduardo M ,每個都沒有單篇文章的分頁功能,囧rz。好吧,要來補救這個小缺點,當然也要控制一下這個分頁的樣式,讓它更好看。
首先,先打開 Single.php 檢查一下有沒有 wp_link_pages() 這個功能 如果有的請用下方的代碼取代原有的部份,如果沒有的話,請在
<?php the_content(); ?>
的下方加入以下的代碼
<div class="link_pages"><?php wp_link_pages(array('before' => '<p><strong>文章分頁: </strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?></div>
好了之後,在打開 style.css
在最底部加入底下的 CSS
/* 單篇文章分頁 */
.link_pages {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 10px;
margin: 0px;
}
.link_pages a {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.link_pages a:hover {
color: #ffffff;
background: #D1CAAF;
border-color: #D1CAAF;
text-decoration: none;
}
.link_pages {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 10px;
margin: 0px;
}
.link_pages a {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.link_pages a:hover {
color: #ffffff;
background: #D1CAAF;
border-color: #D1CAAF;
text-decoration: none;
}
這樣就可以有單篇文章分頁的功能了,之後只要在要分頁的地方加上 <!–nextpage–> 就可以分頁囉!
效果:

三月 27th, 2008 at 3:54 下午
噗!原來你的 Theme 沒有放分頁的碼… XD
Vista 可是你 Theme 的愛用者啊!呵呵~
三月 27th, 2008 at 3:57 下午
哇哈哈~~被發現了 @_@
我都沒放這功能 XD