ISSUE

2021


[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 的按鈕



前往討論區 這篇文章的網址 (可分享到FB、PTT、Mobile01):

小編推薦/優惠活動: 小編推薦/優惠活動:
申辦星展卡贈500元 申辦玉山卡贈300元


您也許對這文章有興趣:

您也許對這文章有興趣:

數位高利活儲帳戶 (渣打/花旗/華南/台新)
數位高利活儲帳戶 (渣打/花旗/華南/台新)

Line 使用常見問題
發錯的LINE訊息可以收回或刪除嗎?

 
其它文章: 前往瀏覽目錄
本篇文章的行動版網頁: 切換到行動版本
返回頂端

Copyright © 2008-2021 Anson | Secured by SSL Connection SSL

遠東樂家卡10%回饋