今天需要實現(xiàn)一個功能，wordpress實現(xiàn)一篇較長的文章分頁顯示，于是乎找了很多資料，找了很久才找到，大部分都是3.0之前的實現(xiàn)方法，所以都不成功，后來終于找到了，也知道了之前的不能實現(xiàn)的原因。下面魏星博客就分享一下我實現(xiàn)的過程以及代碼。

1. 找到wp-includes/js/quicktags.js ，在其中找到下面這個javascript代碼：

edButtons[edButtons.length]=new edButton(“ed_more”,”more”,”<!–more–>”,”",”t”,-1);

在這個代碼的后面加上如下代碼：

edButtons[edButtons.length]=new edButton(“ed_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

2. 繼續(xù)在wp-includes/js/quicktags.js 中找到如下代碼：

j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,”<!–more–>”,”",”t”,-1);

在后面加上如下代碼：

j.Buttons[j.Buttons.length]=new edButton(a+”_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

OK ，此文件可以保存了。

3. 找到wp-includes/js/quicktags.dev.js ，找到下面代碼

/*

edButtons[edButtons.length] =

new edButton(‘ed_next’

,’page’

,’<!–nextpage–>’

,”

,’p’

,-1

);

*/

去掉注釋，最后是下面的樣子

edButtons[edButtons.length] =

new edButton(‘ed_next’

,’page’

,’<!–nextpage–>’

,”

,’p’

,-1

);

4. 找到wp-admin/includes/post.php ，找到下面代碼：

‘link’, ‘unlink’, ‘wp_more’,

在其后面添加代碼：

‘wp_page’,

OK，當你打開編輯器寫文章的時候，可視化狀態(tài)下就會出現(xiàn)分頁符的按鈕，在你想插入頁碼的時候點擊此按鈕就行了。

5.修改single頁面的代碼，找到一下代碼

<?php the_content(); ?>

一般情況下，他的下面會緊跟著一段類似代碼如下，如果沒有請你自己手動添加

<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>

6.到這邊已經(jīng)成功了，你可以書寫文章進行測試了，測試玩你就會發(fā)現(xiàn)樣式不是很好，你可以接著修改第5步中的代碼，將其改為一下的代碼，實現(xiàn)一定的樣式

第1頁，第二頁，第三頁形式代碼

<?php if (get_query_var(‘paged’)) { //判斷是否為首頁

echo ‘第’;

echo get_query_var(‘paged’); //頁碼

echo ‘頁’;

}?>

上一頁 2 3 4 5 6 7 下一頁形式代碼

<?php

wp_link_pages('before=&after=&next_or_number=next&previouspagelink=上一頁&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=下一頁');

?>

好了，全部功能基本已經(jīng)實現(xiàn)，要是還想修改樣式什么的，請自己加css文件內(nèi)容

下面是我替換好的2個js文件，以及post.php文件，你可以直接下載，替換原來的文件就行了，如果你有什么問題或疑問，請留言，互相交流！！

更多信息請查看IT技術(shù)專欄