较完美的WordPress文章摘要(截断)方案分享
当然, 尚有诸位前辈也曾把以上三种方案结合一二, 以达到更广泛的适应度. 不过, 这厢先前在网路上搜索许久, 却未曾寻到三种方案合为一体的尝试, 于是只好自己动手写一下了:)
没有demo, 整个过程并不麻烦, 主要分作以下两部分:
STEP 1. 加工 more标签 ↓
代码如下:
<?php
function my_more_link($link){
//禁止more标签自动跳转
$link=preg_replace('/#more-\d+/i','',$link);
//我在more标签的外围加了一层 p, 用以更方便地自定义more标签在页面中的显示(使用 p.read-more)
$link=str_replace('<a','<p class="read-more"><a rel="nofollow" title="继续阅读: '.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');//把函数追加入主题
?>
以上, 应是添加入主题的 function.php, 略有注释. 整个 more标签, 我新增了 nofollow 与 title="文章标题" 的属性. 这些属性当可任君修改, your style~
STEP 2. 加工完整方案 ↓
嗯, 这厢以下才是正题...
我的想法是, 首先判断 内置摘要, 如果有就直接显示, 否则进入下一判断, 是否存在 more标签. 最后才是使用php自身的 mb_strimwidth 函数截断.
实现的全部代码如下(基于 STEP 1 中的操作):
代码如下:
<?php //这是为了在单篇文章(或页面)直接显示全部内容,而不使用以下的判断
if(is_singular()){the_content();}else{
//定义两个$
$pc=$post->post_content;
$st=strip_tags(apply_filters('the_content',$pc));
//判断是否存在 内置摘要
if(has_excerpt())
the_excerpt();
/*使用正则表达式尝试匹配more标签,
并判断如果存在more标签, 或者正文内容长度小于300, 则直接以more标签方式显示,
即是说, 有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函数
echo'<p>'//mb_strimwidth截断后得到的是纯文本, 所以我给它包了一层 p
.mb_strimwidth($st,0,300,' ...')//对文本内容截断, 从位置0开始往后截取300长度, 超出部分以点点点替代
.'</p><p class="read-more"><a title="'//给截断的内容添加一个与 STEP 1 完全一模一样的"more标签"...
.the_title("继续阅读: ","",false)//注意这里与 STEP 1 相比, 使用了另一个函数来获取标题
.'" rel="nofollow" href="'
.post_permalink()
.'" class="more-link">Read more »</a></p>';
else the_content();//最后没有选择的选择...
}?>
以上便是整个过程了, 把 STEP 2 的全部代码拷贝, 然后找到主题循环部分, 以之替换类似 <?php the_content(); ?>" 的存在即可.
至此, 我使用的文章摘要与截断方案 便算完成了, 若有不当之处, 还请不吝留言指教~感恩啦~
注1: 使用 mb_strimwidth 倘若出现乱码, 请自行 Google 之...
注2: 使用 mb_strimwidth 会强制截断html代码块而导致格式乱套, 所以最好还是手动设置 more标签, 或者只将其用于纯文字的文章.
注3: 若php文件中写入了中文字符, 请保存为 utf8-no-bom 格式.
Update: 2011.05.31
没有demo, 整个过程并不麻烦, 主要分作以下两部分:
STEP 1. 加工 more标签 ↓
代码如下:
<?php
function my_more_link($link){
//禁止more标签自动跳转
$link=preg_replace('/#more-\d+/i','',$link);
//我在more标签的外围加了一层 p, 用以更方便地自定义more标签在页面中的显示(使用 p.read-more)
$link=str_replace('<a','<p class="read-more"><a rel="nofollow" title="继续阅读: '.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');//把函数追加入主题
?>
以上, 应是添加入主题的 function.php, 略有注释. 整个 more标签, 我新增了 nofollow 与 title="文章标题" 的属性. 这些属性当可任君修改, your style~
STEP 2. 加工完整方案 ↓
嗯, 这厢以下才是正题...
我的想法是, 首先判断 内置摘要, 如果有就直接显示, 否则进入下一判断, 是否存在 more标签. 最后才是使用php自身的 mb_strimwidth 函数截断.
实现的全部代码如下(基于 STEP 1 中的操作):
代码如下:
<?php //这是为了在单篇文章(或页面)直接显示全部内容,而不使用以下的判断
if(is_singular()){the_content();}else{
//定义两个$
$pc=$post->post_content;
$st=strip_tags(apply_filters('the_content',$pc));
//判断是否存在 内置摘要
if(has_excerpt())
the_excerpt();
/*使用正则表达式尝试匹配more标签,
并判断如果存在more标签, 或者正文内容长度小于300, 则直接以more标签方式显示,
即是说, 有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函数
echo'<p>'//mb_strimwidth截断后得到的是纯文本, 所以我给它包了一层 p
.mb_strimwidth($st,0,300,' ...')//对文本内容截断, 从位置0开始往后截取300长度, 超出部分以点点点替代
.'</p><p class="read-more"><a title="'//给截断的内容添加一个与 STEP 1 完全一模一样的"more标签"...
.the_title("继续阅读: ","",false)//注意这里与 STEP 1 相比, 使用了另一个函数来获取标题
.'" rel="nofollow" href="'
.post_permalink()
.'" class="more-link">Read more »</a></p>';
else the_content();//最后没有选择的选择...
}?>
以上便是整个过程了, 把 STEP 2 的全部代码拷贝, 然后找到主题循环部分, 以之替换类似 <?php the_content(); ?>" 的存在即可.
至此, 我使用的文章摘要与截断方案 便算完成了, 若有不当之处, 还请不吝留言指教~感恩啦~
注1: 使用 mb_strimwidth 倘若出现乱码, 请自行 Google 之...
注2: 使用 mb_strimwidth 会强制截断html代码块而导致格式乱套, 所以最好还是手动设置 more标签, 或者只将其用于纯文字的文章.
注3: 若php文件中写入了中文字符, 请保存为 utf8-no-bom 格式.
Update: 2011.05.31
