Come aggiungere una classe al pulsante di invio dei commenti?

A partire dalla versione 4.1 di WordPress ^{(trac ticket #20446)} è stato aggiunto il supporto per passare la propria classe come argomento di comment_form($args) utilizzando la chiave dell'array 'class_submit':

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

Non è necessario fare ulteriori lavori manuali. (Ho anche modificato il Codex) :)

Sto lavorando con il framework Foundation. Ho scoperto che il modo più semplice per aggiungere una classe a un elemento non filtrabile è farlo con jQuery.

jQuery(document).ready(function($) { //wrapper noconflict
    $('input#submit').addClass('button');
});//fine noconflict

Perché hai bisogno di una classe sul pulsante di invio? Puoi assegnargli un ID, come hai scoperto, e questo è tutto ciò che ti serve per stilizzarlo.

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

Poi per stilizzarlo:

input#buttonPro {...}

Semplice. Oppure, se preferisci usare solo le classi per qualche motivo:

.form-submit input {...}

Non vedo alcun vantaggio, da nessun punto di vista, nell'aggiungere una classe al pulsante di invio del modulo dei commenti.

Stavo cercando la stessa soluzione e alla fine ho trovato la risposta, il codice qui sotto ha funzionato perfettamente per me. Volevo aggiungere la classe "btn btn-primary" al pulsante di invio nel modulo dei commenti.

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);

Gli argomenti $args che ho utilizzato sono

$args = array(
'comment_field' => '<p class="comment-form-comment"><label for="comment">Commento</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">Nome <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">Sito web</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">Annulla risposta</button>',
'label_submit' => 'Invia commento',);

Suggerisco a chi ha questo problema di impostare uno stile per l'id "post-comment", come ho fatto io:

#post-comment {
background: none repeat scroll 0 0 transparent;
border: 1px solid #FFFFFF;
padding: 8px 20px;
float: left;}

Buona fortuna! :)

Risponderò (in ritardo) poiché stavo cercando una risposta a questo e ho deciso di affrontarlo da solo.

Innanzitutto, per rispondere alla domanda "perché aggiungere una classe?"... Nel mio caso, ho scelto di utilizzare un framework UI chiamato Foundation per progettare il mio tema più recente per il mio blog personale. L'ho scelto proprio perché mi piace il suo stile per i pulsanti. Tuttavia, richiede allo sviluppatore di aggiungere una classe a un pulsante <input>, e non mi ero reso conto che questo non poteva essere fatto in WP fino a quando non avevo quasi completato il tema!

Quindi, ecco cosa ho fatto. Ho dovuto modificare il file /wp-includes/comment-template.php, quindi usatelo a vostro rischio perché potrebbe essere sovrascritto durante un aggiornamento di WP.

Dopo la riga 1540 (nella versione 3.2.1) aggiungete la seguente riga:

'class_submit'         => 'submit',

Poi modificate la riga 1576 con quanto segue:

<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'] ); ?>" />

Ora avete un nuovo valore predefinito chiamato class_submit che può essere incluso nell'array parametro $args della funzione comment_form():

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

Buon lavoro!