對于長的文章我們通常是需要進行分頁才閱讀的,但使用wordpress的朋友會發現wordpress文章并不具備分頁功能了,那么如果要添加分頁要如何實現呢?下面來看個例子.

之前大叔介紹過很多wordpress的分類列表分頁和評論的分頁，一直沒介紹過文章內容的分頁，今天有空寫個教程來給大家學習一下，首先，wordpress文章分頁要從編輯器和分頁定義函數兩個地方來實現，現在我們就直接走教程吧。

首先,將下面的代碼放入wordpress主題文件夾的functions.php內:

1. // 在 WordPress 編輯器添加“下一頁”按鈕 
2. add_filter('mce_buttons','add_next_page_button'); 
3. function add_next_page_button($mce_buttons) { 
4.     $pos = array_search('wp_more',$mce_buttons,true); 
5.     if ($pos !== false) { 
6.         $tmp_buttons = array_slice($mce_buttons, 0, $pos+1); 
7.         $tmp_buttons[] = 'wp_page'; 
8.         $mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1)); 
9.     } 
10.     return $mce_buttons; 
11. } 
12. //內容分頁 
13. function custom_wp_link_pages( $args = '' ) { 
14.     $defaults = array( 
15.         'before' => '<div class="pagelist">分頁閱讀：', 
16.         'after' => '</div>', 
17.         'text_before' => '', 
18.         'text_after' => '', 
19.         'next_or_number' => 'number', 
20.         'nextpagelink' =>'下一頁', 
21.         'previouspagelink' =>'上一頁', 
22.         'pagelink' => '%', 
23.         'echo' => 1 
24.     ); 
25.     $r = wp_parse_args( $args, $defaults ); 
26.     $r = apply_filters( 'wp_link_pages_args', $r ); 
27.     extract( $r, EXTR_SKIP ); 
28.     global $page, $numpages, $multipage, $more, $pagenow; 
29.     $output = ''; 
30.     if ( $multipage ) { 
31.         if ( 'number' == $next_or_number ) { 
32.             $output .= $before; 
33.             for ( $i = 1; $i < ( $numpages + 1 ); $i = $i + 1 ) { 
34.                 $j = str_replace( '%', $i, $pagelink ); 
35.                 $output .= ' '; 
36.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) ) 
37.                     $output .= _wp_link_page( $i ); 
38.                 else 
39.                     $output .= '<span>'; 
40.                 $output .= $text_before . $j . $text_after; 
41.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) ) 
42.                     $output .= '</a>'; 
43.                 else 
44.                     $output .= '</span>'; 
45.             } 
46.             $output .= $after; 
47.         } else { 
48.             if ( $more ) { 
49.                 $output .= $before; 
50.                 $i = $page - 1; 
51.                 if ( $i && $more ) { 
52.                     $output .= _wp_link_page( $i ); 
53.                     $output .= $text_before . $previouspagelink . $text_after . '</a>'; 
54.                 } 
55.                 $i = $page + 1; 
56.                 if ( $i <= $numpages && $more ) { 
57.                     $output .= _wp_link_page( $i ); 
58.                     $output .= $text_before . $nextpagelink . $text_after . '</a>'; 
59.                 } //Vevb.com 
60.                 $output .= $after; 
61.             } 
62.         } 
63.     } 
64.     if ( $echo ) 
65.         echo $output; 
66.     return $output; 
67. } 

給編輯器加了下一頁按鈕,也定義了分頁函數,下面就是到single.php文章頁面的相應位置里插入調用函數,即可前端顯示分頁按鈕了,調用函數如下:

<?php custom_wp_link_pages();?>

到了這步,分頁就出來了,CSS我也貼出吧,比較簡約,如果你的css技術流弊的話,歡迎分享給大家.

1. .pagelist { padding: 10px 0; background: #f3f3f3; text-align: center; margin-top: 20px } 
2. .pagelist>span,.pagelist>a{background-color: #fff ;border: 1px#ddd solid ;color: #000;margin-left: 5px;padding: 4px 10px ;text-transform: uppercase; } 
3. .pagelist>a:hover,.pagelist>span{background-color: #363636;color: #fff !important;}