解决Nana主题2.0版本“摘要”输出代码的问题

 懿古今   2016-10-26 08:21:56 发布  技术文档

Nana主题升级到2.0版本之后,有博主反馈说博客布局和文章列表页中的“摘要”会输出部分HTML代码,会影响网站整体的美观度,具体表现如下:

解决Nana主题2.0版本“摘要”输出代码的问题

原因分析:

平时我自己操作从未出现这个情况,所以一直都不知道有这么一个BUG,经过测试发现产生这种情况必须按如下操作才行:

编辑文章时,在文章开头就添加图片,而且图片上还添加了“说明”属性才行,具体如下所示:

解决Nana主题2.0版本“摘要”输出代码的问题 添加图片文字说明

解决Nana主题2.0版本“摘要”输出代码的问题 图片文字说明示例

PS:懿古今一直都认为在文章开头就添加图片对用户体验不太好,最起码也要在一段文字之后再添加图片会比较好,这个也是我为什么一直没有发现这个BUG的原因所在。

问题解决方案:

方法一:不修改主题文件

就跟上述的原因分析一样,如果不想修改主题文件,只需要把我们平时编辑文章的习惯扭转过来就行,也就是在编辑文章的时候,不要在文章开头就直接添加图片,建议在文章第一段之后添加图片会更好,这样一类就不存在“摘要”输出HTML代码的问题了。

方法二:修改主题文件

总共需要修改Nana主题三个文件,分别是blog.php、archive.php、inc\ new_post.php文件。打开这三个文件,在里面找到以下代码:

  1. <?php if (has_excerpt()){ echo wp_trim_words( get_the_excerpt(), 80, '...' );} else { echo wp_trim_words( get_the_content(), 80, '...' ); } ?>

直接更改为以下代码即可解决问题:

  1. <?php if (has_excerpt()){ echo wp_trim_words( get_the_excerpt(), 80, '...' );} elseif (post_password_required()){echo wp_trim_words( get_the_content(), 22, '...' ); }else {echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 160,"...");} ?>

总结:

主题的BUG需要大家积极反馈,因为每个人的使用习惯都不一样,有些BUG在某个人身上不算是BUG,比如这次的问题对于我而言就没有问题。所以为了让主题愈发完善,需要大家多提宝贵的意见,在此先谢谢大家。PS:等收集多几个BUG之后再统一升级Nana主题,对于迫切需要改进这个问题的,请大家根据文中的方法先自行折腾。

本文地址:https://www.yigujin.cn/995.html

你可能感兴趣的文章

文章标签: ,   ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!

发表评论

  1. Koolight
    Koolight @回复

    博主威武,日趋完美!

    • 懿古今
      懿古今2016-10-26 08:45  回复

      @Koolight[呲牙] 有问题肯定要解决的,既然用户提出了BUG,还是要重视的

      • 我爱动感单车网
        我爱动感单车网2016-10-27 13:02  回复

        @懿古今追求完美,是很多人的特性,比如我貌似就是这么一个人。

  2. 橘子书
    橘子书 @回复

    屏蔽简码或者让摘要保持html格式输出即可。

    • 懿古今
      懿古今2016-10-26 22:18  回复

      @橘子书[呲牙] 会者不难,平时也很少关注到这个

  3. 卢松松商城
    卢松松商城 @回复

    这个厉害了 继续加油~

  4. 网赚博客
    网赚博客 @回复

    确实不错

  5. maqingxi
    maqingxi @回复

    我写博文也喜欢首行放图片的,这样可以与标题栏间隔开来,个人认为更漂亮。

    • 懿古今
      懿古今2016-10-26 22:17  回复

      @maqingxi个人喜好吧,我一直都不喜欢标题下面就是图片,如果只是想隔开标题和内容,完全可以开启标题下方的广告位即可

      • 我爱动感单车网
        我爱动感单车网2016-10-27 13:03  回复

        @懿古今我也发现和觉得,正文标题下面就是图片,往往不好看。

      • maqingxi
        maqingxi2016-11-03 10:16  回复

        @懿古今Nana版本:1.04,没这个问题,我没升级,呵呵。

  6. 易淘金股票博客
    易淘金股票博客 @回复

    不错

  7. 淘金小站
    淘金小站 @回复

    博主好人啊,一直在关注,很强大的一款主题!

  8. 我爱动感单车网
    我爱动感单车网 @回复

    精益求精,主题越来越完善了!

  9. 91gif动态图
    91gif动态图 @回复

    哈哈 不好意思 我没看到这篇文章