[WordPress] 單篇文章太長了嗎? 單篇文章分頁功能

有時候小編寫一篇文章寫的太長, 那一篇文章開啟時就會 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 的按鈕

nextpage 的按鈕

網頁設計,程式設計

小編推薦/優惠活動:

蘋果日報分類廣告刊登
網站設計
文章列表

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s