当前位置：首页 > 设计 > 正文

WordPress文章摘要多种展示方案

William2011-12-11 00:49设计39,684次浏览94条评论

扫一扫手机看

关于WordPress的首页文章摘要，我想很多人都有自己不同的看法，关注我博客的或者使用我主题我想大家都知道，我使用的是截取文章的部分（大约350字）来作为摘要的。

其实我个人并不是很喜欢这种摘要的显示方式，但是这个方法用起来比较方便而已。

WordPress是有摘要功能的，写文章的时候填写一些摘要是一个很好的习惯，我主题设置摘要给搜索引擎看的。

不过并不是很多人在发表文章的时候填写这个摘要，所以我也一直纠结是否在主题设计的时候首选使用摘要模式。

网上使用摘要的代码大多是这样的


<?php if(!is_single()) {
     the_excerpt();
 } else {
     the_content(__('(more...)'));
 } ?>

首选显示摘要，如果没有摘要则显示全部文章，话说显示全部文章肯定是不给力的，万一一篇文章很长怎么办，首页能放几篇文章？

今天看到一篇很好的文章，解决了这一问题，文章想到了我所想要的，非常不错。较完美的WordPress文章摘要(截断)方案，目前已无法打开。

首先显示摘要，如果没有摘要的则显示用more标签截断的，如果没有more标签则显示文章截取多少字的，如果主机不支持mb_strimwidth函数截断，则才显示全文。

大家觉得这种显示方法怎么样，如果大家觉得OK，我新版的主题将使用这个作为首页文章摘要了。


<?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 &raquo;');
    //否则...以下
    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 &raquo;</a></p>';
    else the_content();//最后没有选择的选择...
}?>

赏

【上一篇】日本动漫节in上海
【下一篇】WordPress自定义表情及其路径

WordPress文章摘要多种展示方案：目前有 94 条评论

40楼
90后博客：

如果是诗歌形式的文章，分行太多，好像摘要很不协调，这个要怎么去解决，显示摘要的时候能不能过滤掉回车？。其他普通文章显示很棒。

2016-07-26 09:40 回复
- William博主：
  
  @90后博客诗歌的话还是建议自己手动添加一下文章的摘要。
  
  2016-08-17 15:24 回复
39楼
多盈网：

有不有办法让首页置顶的文章显示全文其它的显示摘要？求助

2016-05-24 23:48 回复
- William博主：
  
  @多盈网已经将修改的文件通过你评论留言的邮箱发送给你了，请注意查收。
  
  2016-05-25 11:19 回复
  - 多盈网：
    
    @William非常感谢William ，已收到您的邮箱，问题已解决，感激不尽！
    
    2016-05-25 19:58 回复
38楼
94楼：

站长怎么关掉摘要呢首页有摘要会有很多图片网站打开速度很慢

2014-07-12 17:17 回复
- William博主：
  
  @94楼发布文章的时候记得填写文章摘要，这是最好的方式。这样你填写的文字就会显示在首页了。
  
  2014-07-15 19:46 回复
37楼
阿城守候：

用上了，謝謝分享

2013-04-28 04:46 回复
36楼
KO：

很好！

2013-03-08 14:06 回复
35楼
xilouqingzhu：

Weisay Simple这个主题用了文章中的摘要代码么，为什么我手动写了摘要，还是用自动截取的摘要

2012-08-16 09:19 回复
- William博主：
  
  @xilouqingzhu恩，原来的只有截取，你可以看这个 https://www.weisay.com/blog/wordpress-article-excerpt.html 自行修改。
  
  2012-08-16 18:28 回复
  - xilouqingzhu：
    
    @William调试了几次。。总有些不理想的。还是无奈的用回默认了。
    
    2012-08-17 15:59 回复
34楼
卿卿：

不知道怎么替换的我很想把摘要弄成原来默认的，我宁愿自己花时间写摘要，也不要他自己判断，真心不好用。

2012-05-02 21:34 回复
- William博主：
  
  @卿卿替换原主题中那段截取代码就行了，真心不难
  
  2012-06-04 10:39 回复
33楼
stone060：

我想知道文摘截断的功能要怎样去掉！我愿意自己写文摘！那个自动获取的不是很爽。

2012-04-30 15:05 回复
- William博主：
  
  @stone060你可以用上面的代码去替换原来主题的摘要部分，就能用自己写的摘要了。
  
  2012-05-02 17:02 回复
32楼
Noisy Guy：

我改了一下，发现很难看的，有摘要的还好，没摘要的时候真的是丑死了，还多出一个Read More出来，而且如果有图的话还会显示图片，总之就是风格全变了

2012-04-30 04:01 回复
- Noisy Guy：
  
  @Noisy Guy我又改了一下，把more标签的判断去掉，就只要判断摘要和300个字符截断就好了，这样好看点
  
  2012-04-30 04:33 回复
  - William博主：
    
    @Noisy Guy上面写法算是比较全面了，各个人有自己的喜好，然后自己根据自己的喜好修改成符合自己的就最好了。
    
    2012-05-02 17:04 回复
31楼
唐文博客：

我用的威哥这主题，还不错

2012-03-27 16:57 回复
30楼
明月登楼：

我已经习惯使用more了！呵呵！

2012-03-17 03:43 回复
29楼
驽鸟：

看了文章还是不会用more截断~
上面的代码加到哪个文件里啊？

2012-03-05 13:32 回复
- William博主：
  
  @驽鸟index.php archive.php 里面，替换原来的字数截取的那个。
  
  2012-03-05 15:23 回复
  - 驽鸟：
    
    @William是不是替换 post_content)), 0, 365,”…”); ?>啊~
    我替换了还是不more截断啊~~~
    
    2012-03-05 20:05 回复
    - William博主：
      
      @驽鸟刚刚试了下，是可以的，你写文章的时候添加了more标签了么？
      替换的话是这个一整段。
      
      2012-03-06 15:57 回复
      - 驽鸟：
        
        @William晚上我再试试吧~写文章的时候加了more标签了~
        
        2012-03-06 16:12 回复
      - 驽鸟：
        
        @William具体换哪个函数啊~
        试了好几个都不对啊~
        可以提示下吗？
        发我邮箱好吗？
        谢谢老大
        
        2012-03-07 20:46 回复
        
        William博主：
        
        @驽鸟已经发你邮箱了。
        
        2012-03-08 13:54 回复
        
        stone060：
        
        @William给俺也发个呗，试了无数次都不成功，完全不懂啊。
        
        2012-05-27 00:11 回复
28楼
哒哒：

多谢！

2012-02-29 13:41 回复
27楼
艾欧唯：

这个要慢慢好好捉摩才行。

2012-02-28 18:53 回复
26楼
youdeli：

你好，模板不错。我是个新手，刚发现logo是：威言威语，这个怎么替换？还有其他的用户登录网站注册时，系统会发送邮件，但就是收不到，这个要怎么解决，谢谢！

2012-02-26 01:50 回复
- William博主：
  
  @youdelilogo是图片，你做个图片替换主题文件夹里面的logo图片就行了。
  收不到邮件则跟你主机有关系，有些主机限制了邮件功能。
  
  2012-02-26 08:49 回复
  - youdeli：
    
    @William不还意思，又来麻烦你了。我想把各个栏目分成专门的链接，比如：首页，专门链接是：home.youdeli.com这样。添加了解析记录，但会出现打开页面是乱码的情况
    
    2012-02-26 21:05 回复
  - youdeli：
    
    @William你好！还是那个问题，我发现把“首页”页面命名为：home.youdeli.com这样的形式不行，那我该怎么样去命名和分配URL。谢谢！
    
    2012-02-26 21:22 回复
    - William博主：
      
      @youdeli当然不行，home.youdeli.com属于二级域名，你的解析没有生效。建议不用使用，专门为首页设置二级域名是一个不好的做法，意义不大。
      
      2012-02-27 17:10 回复
25楼
Owlz：

为什么我每次评论的时候都显示红叉叉？

2012-02-20 02:45 回复
- William博主：
  
  @Owlz评论没有填地址，不能看到具体情况
  
  2012-02-26 08:50 回复
24楼
Louis：

呵呵，我用了你的最新的theme，根据这篇文章，把那个截断，改成使用more的了。

2012-01-15 10:39 回复
23楼
朱定聪：

我是使用 more 标签。

2011-12-22 15:34 回复
- William博主：
  
  @朱定聪填写下摘要，然后再用more
  
  2011-12-22 19:17 回复
22楼
海天：

我是手动隔断的

2011-12-15 19:44 回复
- William博主：
  
  @海天我是写摘要，也手动隔断
  
  2011-12-15 22:25 回复
21楼
怿祺：

我也在使用SyntaxHighlighter Evolved这个代码高亮插件，但是发现两个问题：
1.我的代码显示非常紧凑，没有你的行间距大，请问怎样设置？
2.不知是主题还是插件的原因，当设置插件的颜色主题时，除了“缺省值”其他任何一个，前台代码都显示非常虚，有幻影，不清晰。你试试看怎么回事。

2011-12-15 10:47 回复
- William博主：
  
  @怿祺我对这个插件做了修改了，我手动复制的时候是复制不了前面的数字的，颜色么我就用的默认的，我觉得挺好的
  
  2011-12-15 13:59 回复
  - 怿祺：
    
    @William想做到手动复制而不复制行号，是不是用你这篇文章下面你在评论里加的这个js替换就行了？
    https://www.weisay.com/blog/wordpress-syntaxhighlighter-evolved-line-number.html
    
    2011-12-15 15:46 回复
    - William博主：
      
      @怿祺是滴，被你发现了~
      
      2011-12-15 16:40 回复