网站建设

解决升级WordPress 5.1后回复评论框不跟随、页面刷新问题

Jager · 3月22日 · 2019年 4080次已读

近期,发现博客存在不少问题,先是发现图片暗箱、JS 二维码失效了,接着评论点击回复按钮页面直接刷新,而没有评论框跟随效果,直到今天居然连网站 CSS 图标也挂了。。。

不能忍,决定花点时间看看到底是啥问题,打开 F12 并没有发现明显报错,既然是 CSS 图标挂了,那应该是我外链到 fontawesome 的 css 地址有问题。于是过滤了下这个地址,发现居然是 301??

类似情况如下:解决升级Wordpress 5.1后回复评论框不跟随、页面刷新问题

原来是 cdn.bootcss.com 的 CDN 资源全部跳转到了 cdnjs.com 首页(这个做法有点醉),而我的博客好多功能都引用了这个 CDN,所以都异常了!

最后找了个替代 CDN:https://cdnjs.net/ ,替换之后图片暗箱、二维码、CSS 图标、延迟加载等功能都恢复了,但是评论回复按钮还是异常刷新的!

最后和鸟哥交流了下,他说是 WordPress 升级到 5.1.1 导致的。网上找了下才发现是自己 out 了,不少博客已经给出了解决方案,比如懿古今博客:《WordPress 5.1 评论回复按钮失效评论框不跟随怎么办?》。

不过,鸟哥给了我一个更简单的解决办法(可以免去刷新 CDN 缓存、浏览器缓存的麻烦):

如果是 begin 主题,直接在 functions.php 里面找到:zmingcx_scripts 函数,在最后一个 } 之前加上:

// 加载回复 js
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
}

这段代码其实就是在页面加载一段 JS:

<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=5.1.1'></script>

所以,非 begin 主题,只需要在主题的 header.php 加上如下代码即可:

<?php if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { ?>
    <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=5.1.1'></script>
<?php } ?>

这样就问题就解决了!

25 条回应
  1. 龙笑天 2019-3-22 · 15:39

    赞一个 刚也发现了这个问题 已按文中方法解决了~ :mrgreen:

    • avatar
      Jager 2019-3-22 · 18:23

      你这个跳转页不错,最近我博客被QQ、微信拉黑一次,内部问了下没给出原因,猜测是某些评论人的网站链接有什么非法内容被举报了,目前暂时先取消了所有评论人超链接。我在想弄个你那样的提示不知道会不会好点,至少别举报我啊~又不是我的网站。。。

      • 龙笑天 2019-3-28 · 21:21

        :oops: 是的 最好加个跳转中间页~ PS:为啥木有评论回复邮件提醒了~

  2. 锋言锋语 2019-3-22 · 15:58

    我也升级到了5.1.1,没这个问题啊!

    • avatar
      Jager 2019-3-22 · 18:12

      看了下,因为你主题本身就加载了所需文件:https://www.fengsay.com/wp-includes/js/comment-reply.min.js?ver=5.1.1,估计是知更鸟后面更新修复过。

      • 锋言锋语 2019-3-23 · 8:14

        访问者评论名称的跳转链接没了!

        • avatar
          Jager 2019-3-24 · 9:17

          有意见啊? :mrgreen:
          自己看我上面的回复吧。

  3. 青山 2019-3-22 · 16:10

    wp更新bug频出啊

  4. 四大天王 2019-3-23 · 12:51

    博主你这主题是知更鸟的吗?手机端体验不错呢

  5. 青山 2019-3-24 · 18:35

    之前用官方主题没啥影响,现在换主题,就发现这bug了,谢谢博主教程。

  6. 我爱技术网 2019-3-25 · 17:10

    已按文中方法解决了 谢谢啦

  7. 卢松松博客 2019-3-26 · 17:01

    文章写的不错 支持下

  8. 测试 2019-3-29 · 2:16

    测试下,哥哥

  9. 简单生活 2019-3-30 · 9:42

    没发现,哪里不合适 :mrgreen:

  10. 直流水泵 2019-4-1 · 15:13

    谢谢分享,终于找到解决方案了。

  11. 唯美图 2019-4-6 · 0:16

    用习惯了,还是用的4.9的, :mrgreen: :mrgreen: :mrgreen:

  12. 电脑故障 2019-4-6 · 15:25

    我的也出错了,干脆去掉了评论,好几次更新出问题了。不是这里问题就是那里里问题。

  13. 攸一随心笔记 2019-4-6 · 18:50

    抢个板凳做 哈哈

  14. 中国富硒茶网 2019-4-10 · 15:52

    总感觉wp太复杂了

  15. 灰常记忆 2019-4-11 · 2:55

    我使用你最后这个代码,居然没效果……?

  16. www.qian.lu 2019-4-17 · 18:28

    我的博客回复之后怎么不刷新评论呢 就傻乎乎的 一点反应也没有 可实际上已经提交成功了

  17. VIVO手机解锁 2019-4-21 · 23:27

    技术问题,不深研究,没时间就找人弄。可以省下很多时间做其他事情

  18. 明月云服务 2019-4-26 · 21:48

    我好像也有这个问题了!

  19. 软件库 2019-5-7 · 20:44

    wp把人弄的精疲力竭

  20. 365cent 2019-7-14 · 18:41

    大佬,你现在评论框好像还有问题,就是每输一个字页面都会跟着抖动,看得有点眼花