Как добавить класс к кнопке отправки комментария?

Начиная с WordPress версии 4.1 ^{(тикет trac #20446)}, появилась возможность передавать собственный класс в качестве аргумента функции comment_form($args), используя ключ массива 'class_submit':

$args = array( 'class_submit' => 'btn btn-default' );

Теперь не нужно выполнять лишнюю работу. (Кодекс также был обновлен) :)

Я также работаю с фреймворком Foundation. Я обнаружил, что самый простой способ добавить класс к элементу, который нельзя изменить через фильтры, — это сделать это с помощью jQuery.

jQuery(document).ready(function($) { //обёртка для noconflict
    $('input#submit').addClass('button');
});//конец noconflict

Зачем нужен класс на кнопке отправки? Вы можете присвоить ей ID, как вы уже обнаружили, и этого будет достаточно для стилизации.

comment_form(array('id_submit'=>'buttonPro'));

Затем для стилизации:

input#buttonPro {...}

Просто. Или, если вы предпочитаете использовать только классы по какой-то причине:

.form-submit input {...}

Я не вижу никакого преимущества в добавлении класса на кнопку отправки формы комментариев, ни с какой точки зрения.

Я искал такое же решение и наконец нашел его. Приведенный ниже код отлично сработал для меня - я хотел добавить класс "btn btn-primary" к кнопке отправки в форме комментариев.

ob_start();
comment_form( $args );
$form = ob_get_clean(); 
$form = str_replace('class="comment-form"','class="comment-form"', $form);
echo str_replace('id="submit"','class="btn btn-primary"', $form);

Аргументы $args, которые я использовал:

$args = array(
'comment_field' => '<p class="comment-form-comment"><label for="comment">Комментарий</label> <textarea class="form-control" id="comment" name="comment" cols="35" rows="12" aria-required="true"></textarea></p>',
'fields'        => array(
    'author' => '<p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input class="form-control input-comment-author" id="author" name="author" type="text" value="" size="30" aria-required="true"></p>',
    'email'  => '<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input class="form-control input-comment-email" id="email" name="email" type="text" value="" size="30" aria-required="true"></p>',
    'url'    => '<p class="comment-form-url"><label for="url">Вебсайт</label> <input class="form-control input-comment-url" id="url" name="url" type="text" value="" size="30"></p>',
),
'cancel_reply_link' => '<button class="btn btn-danger btn-xs">Отменить ответ</button>',
'label_submit' => 'Отправить комментарий',);

Я рекомендую тем, у кого есть эта проблема, задать стиль для идентификатора "post-comment", как это сделал я:

#post-comment {
background: none repeat scroll 0 0 transparent; /* Прозрачный фон */
border: 1px solid #FFFFFF; /* Белая рамка толщиной 1px */
padding: 8px 20px; /* Внутренние отступы 8px сверху/снизу и 20px слева/справа */
float: left; /* Выравнивание по левому краю */}

Удачи! :)

Отвечу с опозданием, так как сам искал ответ на этот вопрос и решил разобраться самостоятельно.

Во-первых, на вопрос "зачем добавлять класс?"... В моем случае я выбрал фреймворк Foundation для разработки новой темы для личного блога. Я выбрал его именно из-за понравившегося мне стиля кнопок. Однако он требует, чтобы разработчик добавлял класс к кнопке <input>, и я не осознавал, что в WordPress это невозможно сделать стандартными средствами, пока почти не завершил работу над темой!

Вот что я сделал. Мне пришлось редактировать файл /wp-includes/comment-template.php, так что делайте это на свой страх и риск - изменения могут быть потеряны при обновлении WordPress.

После строки 1540 (в версии 3.2.1) добавьте следующую строку:

'class_submit'         => 'submit',

Затем измените строку 1576 на следующую:

<input name="submit" class="<?php echo esc_attr( $args['class_submit'] ); ?>" type="submit" id="<?php echo esc_attr( $args['id_submit'] ); ?>" value="<?php echo esc_attr( $args['label_submit'] ); ?>" />

Теперь у вас есть новое значение по умолчанию class_submit, которое можно передавать в массиве параметров $args функции comment_form():

<?php comment_form(
        array(              
            'class_submit' => __('XXX'),
        )
    ); ?>

Удачной работы с WordPress!