给WordPress的comment_form()及其提交按钮添加class属性

今天无意间在9iphp看到一个给WordPress的comment_form()及其提交按钮添加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-classyour-btn-class来为表单及提交按钮添加一个或多个class属性。

方法二:jQuery方法

在主题的js文件中添加下面的代码:
$(function(){
//表单样式
$("#commentform")).addClass('your-form-class');
//按钮样式
$("#commentform #submit").addClass('your-btn-class');
})

 

最后分享下我在歪果仁主题里扒的给提交按钮添加class属性的代码:

方法跟第一个一样找到原来comment_form($args);定义的位置,并把它替换成下面的代码:

$comment_form = str_replace('', '', ob_get_clean());
$comment_form = preg_replace('#(<input\b[^>]*\s)(type="submit")#i', '$1 type="submit" class="btn btn-primary btn-block"', $comment_form);
echo $comment_form;
unset($comment_allowed_tags, $comment_form);

可以通过修改上面代码中的btn btn-primary btn-block提交按钮添加自己的class属性。

本文共 20 个回复

  1. JV says:
    怎么你头像变成默认的了?
  2. wys.us says:
    :cool: 赶脚博客主题又有些变化。颜值很高。
  3. Thiece says:
    你这个全站pjax做的太水了吧
  4. tyoubunhin says:
    :eek: 我赶脚自动播放音乐这个体验并不是很好。

发表留言,喵!