WordPress评论表单自定义

WordPress自带的表单太简陋,如果要更强大的话,还是自定义来的实在。

使用官方函数:comment_form()

本函数允许自定义表单源码内容,但是要包括必要的字段。

  1. $comment_form_args = array(
  2. 'submit_button' => '<div style="text-align: right"><input name="%1$s" type="submit" id="%2$s" class="%3$s" value="%4$s" /></div>',
  3. 'comment_notes_before' => '',
  4. 'class_submit' => 'layui-btn layui-btn-primary',
  5. 'label_submit' => __('提交评论', 'win10exp'),
  6. 'comment_notes_after' => '',
  7. 'id_form' => 'form_comment',
  8. 'cancel_reply_link' => __('取消回复', 'win10exp'),
  9. 'comment_field' => '<div class="comment_form_textarea_box layui-row"><textarea class="comment_form_textarea layui-col-md12 layui-col-xs12" name="comment" id="comment" placeholder="发表你的看法吧~~~啦啦啦"></textarea></div>',
  10. 'fields' => apply_filters('comment_form_default_fields', array(
  11. 'author' => '<div class="layui-row comment_form_input"><input class="layui-col-md4 layui-col-xs12" placeholder="昵称" type="text" id="author" name="author" value="' . esc_attr($comment_author) . '" ' . ($req ? "required" : '') . '>',
  12. 'email' => '<input class="layui-col-md4 layui-col-xs12" type="email" id="email" name="email" placeholder="邮箱地址" value="' . esc_attr($comment_author_email) . '" ' . ($req ? "required" : '') . '>',
  13. 'url' => '<input class="layui-col-md4 layui-col-xs12" type="url" id="url" name="url" placeholder="网址(选填)" value="' . esc_attr($comment_author_url) . '"></div>',
  14. )));
  15. comment_form($comment_form_args);

直接制作表单

反正都要提交到WordPress自带的评论文件,那么可以自己自定义表单了。

其中要加载WordPress的评论挂载点

  1. <div class="row comment-from-main">
  2. <div class="comment-form-textarea ">
  3. <div class="comment-textarea-box">
  4. <textarea class="form-control" name="comment" id="textarea" placeholder="说点什么吧..."></textarea>
  5. </div>
  6. </div>
  7. <div class="form-submit">
  8. <input class="submit" name="submit" type="submit" id="misubmit" tabindex="5" title="提交评论"
  9. value="提交评论">
  10. <?php comment_id_fields(); ?>
  11. <?php do_action('comment_form', $post->ID); ?>
  12. </div>
  13. </div>
本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论