wordpress編輯器中添加分頁(nextpage)按鈕方法

來源:互聯網
上載者:User

也可以用這篇文章說的方法在後台編輯器上添加自己喜歡的快速鍵按鈕,十分的方便,已經過本人測試,非常好用。
———————
相信現在使用wordpress3.0發布文章,添加文章時在編輯器上只會看得到一個more標籤(摘取文章摘要),但是有時候寫的文章字數比較多,放在一頁會影響讀者的閱讀興趣,所以需要將長文章分頁,這樣不會引起讀者心裡上的反感。

文章分頁功能在WordPress 1.5版本中的文章編輯器中有這個功能,但是不知為什麼後來從編輯器中去掉了,不過文章分頁並未真正的消失,我們可以通過修改程式碼再現文章分頁的功能。在這我將提供兩種方法:

一、文章分頁的標籤是:< !– nextpage –>,我們可以在文章的HTML編輯狀態下,在需要分頁的地方添加”< !– nextpage –>”即可。

二、通過修改代碼,將文章分頁快速鍵調出來。

1.首先開啟/wp-includes/js/quicktags.dev.js檔案,找到131行,找到如下代碼:

我們需要將兩行注釋號去掉,讓包含其中的代碼生效。改後的代碼如下:

 代碼如下 複製代碼
edButtons[edButtons.length] =
new edButton(‘ed_next’
,’page’
,’<!–nextpage–>’
,”
,’p’
,-1
);

然後再找到如下的代碼:

 代碼如下 複製代碼
//t.Buttons[t.Buttons.length] = new edButton(name+’_next’,'page’,'<!–nextpage–>’,”,’p',-1);

同樣也是將注釋號去掉,讓其代碼生效。改後代碼如下:

 代碼如下 複製代碼

t.Buttons[t.Buttons.length] = new edButton(name+’_next’,'page’,'<!–nextpage–>’,”,’p',-1);

2、然後再找到/wp-includes/js/quicktags.js檔案。在檔案中找到此段代碼:

edButtons[edButtons.length]=new edButton(“ed_more”,”more”,”<!–more–>”,”",”t”,-1);

然後在代碼的後邊加上如下的代碼:

 代碼如下 複製代碼

edButtons[edButtons.length]=new edButton(“ed_next”,”nextpage”,”<!–nextpage–>”,”",”p”,-1);

再找到如下的代碼:

 代碼如下 複製代碼

j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,”<!–more–>”,”",”t”,-1);

將在後邊加上如下的代碼:

 代碼如下 複製代碼

j.Buttons[j.Buttons.length]=new edButton(a+”_next”,”nextpage”,”<!–nextpage–>”,”",”p”,-1);

3、然後再找到/wp-admin/includes/post.php檔案。找到1451行中找wp_more標籤,

 代碼如下 複製代碼

$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ‘strikethrough’, ‘|’, ‘bullist’, ‘numlist’, ‘blockquote’, ‘|’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’, ‘|’, ‘link’, ‘unlink’, ‘wp_more’, ‘|’, ‘spellchecker’, ‘fullscreen’, ‘wp_adv’ ));

在後邊加上:’wp_page’(包括單引號)。代碼如下:

 代碼如下 複製代碼
$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ‘strikethrough’, ‘|’, ‘bullist’, ‘numlist’, ‘blockquote’, ‘|’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’, ‘|’, ‘link’, ‘unlink’, ‘wp_more’,'wp_page’, ‘|’, ‘spellchecker’, ‘fullscreen’, ‘wp_adv’ ));

這時你就可以在背景編輯文章和添加新文章頁面的可視化編輯器上看到一個跟more標籤相似的表徵圖,同樣在代碼編輯器也會相應出現一個nextpage按鈕。

4、需要主題中支援分頁功能,所以在自訂佈景主題時,需要手動添加代碼到文章頁(single.php)。找到主題中single.php檔案中的<?php the_content();?>代碼,
然後在它後面添加如下代碼:

 代碼如下 複製代碼
<?php
wp_link_pages(‘before=<div id=”page-links”>&next_or_number=number’);
wp_link_pages(‘before=&after=</div>&next_or_number=next&previouspagelink=上一頁&nextpagelink=下一頁’);
?>

如果添加自己個人化標籤比如本部落格的所有權縮寫sr (設定的是這個sr應該用中括弧括起來的),這段代碼添加到主題支援函數內即可。現在你也可以模仿著來製作自己的個人化標籤並且為它設定一個後台按鈕了,快點試試吧。

 代碼如下 複製代碼

function ShortRight() {     return ‘www.111cn.net”>三江小渡</a>’;}
add_shortcode(‘sr’, ‘ShortRight’);

js部分代碼是這樣的:(類型東西都照著上邊的nextpage標籤修改)

 代碼如下 複製代碼

edButtons[edButtons.length] =
new edButton('ed_SR'
,'ShortRight'
,'[sr]'
,''
,'sr'
,-1
);
t.Buttons[t.Buttons.length] = new edButton(name+'_sr','ShortRight','[sr]','','sr',-1);

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.