較完美的WordPress文章摘要(截斷)方案分享
發(fā)布時間:2012-01-10 01:04:04 作者:佚名
我要評論

話說, 這關(guān)于 文章摘要 的方案, 網(wǎng)路上卻是一抓一大把, 從 Wordpress 內(nèi)置摘要, 然后便是既好用又方便的 more標(biāo)簽 截斷, 再就是使用php自身的 mb_strimwidth 函數(shù)截斷... 此三種方案, 都可以在一定程度上解決問題
當(dāng)然, 尚有諸位前輩也曾把以上三種方案結(jié)合一二, 以達(dá)到更廣泛的適應(yīng)度. 不過, 這廂先前在網(wǎng)路上搜索許久, 卻未曾尋到三種方案合為一體的嘗試, 于是只好自己動手寫一下了:)
沒有demo, 整個過程并不麻煩, 主要分作以下兩部分:
STEP 1. 加工 more標(biāo)簽 ↓
<?php
function my_more_link($link){
//禁止more標(biāo)簽自動跳轉(zhuǎn)
$link=preg_replace('/#more-\d+/i','',$link);
//我在more標(biāo)簽的外圍加了一層 p, 用以更方便地自定義more標(biāo)簽在頁面中的顯示(使用 p.read-more)
$link=str_replace('<a','<p class="read-more"><a rel="nofollow" title="繼續(xù)閱讀: '.get_the_title($post->post_title).'"',$link);
//閉合新包裹的 p
$link=str_replace('</a>','</a></p>',$link);
return $link;
}
add_filter('the_content_more_link','my_more_link');//把函數(shù)追加入主題
?>
以上, 應(yīng)是添加入主題的 function.php, 略有注釋. 整個 more標(biāo)簽, 我新增了 nofollow 與 title="文章標(biāo)題" 的屬性. 這些屬性當(dāng)可任君修改, your style~
STEP 2. 加工完整方案 ↓
嗯, 這廂以下才是正題...
我的想法是, 首先判斷 內(nèi)置摘要, 如果有就直接顯示, 否則進入下一判斷, 是否存在 more標(biāo)簽. 最后才是使用php自身的 mb_strimwidth 函數(shù)截斷.
實現(xiàn)的全部代碼如下(基于 STEP 1 中的操作):
<?php //這是為了在單篇文章(或頁面)直接顯示全部內(nèi)容,而不使用以下的判斷
if(is_singular()){the_content();}else{
//定義兩個$
$pc=$post->post_content;
$st=strip_tags(apply_filters('the_content',$pc));
//判斷是否存在 內(nèi)置摘要
if(has_excerpt())
the_excerpt();
/*使用正則表達(dá)式嘗試匹配more標(biāo)簽,
并判斷如果存在more標(biāo)簽, 或者正文內(nèi)容長度小于300, 則直接以more標(biāo)簽方式顯示,
即是說, 有more便顯示more, 沒more且長度小于300則直接顯示全文.
我使用了mb_strwidth來判斷長度.
*/
elseif(preg_match('/<!--more.*?-->/',$pc) || mb_strwidth($st)<300)
the_content('Read more »');
//否則...以下
elseif(function_exists('mb_strimwidth'))//判斷是否支持mb_strimwidth函數(shù)
echo'<p>'//mb_strimwidth截斷后得到的是純文本, 所以我給它包了一層 p
.mb_strimwidth($st,0,300,' ...')//對文本內(nèi)容截斷, 從位置0開始往后截取300長度, 超出部分以點點點替代
.'</p><p class="read-more"><a title="'//給截斷的內(nèi)容添加一個與 STEP 1 完全一模一樣的"more標(biāo)簽"...
.the_title("繼續(xù)閱讀: ","",false)//注意這里與 STEP 1 相比, 使用了另一個函數(shù)來獲取標(biāo)題
.'" rel="nofollow" href="'
.post_permalink()
.'" class="more-link">Read more »</a></p>';
else the_content();//最后沒有選擇的選擇...
}?>
以上便是整個過程了, 把 STEP 2 的全部代碼拷貝, 然后找到主題循環(huán)部分, 以之替換類似 <?php the_content(); ?>" 的存在即可.
至此, 我使用的文章摘要與截斷方案 便算完成了, 若有不當(dāng)之處, 還請不吝留言指教~感恩啦~
注1: 使用 mb_strimwidth 倘若出現(xiàn)亂碼, 請自行 Google 之...
注2: 使用 mb_strimwidth 會強制截斷html代碼塊而導(dǎo)致格式亂套, 所以最好還是手動設(shè)置 more標(biāo)簽, 或者只將其用于純文字的文章.
注3: 若php文件中寫入了中文字符, 請保存為 utf8-no-bom 格式.
Update: 2011.05.31
沒有demo, 整個過程并不麻煩, 主要分作以下兩部分:
STEP 1. 加工 more標(biāo)簽 ↓
復(fù)制代碼
代碼如下:<?php
function my_more_link($link){
//禁止more標(biāo)簽自動跳轉(zhuǎn)
$link=preg_replace('/#more-\d+/i','',$link);
//我在more標(biāo)簽的外圍加了一層 p, 用以更方便地自定義more標(biāo)簽在頁面中的顯示(使用 p.read-more)
$link=str_replace('<a','<p class="read-more"><a rel="nofollow" title="繼續(xù)閱讀: '.get_the_title($post->post_title).'"',$link);
//閉合新包裹的 p
$link=str_replace('</a>','</a></p>',$link);
return $link;
}
add_filter('the_content_more_link','my_more_link');//把函數(shù)追加入主題
?>
以上, 應(yīng)是添加入主題的 function.php, 略有注釋. 整個 more標(biāo)簽, 我新增了 nofollow 與 title="文章標(biāo)題" 的屬性. 這些屬性當(dāng)可任君修改, your style~
STEP 2. 加工完整方案 ↓
嗯, 這廂以下才是正題...
我的想法是, 首先判斷 內(nèi)置摘要, 如果有就直接顯示, 否則進入下一判斷, 是否存在 more標(biāo)簽. 最后才是使用php自身的 mb_strimwidth 函數(shù)截斷.
實現(xiàn)的全部代碼如下(基于 STEP 1 中的操作):
復(fù)制代碼
代碼如下:<?php //這是為了在單篇文章(或頁面)直接顯示全部內(nèi)容,而不使用以下的判斷
if(is_singular()){the_content();}else{
//定義兩個$
$pc=$post->post_content;
$st=strip_tags(apply_filters('the_content',$pc));
//判斷是否存在 內(nèi)置摘要
if(has_excerpt())
the_excerpt();
/*使用正則表達(dá)式嘗試匹配more標(biāo)簽,
并判斷如果存在more標(biāo)簽, 或者正文內(nèi)容長度小于300, 則直接以more標(biāo)簽方式顯示,
即是說, 有more便顯示more, 沒more且長度小于300則直接顯示全文.
我使用了mb_strwidth來判斷長度.
*/
elseif(preg_match('/<!--more.*?-->/',$pc) || mb_strwidth($st)<300)
the_content('Read more »');
//否則...以下
elseif(function_exists('mb_strimwidth'))//判斷是否支持mb_strimwidth函數(shù)
echo'<p>'//mb_strimwidth截斷后得到的是純文本, 所以我給它包了一層 p
.mb_strimwidth($st,0,300,' ...')//對文本內(nèi)容截斷, 從位置0開始往后截取300長度, 超出部分以點點點替代
.'</p><p class="read-more"><a title="'//給截斷的內(nèi)容添加一個與 STEP 1 完全一模一樣的"more標(biāo)簽"...
.the_title("繼續(xù)閱讀: ","",false)//注意這里與 STEP 1 相比, 使用了另一個函數(shù)來獲取標(biāo)題
.'" rel="nofollow" href="'
.post_permalink()
.'" class="more-link">Read more »</a></p>';
else the_content();//最后沒有選擇的選擇...
}?>
以上便是整個過程了, 把 STEP 2 的全部代碼拷貝, 然后找到主題循環(huán)部分, 以之替換類似 <?php the_content(); ?>" 的存在即可.
至此, 我使用的文章摘要與截斷方案 便算完成了, 若有不當(dāng)之處, 還請不吝留言指教~感恩啦~
注1: 使用 mb_strimwidth 倘若出現(xiàn)亂碼, 請自行 Google 之...
注2: 使用 mb_strimwidth 會強制截斷html代碼塊而導(dǎo)致格式亂套, 所以最好還是手動設(shè)置 more標(biāo)簽, 或者只將其用于純文字的文章.
注3: 若php文件中寫入了中文字符, 請保存為 utf8-no-bom 格式.
Update: 2011.05.31
相關(guān)文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27- 這篇文章主要介紹了wordpress無法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27
WordPress必備數(shù)據(jù)庫SQL查詢語句整理
發(fā)現(xiàn)幾條比較實用的,適合 WordPress 實用的SQL語句。于是就趕緊收集分享出來了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問題的分析與解決方法
wordpress是很多新手站長搭建個人博客最喜愛的程序,但是最近在使用WordPress的時候遇到了一些問題,所以想著將遇到問題總結(jié)分享出來,下面這篇文章主要給大家介紹了關(guān)于wo2017-08-11WordPress取消英文標(biāo)點符號自動替換中文標(biāo)點符號的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標(biāo)點符號自動替換中文標(biāo)點符號的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類型的方法,如WordPress默認(rèn)允許上傳 .exe 后綴名的可運行文件,那么我們怎么禁止用戶在WordPress后臺發(fā)表文章時上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當(dāng)實現(xiàn)了前端用戶中心,后臺控制面板就失去了作用,那么限制其他用戶進入后臺控制面板就很有必要了!那么我們要怎么做呢?通過下面這篇文章分享的方法后,只2016-12-19
WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能,涉及wordpress針對評論與郵件的相關(guān)操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類型實現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類型實現(xiàn)任意模板的方法,可通過自定義文章類型來實現(xiàn)任意模版的使用,具有一定參考借鑒價值,需要的朋友可以參考下2016-10-11WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法
這篇文章主要介紹了WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法,簡單分析了后臺無法登陸的原因與相應(yīng)的解決方法,涉及針對wordpress配置項的簡單修改,需要的朋友2016-10-11