有時候我們在wordpress網站發表文章時,文章可能會很長或者圖片比較多,一個頁面展示起來太長太累,怎么辦呢？分頁顯示唄.

這時候,我們就要用到一個wordpress函數——wp_link_pages()了,那么,怎樣通過wp_link_pages()函數來實現wordpress文章的分頁顯示呢？下面,一起來看看吧.

首先,我們到文章頁模板文件single.php里查找一下有沒有wp_link_pages()函數,如果沒有,我們給添加上,然后我們在寫文章時,在文章需要分頁的地方添加上<!–nextpage–>標簽(注意:不是在“可視化”下添加,而是在“文本”狀態下添加,這樣才有效果),接下來我們打開文章的時候就會顯示“頁面:1 2 3 ”這樣的分頁效果.

是不是覺得這種效果太簡單,想要好看一點的,別急,下面就是一種比較炫一點的分頁效果代碼:

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

用上面的代碼替代你single.php文件中的wp_link_pages(),再在style.php文件中添加如下的CSS代碼:

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

通過上面的代碼可以實現如“>文章分頁:上一頁 1 2 3 下一頁”的效果,是不是要好看一點.

wp_link_pages()函數參數詳解:

before：(字符串)所有鏈接前的文本。默認為<p>pages:。

after：(布爾)所有鏈接后的文本 。默認為</p>。

link_before：(字符串)單個鏈接文本前的文本。默認為空。

link_after：(字符串)單個鏈接文本后的文本。默認為空。

next_or_number：(字符串)是否指明頁面數。值：number -(默認)即顯示頁面數。

nextpagelink：(字符串)鏈接到下一頁的文本。默認為Next page。

previouspagelink：(字符串)鏈接到上一頁的文本。默認為Previous page。

pagelink：(字符串)頁面數的字符串格式。默認為%，它可以生成諸如”1″,”2″這類數字。

more_file：(字符串)鏈接應指向的頁。默認為當前頁。

echo：(布爾)是否輸出或返回結果。1 -是(默認)；0 -否