web-dev-qa-db-fra.com

Ajouter un attribut de marque de réservation aux champs de formulaire de commentaire

J'ai essayé d'ajouter au formulaire de commentaire WordPress par défaut. Je dois ajouter placeholder = "" à chaque champ. Je n'arrive pas à comprendre le filtre. Je ne reçois aucune erreur, mais je ne vois pas non plus d'espace réservé.

Après avoir recherché les messages ici pendant une heure, je suis arrivé à ce point

function my_fields($args){
        $commenter = wp_get_current_commenter();
        $user = wp_get_current_user();
        $user_identity = $user->exists() ? $user->display_name : '';

        $req = get_option( 'require_name_email' );
        $aria_req = ( $req ? " aria-required='true'" : '' );
    $fields['author'] = '<input id="author" placeholder="name" name="author" type="text" value="' 
    . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>';

    return $args;
}

add_filter('comment_form', 'my_fields');

J'ai essayé de nombreuses variantes et essayé de renvoyer beaucoup de choses différentes, mais je n'ai pas de chance.

commentsfilters
3
Jamie

Vous devez filtrer 'comment_form_default_fields' pour ajouter l'attribut placeholder.

Exemple de code

add_filter( 'comment_form_default_fields', 'wpse_62742_comment_placeholders' );

/**
 * Change default fields, add placeholder and change type attributes.
 *
 * @param  array $fields
 * @return array
 */
function wpse_62742_comment_placeholders( $fields )
{
    $fields['author'] = str_replace(
        '<input',
        '<input placeholder="'
        /* Replace 'theme_text_domain' with your theme’s text domain.
         * I use _x() here to make your translators life easier. :)
         * See http://codex.wordpress.org/Function_Reference/_x
         */
            . _x(
                'First and last name or a nick name',
                'comment form placeholder',
                'theme_text_domain'
                )
            . '"',
        $fields['author']
    );
    $fields['email'] = str_replace(
        '<input id="email" name="email" type="text"',
        /* We use a proper type attribute to make use of the browser’s
         * validation, and to get the matching keyboard on smartphones.
         */
        '<input type="email" placeholder="[email protected]"  id="email" name="email"',
        $fields['email']
    );
    $fields['url'] = str_replace(
        '<input id="url" name="url" type="text"',
        // Again: a better 'type' attribute value.
        '<input placeholder="http://example.com" id="url" name="url" type="url"',
        $fields['url']
    );

    return $fields;
}

Résultat

enter image description here

Quelques notes

  • N'utilisez pas l'espace réservé en remplacement de label. Les utilisateurs de lecteurs d'écran vont se mettre très en colère. Et c'est pas autorisé de toute façon.
  • J'ai aussi changé l'attribut type. Cela aidera davantage vos visiteurs qu'une placeholder.
  • Assurez-vous que les champs ne ressemblent pas déjà remplis . Mais essayez d’obtenir un contraste lisible. Oui, ce n’est pas facile. Vous pouvez utiliser des CSS , mais cela ne fonctionne pas dans tous les navigateurs.
6
fuxia

Je pense que vous voulez utiliser ce filtre:

comment_form_default_fields

Peut également se concentrer sur un domaine spécifique:

comment_form_field_$name

Modifier, pour référence:

http://codex.wordpress.org/Function_Reference/comment_form

0
Jake