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

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. 繼續在 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,當你打開編輯器寫文章的時候,可視化狀態下就會出現分頁符的按鈕,在你想插入頁碼的時候點擊此按鈕就行了。

WordPress單頁文章分頁

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

<?php the_content(); ?>

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

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

6. 到這邊已經成功了,你可以書寫文章進行測試了,測試玩你就會發現樣式不是很好,你可以接着修改第 5 步中的代碼,將其改為一下的代碼,實現一定的樣式

第 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=下一頁');
?>

好了,全部功能基本已經實現,要是還想修改樣式什麼的,請自己加 css 文件內容

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