威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

WordPress文章摘要多种展示方案

关于WordPress的首页文章摘要,首先显示摘要,如果没有摘要的则显示用more标签截断的,如果没有more标签则显示文章截取多少字的,如果主机不支持mb_strimwidth函数截断,则才显示全文。
WordPress文章摘要多种展示方案

关于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();//最后没有选择的选择...
}?>

您可能还会对这些文章感兴趣!

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

  1. 90后博客
    40楼
    90后博客:Google Chrome 51.0.2704.106 Windows 7

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

    2016-07-26 09:40 回复
  2. 多盈网
    39楼
    多盈网:UC Browser 5.6.12860.7 Windows 8.1

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

    2016-05-24 23:48 回复
    • William
      WilliamFirefox 46.0 Windows 7

      @多盈网已经将修改的文件通过你评论留言的邮箱发送给你了,请注意查收。

      2016-05-25 11:19 回复
      • 多盈网
        多盈网:UC Browser 5.6.12860.7 Windows 8.1

        @William非常感谢William ,已收到您的邮箱,问题已解决,感激不尽!

        2016-05-25 19:58 回复
  3. 94楼
    38楼
    94楼:Google Chrome 30.0.1599.101 Windows XP

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

    2014-07-12 17:17 回复
    • William
      WilliamFirefox 30.0 Windows 7

      @94楼发布文章的时候记得填写文章摘要,这是最好的方式。这样你填写的文字就会显示在首页了。

      2014-07-15 19:46 回复
  4. 阿城守候
    37楼
    阿城守候:Firefox 15.0 Windows XP

    用上了,謝謝分享

    2013-04-28 04:46 回复
  5. KO
    36楼
    KO:Google Chrome 21.0.1180.89 Windows 7

    很好!

    2013-03-08 14:06 回复
  6. xilouqingzhu
    35楼
    xilouqingzhu:Google Chrome 21.0.1180.79 Windows XP

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

    2012-08-16 09:19 回复
  7. 卿卿
    34楼
    卿卿:Google Chrome 17.0.963.83 Windows 7

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

    2012-05-02 21:34 回复
  8. stone060
    33楼
    stone060:Google Chrome 19.0.1084.36 Windows 7

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

    2012-04-30 15:05 回复
    • William
      WilliamGoogle Chrome 18.0.1025.162 Windows 7

      @stone060你可以用上面的代码去替换原来主题的摘要部分,就能用自己写的摘要了。

      2012-05-02 17:02 回复
  9. Noisy Guy
    32楼
    Noisy Guy:Safari 5.1.5 Mac OS X  10.7.3

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

    2012-04-30 04:01 回复
    • Noisy Guy
      Noisy Guy:Safari 5.1.5 Mac OS X  10.7.3

      @Noisy Guy我又改了一下,把more标签的判断去掉,就只要判断摘要和300个字符截断就好了,这样好看点

      2012-04-30 04:33 回复
      • William
        WilliamGoogle Chrome 18.0.1025.162 Windows 7

        @Noisy Guy上面写法算是比较全面了,各个人有自己的喜好,然后自己根据自己的喜好修改成符合自己的就最好了。 :cool:

        2012-05-02 17:04 回复
  10. 唐文博客
    31楼
    唐文博客:360安全浏览器 Windows XP

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

    2012-03-27 16:57 回复
  11. 明月登楼
    30楼
    明月登楼:Firefox 10.0.2 Windows 7

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

    2012-03-17 03:43 回复
  12. 驽鸟
    29楼
    驽鸟:搜狗高速浏览器 Windows XP

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

    2012-03-05 13:32 回复
    • William
      WilliamGoogle Chrome 17.0.963.56 Windows 7

      @驽鸟index.php archive.php 里面,替换原来的字数截取的那个。

      2012-03-05 15:23 回复
      • 驽鸟
        驽鸟:搜狗高速浏览器 Windows 7

        @William是不是替换 post_content)), 0, 365,”…”); ?>啊~
        我替换了还是不more截断啊~~~

        2012-03-05 20:05 回复
        • William
          WilliamGoogle Chrome 17.0.963.56 Windows 7

          @驽鸟刚刚试了下,是可以的,你写文章的时候添加了more标签了么?
          替换的话是这个一整段。

          2012-03-06 15:57 回复
          • 驽鸟
            驽鸟:搜狗高速浏览器 Windows XP

            @William晚上我再试试吧~写文章的时候加了more标签了~

            2012-03-06 16:12 回复
          • 驽鸟
            驽鸟:搜狗高速浏览器 Windows 7

            @William具体换哪个函数啊~
            试了好几个都不对啊~
            可以提示下吗?
            发我邮箱好吗?
            谢谢老大

            2012-03-07 20:46 回复
  13. 哒哒
    28楼
    哒哒:360安全浏览器 Windows 7

    多谢!

    2012-02-29 13:41 回复
  14. 艾欧唯
    27楼
    艾欧唯:Google Chrome 16.0.912.75 Windows XP

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

    2012-02-28 18:53 回复
  15. youdeli
    26楼
    youdeli:360安全浏览器 Windows 7

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

    2012-02-26 01:50 回复
    • William
      WilliamSafari 4.0 iPhone iOS 3.1.3

      @youdelilogo是图片,你做个图片替换主题文件夹里面的logo图片就行了。
      收不到邮件则跟你主机有关系,有些主机限制了邮件功能。

      2012-02-26 08:49 回复
      • youdeli
        youdeli:360安全浏览器 Windows 7

        @William不还意思,又来麻烦你了。我想把各个栏目分成专门的链接,比如:首页,专门链接是:home.youdeli.com这样。添加了解析记录,但会出现打开页面是乱码的情况

        2012-02-26 21:05 回复
      • youdeli
        youdeli:360安全浏览器 Windows 7

        @William你好!还是那个问题,我发现把“首页”页面命名为:home.youdeli.com这样的形式不行,那我该怎么样去命名和分配URL。谢谢!

        2012-02-26 21:22 回复
        • William
          WilliamGoogle Chrome 17.0.963.56 Windows 7

          @youdeli当然不行,home.youdeli.com属于二级域名,你的解析没有生效。建议不用使用,专门为 首页 设置二级域名是一个不好的做法,意义不大。

          2012-02-27 17:10 回复
  16. Owlz
    25楼
    Owlz:Firefox 10.0.2 Windows XP

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

    2012-02-20 02:45 回复
  17. Louis
    24楼
    Louis:Internet Explorer 7.0 Windows 7

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

    2012-01-15 10:39 回复
  18. 朱定聪
    23楼
    朱定聪:360安全浏览器 Windows XP

    :sad: 我是使用 more 标签。

    2011-12-22 15:34 回复
  19. 海天
    22楼
    海天:Google Chrome 15.0.874.121 Windows XP

    我是手动隔断的

    2011-12-15 19:44 回复
  20. 怿祺
    21楼
    怿祺:360安全浏览器 Windows XP

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

    2011-12-15 10:47 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry