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

懿古今  2016-10-26 08:21  阅读 173 次

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主题,对于迫切需要改进这个问题的,请大家根据文中的方法先自行折腾。

历史上的今天:

本文地址:http://yigujin.cn/995.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana

发表评论


表情

  1. 91gif动态图
    91gif动态图 【省长】 @回复

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

  2. 我爱动感单车网
    我爱动感单车网 【省长】 @回复

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

  3. 淘金小站
    淘金小站 【农民】 @回复

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

  4. 易淘金股票博客
    易淘金股票博客 【镇长】 @回复

    不错

  5. maqingxi
    maqingxi 【村长】 @回复

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

  6. 网赚博客
    网赚博客 【农民】 @回复

    确实不错

  7. 卢松松商城
    卢松松商城 【农民】 @回复

    这个厉害了 继续加油~

  8. 橘子书
    橘子书 【镇长】 @回复

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

  9. Koolight
    Koolight 【省长】 @回复

    博主威武,日趋完美!