今天需要實現(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= ');
wp_link_pages('before=&after=&next_or_number=number');
echo ;
wp_link_pages('before=&after=&next_or_number=next&previouspagelink= &nextpagelink=下一頁');
?>
好了,全部功能基本已經(jīng)實現(xiàn),要是還想修改樣式什么的,請自己加css文件內(nèi)容
下面是我替換好的2個js文件,以及post.php文件,你可以直接下載,替換原來的文件就行了,如果你有什么問題或疑問,請留言,互相交流!