有時候小編寫一篇文章寫的太長, 那一篇文章開啟時就會 load 的比較久 (沒有用 lazyload時), 這裡說的, 不是 文章列表的分頁, 而是單篇文章的分頁 !

單篇文章的分頁

WordPress 內建就有這種功能, 不需費心找外掛, 而且還可以決定在文章想要換頁的地方, 想換就換, 想分就分。

1. 開啟佈景主題裡的 single.php 檔案,顧名思義,就是單篇文章用的檔案,然後搜尋以下程式碼:

the_content();

然後在這行程式碼底下加入此行程式碼 (如果在這個theme中的single.php裡面已經有看到 wp_link_pages , 就不用再加了!)

wp_link_pages();

2. 再來,我們要讓編輯器 (WYSIWYG-editor) 可以有一個按鈕,按一下就自動加入 分頁標籤 <!–nextpage–>,這樣,不懂 HTML 的小編也可以很方便使用了:

開啟 functions.php , 加入:

// ————————————————————————–
// 編輯器 Add NextPage Button
// ————————————————————————–
add_filter(‘mce_buttons’,'wysiwyg_editor’);
function wysiwyg_editor($mce_buttons) {
$pos = array_search(‘wp_more’,$mce_buttons,true);
if ($pos !== false) {
$tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
$tmp_buttons[] = ‘wp_page’;
$mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
}
return $mce_buttons;
}
// ————————————————————————–
// 編輯器 End Add NextPage Button
// ————————————————————————–
之後,發表文章時,可以在編輯器看到 nextpage 的按鈕:

nextpage 的按鈕


分享這篇文章的網址這篇文章的網址(可分享到FB、LINE):

用LINE分享給朋友: