如何實(shí)現(xiàn)文章分頁(yè)

本文主要介紹“實(shí)現(xiàn)文章分頁(yè)的方法”，希望能解決大家遇到的問(wèn)題。我們來(lái)看看這篇《實(shí)現(xiàn)文章分頁(yè)的方法》一文。

如何實(shí)現(xiàn)文章分頁(yè)？

由于頁(yè)面過(guò)長(zhǎng)，頁(yè)面加載速度過(guò)慢，降低了用戶體驗(yàn)。因此，我們必須想辦法給長(zhǎng)文章分頁(yè)。經(jīng)過(guò)一番搜索，發(fā)現(xiàn)代碼中有一個(gè)很好的解決方案。個(gè)人使用后，真的很有效wordpress 分頁(yè)代碼，所以在這里分享一下wordpress 分頁(yè)代碼，有興趣的不要錯(cuò)過(guò)哦。

最近發(fā)現(xiàn)有很多有圖的文章，寫(xiě)的比較長(zhǎng)。這會(huì)導(dǎo)致頁(yè)面加載太慢，不利于用戶體驗(yàn)。尤其是新增的主題頁(yè)面，雖然文字不多，但每個(gè)主題都必須配上一張小圖wordpress建站，讓讀者有個(gè)大致的了解。決定是否進(jìn)行演示。然后將近30個(gè)主題加在一起，頁(yè)面很長(zhǎng)。所以我們必須想辦法給長(zhǎng)文章分頁(yè)。

我用谷歌搜索了一下，發(fā)現(xiàn)了一個(gè)非常好的代碼解決方案。個(gè)人使用后，真的很管用，所以在這里分享一下。

一、添加分頁(yè)按鈕

不怕麻煩的話，寫(xiě)文章的時(shí)候可以切換到HTML模式，插入下面這行代碼，就不用加這個(gè)分頁(yè)按鈕了。

代碼顯示如下：

實(shí)際上，在編輯器中添加分頁(yè)按鈕要容易得多。之前看到過(guò)修改代碼實(shí)現(xiàn)了這個(gè)功能，但是忘記了。因?yàn)槲乙恢痹谑褂镁庉嬈鱽?lái)增強(qiáng)插件：. 這個(gè)按鈕已經(jīng)存在很久了，這里就不多說(shuō)了。

2012-06-17 添加：向 3.4 文本編輯器添加分頁(yè)按鈕

因?yàn)槲业摹度绻闶且晃慌钨e簡(jiǎn)介》網(wǎng)站也使用了本文介紹的長(zhǎng)文章分頁(yè)碼。但是那個(gè)站沒(méi)有安裝插件。所以我還是找到了一種比較簡(jiǎn)單的方法，在編輯器中添加這個(gè)分頁(yè)按鈕。方法如下：

找到 /wp-/class-wp-.php 文件。查找''，標(biāo)簽：（在第 366 行）

代碼顯示如下：

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

在 '' 之后添加 '',（帶單引號(hào)和逗號(hào)）。修改后的代碼如下：

代碼顯示如下：

$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' ), $editor_id);

此時(shí)，您可以在后臺(tái)編寫(xiě)和編輯頁(yè)面上看到類似于文本編輯器上的更多選項(xiàng)卡按鈕的圖標(biāo)。

同樣，相應(yīng)的按鈕將出現(xiàn)在代碼編輯器中。

二、添加分頁(yè)功能

事實(shí)上，自帶分頁(yè)功能的函數(shù)只是沒(méi)有被調(diào)用。所以我們?cè)诰庉嬑恼碌臅r(shí)候，明明插入了分頁(yè)符，但是沒(méi)有看到任何變化。我怎樣才能調(diào)用這個(gè)函數(shù)？方法很簡(jiǎn)單wordpress做網(wǎng)站，在主題模板文件.php中找一行類似如下的代碼。

代碼顯示如下：

在這行代碼之后添加如下代碼，實(shí)現(xiàn)一個(gè)簡(jiǎn)單的分頁(yè)功能。

代碼顯示如下：

三、美化分頁(yè)效果

雖然經(jīng)過(guò)以上兩步，就可以實(shí)現(xiàn)長(zhǎng)篇文章的分頁(yè)功能了。但它不是那么好看。讓我們美化一下，讓分頁(yè)效果更完美。

首先，將上一步中的分頁(yè)功能代碼替換為如下代碼。

代碼顯示如下：

 '
分頁(yè)閱讀：', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一頁(yè)', 'nextpagelink' => "")); ?>  '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'', 'link_after'=>'')); ?>  '', 'after' => '
', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一頁(yè)")); ?>

接下來(lái)，美化 CSS 樣式。

將以下代碼直接放在主題文件 style.css 的末尾。

代碼顯示如下：

/**頁(yè)面分頁(yè)**/ 
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold} 
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;} 
.fenye a{text-decoration:none;} 
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;} 
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

最終顯示效果如下圖所示：

四、解決文章分頁(yè)后標(biāo)題重復(fù)對(duì)SEO的影響

長(zhǎng)文章分頁(yè)后，這些頁(yè)面的標(biāo)題是一樣的。我不知道它是否會(huì)對(duì)SEO產(chǎn)生不利影響?；蛘弑苊馑?！您可以通過(guò)在文章分頁(yè)中添加頁(yè)碼來(lái)解決標(biāo)題重復(fù)的問(wèn)題。我們可以改成如下效果：

簡(jiǎn)單實(shí)用的長(zhǎng)文章分頁(yè)代碼-冠碩插件

簡(jiǎn)單實(shí)用的長(zhǎng)文章分頁(yè)代碼-第2頁(yè)-冠碩插件

簡(jiǎn)單實(shí)用的長(zhǎng)文章分頁(yè)代碼-第3頁(yè)-冠碩插件

在主題模板file.php中找到類似...的代碼，替換為如下代碼。

代碼顯示如下：

五、避免提要分頁(yè)

實(shí)現(xiàn)分頁(yè)功能后，會(huì)對(duì)feed頁(yè)面上的文章進(jìn)行分頁(yè)，一般只顯示第一頁(yè)的內(nèi)容。

解決方法：打開(kāi)wp-目錄下的query.php文件，找到如下代碼行（約3578行）

代碼顯示如下：

if ( strpos( $content,'' ) ) {

將其更改為以下代碼行。

代碼顯示如下：

if ( strpos( $content, '' ) && (!is_feed()) ) {

關(guān)于“實(shí)現(xiàn)文章分頁(yè)的方法”就介紹到這里。希望大家多多支持編程寶庫(kù)。

下一篇：獲取某列鏈接地址的方法編程技術(shù)及程序設(shè)計(jì)

本文主要介紹“獲取某列鏈接地址的方法”，希望能解決大家遇到的相關(guān)問(wèn)題。一起來(lái)看看這篇文章《獲取某列鏈接地址的方法》。得到...

文章來(lái)自互聯(lián)網(wǎng)，侵權(quán)請(qǐng)聯(lián)系刪除，文章闡述觀點(diǎn)來(lái)自文章出處，并不代表本站觀點(diǎn)。 www.bjcthy.com