Created
August 3, 2015 14:56
-
-
Save ahmedmusawir/fe006cc7ba16fe7d745a to your computer and use it in GitHub Desktop.
WP Comment Forms for Bootstrap 3x
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * 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