WordPress 7b2主题评论跳转高亮与通知优化完整教程

效果展示：

功能实现步骤:

一、在子主题根目录创建所需要的文件夹和js文件

目录结构

子主题根目录/
├── Modules/
│   └── Common/
└── comment-highlight.js

二、复制父主题中的Comment.php文件

在父主题根目录中进入Modules > Common文件夹中，找到Comment.php，复制到刚刚创建好的Common文件夹中

三、修改代码

打开Comment.php文件

找到这段代码public function comment_unapproved_to_approved($comment_id)

将下方代码替换这个方法代码

四、添加跳转高亮代码

将下方代码复制到刚刚创建好的comment-highlight.js文件里

五、引入所需文件

在子主题根目录functions.php文件中添加以下代码

找到这段代码：define( 'B2_CHILD_URI', get_stylesheet_directory_uri() );

在他的下方引入Comment.php文件

require_once get_stylesheet_directory() . '/Modules/Common/Comment.php';

接着找到这段代码：wp_enqueue_script( 'b2-child-main', B2_CHILD_URI.'/child.js', array('jquery'), B2_VERSION , true );

在他的下方引入comment-highlight.js文件

wp_enqueue_script( 'b2-child-comment-highlight', B2_CHILD_URI.'/js/comment-highlight.js', array('jquery'), B2_VERSION , true );

完成修改

功能验证

• 清除网站缓存
• 测试评论跳转和高亮效果
• 确认通知样式更新

新增功能特点:

• 精确定位评论位置
• 评论高亮动画效果
• 优化的通知展示格式
• 支持文章和圈子评论
• 适配移动端
• 改进的用户交互体验