WordPress More標(biāo)簽使用教程，優(yōu)化文章分段與用戶體驗(yàn)

來自：素雅營銷研究院

方知筆記

2025年06月06日 20:24

什么是More標(biāo)簽

More標(biāo)簽（”閱讀更多”標(biāo)簽）是WordPress內(nèi)置的一個實(shí)用功能，允許你在文章中間插入一個分割點(diǎn)，控制首頁、分類頁和存檔頁顯示的文章內(nèi)容長度。當(dāng)使用More標(biāo)簽后，這些頁面只會顯示標(biāo)簽之前的內(nèi)容，并添加一個”繼續(xù)閱讀”或”閱讀更多”的鏈接，讀者點(diǎn)擊后才能查看完整文章。

為什么需要使用More標(biāo)簽

提升頁面加載速度：減少首頁一次性加載的內(nèi)容量
改善用戶體驗(yàn)：讓訪問者快速瀏覽多個文章摘要
增加點(diǎn)擊率：鼓勵用戶點(diǎn)擊進(jìn)入單篇文章頁面
保持頁面整潔：避免長篇內(nèi)容占據(jù)過多首頁空間
SEO優(yōu)化：降低重復(fù)內(nèi)容風(fēng)險(xiǎn)，提高內(nèi)鏈點(diǎn)擊

如何插入More標(biāo)簽

方法一：可視化編輯器添加

在WordPress后臺打開文章編輯器
將光標(biāo)定位到你想分割的位置
點(diǎn)擊工具欄上的”更多”按鈕（通常顯示為兩條虛線加向下箭頭）
保存或更新文章后，前臺就會顯示分割效果

方法二：文本編輯器手動添加

切換到”文本”編輯模式
在需要分割的位置插入以下代碼：

<!--more-->

你也可以自定義”閱讀更多”的提示文字：

<!--more 點(diǎn)擊查看完整內(nèi)容-->

More標(biāo)簽的高級使用技巧

1. 修改”閱讀更多”文字樣式

在主題的style.css文件中添加CSS代碼：

a.more-link {
background: #f2f2f2;
padding: 5px 10px;
border-radius: 3px;
color: #333;
}

2. 通過函數(shù)修改默認(rèn)文字

在主題的functions.php文件中添加：

function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '">查看更多內(nèi)容</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

3. 在特定位置自動插入More標(biāo)簽

使用以下代碼可以自動在文章特定字?jǐn)?shù)后插入More標(biāo)簽：

function auto_insert_more_tag( $content ) {
if ( is_single() ) return $content;

$length = 100; // 前100個字符后插入
if ( strlen( $content ) > $length ) {
$content = substr( $content, 0, $length ) . '<!--more-->' . substr( $content, $length );
}
return $content;
}
add_filter( 'the_content', 'auto_insert_more_tag' );