Skip to content

Instantly share code, notes, and snippets.

@ahmedmusawir
Created August 3, 2015 14:56
Show Gist options
  • Select an option

  • Save ahmedmusawir/fe006cc7ba16fe7d745a to your computer and use it in GitHub Desktop.

Select an option

Save ahmedmusawir/fe006cc7ba16fe7d745a to your computer and use it in GitHub Desktop.
WP Comment Forms for Bootstrap 3x
* just paste the following in functions.php
//for the inputs:
/**
*
* BootStrap Comment Form tweak
*
**/
/* For Inputs */
add_filter( 'comment_form_default_fields', 'bootstrap3_comment_form_fields' );
function bootstrap3_comment_form_fields( $fields ) {
$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ( $req ? " aria-required='true'" : '' );
$html5 = current_theme_supports( 'html5', 'comment-form' ) ? 1 : 0;
$fields = array(
'author' => '<div class="form-group comment-form-author">' . '<label for="author">' . __( 'Name' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
'<input class="form-control" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></div>',
'email' => '<div class="form-group comment-form-email"><label for="email">' . __( 'Email' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
'<input class="form-control" id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></div>',
'url' => '<div class="form-group comment-form-url"><label for="url">' . __( 'Website' ) . '</label> ' .
'<input class="form-control" id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></div>'
);
return $fields;
}
/* For the Textarea */
add_filter( 'comment_form_defaults', 'bootstrap3_comment_form' );
function bootstrap3_comment_form( $args ) {
$args['comment_field'] = '<div class="form-group comment-form-comment">
<label for="comment">' . _x( 'Comment', 'noun' ) . '</label>
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</div>';
$args['class_submit'] = 'btn btn-default'; // since WP 4.1
return $args;
}
/* For the Submit [ not necessary ]*/
// add_action('comment_form', 'bootstrap3_comment_button' );
// function bootstrap3_comment_button() {
// echo '<button class="btn btn-default" type="submit">' . __( 'Submit' ) . '</button>';
// }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment