如何在wordpress中点击邮件通知跳转到对应的评论

[aaro-n]

问题说明

已经可以在wordpress使用，但在点击邮件通知链接时，只会跳转到对应网页，不会跳转到对应的评论。

测试

在使用Valine Admin时可以配置前端实现这个功能，但waline不能实现。

参考

Valine Admin 配置手册，拉到最下方有前端配置代码。
wordpress使用waline作为评论，需修改comments.php，comments.php代码

<!--评论显示区，请插入合适的位置-->
 <div class="comments"></div>
<!--载入js，在</body>之前插入即可-->
    <script src='//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js'></script>
    <script>
    if(window.location.pathname){
        var checkExist = setInterval(function() {
           if ($(window.location.pathname).length) {
              $('html, body').animate({scrollTop: $(window.location.pathname).offset().top-90}, 1000);
              clearInterval(checkExist);
           }
        }, 100);
    }
    </script>
    <script>
    new Waline({
      el: '.comments',
      path: window.location.pathname,
      requiredMeta: ['nick', 'mail', 'link'],
      emoji: [
        'https://cdn.jsdelivr.net/gh/walinejs/[email protected]/weibo',
        'https://cdn.jsdelivr.net/gh/walinejs/[email protected]/bilibili',
        ],
      placeholder: '欢迎留言',
      login: 'disable',
      avatarCDN: 'https://sdn.geekzu.org/avatar/',
      serverURL: 'https://waline访问地址',
      copyright: false
    });
   </script>

[lizheming]

Waline 和 Valine 建议分清楚一下，你不能看着 Valine 的教程用着 Waline 呢。Waline 的官网是 https://waline.js.org 上面有快速安装文档，建议对着它来

[aaro-n]

我找过Waline的文档，上方的代码是可以正常使用的，就是想要点击邮件通知里的链接会跳到对应的评论，现在只能做到打开通知里的链接跳转到对应的网页，无法自己转到对应的评论。要实现这个功能需要修改前端代码，用Google搜索，没有搜索到有用的内用。

[lizheming]

https://waline.js.org/guide/server/notification.html#%E9%82%AE%E4%BB%B6%E9%80%9A%E7%9F%A5 搜 SITE_URL

[aaro-n]

SITE_URL已经设置，这是我的操作录屏，想要点击链接，直接跳到对应的评论，现在只是打开对应的网页。

[lizheming]

评论是异步加载的，无法直接利用 HTML 锚点跳转，可以自己用 JS 延迟做手动锚点跳转的处理。

[aaro-n]

有些复杂，我先这样用着，视频我删了。