我们知道,通过WordPress的 comment_form() 方法可以直接输出整个评论表单,而且这个函数也提供了很多参数让我们来修改表单的样式及显示的内容,为我们制作主题提供了很大的方便。

但是在使用这个函数的时候,大家可能注意到了,它提供了id_form和id_submit两个参数让我们修改表单(form)及提交按钮(input type='submit')的id属性,却没有提供修改表单及提交按钮class属性的参数。而有时候我们却需要给这两个标签增加特定的class属性。下面就给大家分享两种给这两个标签增加class属性的方法

方法一:PHP正则替换

首先找到原来comment_form($args);定义的位置,并把它替换成下面的代码:


ob_start();
comment_form($args);
//form表单添加样式
echo str_replace('class="comment-form"','class="comment-form your-form-class"',ob_get_clean()); 
//提交按钮添加样式
echo str_replace('id="submit"','id="submit" class="your-btn-class"',ob_get_clean());

大家可以通过修改上面代码中的your-form-class和your-btn-class来为表单及提交按钮添加一个或多个class属性。

方法二:jQuery方法

在主题的js文件中添加下面的代码


$(function(){
    //表单样式
    $("#commentform")).addClass('your-form-class');
    //按钮样式
    $("#commentform #submit").addClass('your-btn-class');
})

PS:这种方法虽然也可以为表单及提交按钮添加class属性,但是却需要在页面加载完JS之后才可以添加上,如果用户打开页面速度较慢的话,可能刚开始的时候会看到没有添加class样式之前的表单,而方法一在内容输出到页面的时候已经添加完,因此,更推荐大家使用第一种方法。