WordPress文章分頁(yè)的完美解決方法

一般情況下大家都是采用 WordPress 標(biāo)簽 <!–nextpage–> 來(lái)對(duì)文章內(nèi)容進(jìn)行分頁(yè)的,<!–nextpage–> 使用方法和 <!–more–> 差不多,不過(guò) <!–more–> 只能使用一次, <!–nextpage–> 可以使用多次.只要在每個(gè)需要進(jìn)行分頁(yè)的地方插入 <!–nextpage–> ,就可以將文章分為多頁(yè).如果你在文章中已經(jīng)添加了 <!–nextpage–> 卻沒(méi)有顯示出分頁(yè)來(lái),那么你就需要在相關(guān)的模板文件中加入一個(gè)函數(shù).

在主題中找到文件 single.php ,找到類似下面的代碼:

<?php the_content(); ?>

然后在后面加上:

<?php wp_link_pages(); ?>

這時(shí)候如果你的文章中添加了<!–nextpage–> 代碼，那么就可以實(shí)現(xiàn)分頁(yè)效果了，默認(rèn)情況下的分頁(yè)效果見(jiàn)下圖。

希望分頁(yè)鏈接顯示為”page 1 page 2 page 3″的日志分頁(yè)代碼

<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?>
是不是覺(jué)得這幾種效果都太簡(jiǎn)單了呢?那你自己設(shè)計(jì)div內(nèi)分頁(yè)鏈接的樣式（這個(gè)就要自己寫(xiě)css了）

<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>
如果你想增加如”上一頁(yè)”"下一頁(yè)”等一些選項(xiàng),那就需要對(duì) wp_link_pages 進(jìn)行修改了.這是”上一頁(yè)”"下一頁(yè)”在一塊的效果

<?php wp_link_pages('link_before=<span>&link_after=</span>&before=<div id="single-navi"><div><p><span>頁(yè)面:</span>&after=&next_or_number=number'); ?>
<?php wp_link_pages('before=&after=</p><div></div></div></div>&next_or_number=next&previouspagelink=上一頁(yè)&nextpagelink=下一頁(yè)'); ?>

其中的css樣式表你就自己看著辦了。

這又是另外一種日志分頁(yè)效果：代碼見(jiàn)下面

<?php wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=上一頁(yè)&nextpagelink=&nbsp’); wp_link_pages(‘before=&after=&next_or_number=number’); echo “&nbsp;”; wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一頁(yè)’); ?>

上面的那種效果還可以用另外一種代碼實(shí)現(xiàn)：

<?php wp_link_pages(array(‘before’ => ‘<div>>文章分頁(yè)：’, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ‘上一頁(yè)’, ‘nextpagelink’ => “”)); ?>
<?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘number’, ‘link_before’ =>’<span>’, ‘link_after’=>’</span>’)); ?>
<?php wp_link_pages(array(‘before’ => ”, ‘after’ => ‘</div>’, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ”, ‘nextpagelink’ => “下一頁(yè)”)); ?>

附上自己正在用的日志分頁(yè)代碼吧：

<?php
my_wp_link_pages(‘before=<div>&after=&next_or_number=number&link_before=<span>&link_after=</span>’);
my_wp_link_pages(‘before=&after=</div>&next_or_number=next&previouspagelink=上一頁(yè)&nextpagelink=下一頁(yè)&link_before=<span>&link_after=</span>’);
?>
 
2/2

CSS樣式：

/* fenye*/
.fenye{text-align:center;margin:0px auto 10px;}
.fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid #D2D2D2;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#c73503;color: #fff;}