web-dev-qa-db-fra.com

Texte réservé au formulaire d'inscription

J'essaie d'ajouter du texte de substitution au formulaire d'inscription WordPress natif. J'utilise actuellement le plugin Register Plus Redux. Comment ajouter ce texte de substitution dans les champs de saisie du formulaire?

Je dois dire aux personnes d'utiliser leur prénom et leur nom de famille comme nom d'utilisateur. Je serais ravi si quelqu'un pouvait m'aider.

registration
6
mr_bythatmuch

Un autre moyen simple de faire cela sans avoir besoin d'ajouter un autre script consiste à utiliser la fonction str_replace de PHP.

$args = array(
    'echo' => false,
);

$form = wp_login_form( $args ); 

//add the placeholders
$form = str_replace('name="log"', 'name="log" placeholder="Username"', $form);
$form = str_replace('name="pwd"', 'name="pwd" placeholder="Password"', $form);

echo $form;
5
renzo_cast

Malheureusement, il n'y a pas de crochets/filtres pour modifier le champ de saisie dans le formulaire de connexion/enregistrement afin d'y ajouter un espace réservé.

Mais vous pouvez le faire par simple jQuery. J'ajoute les étapes ci-dessous

Je ne suis pas au courant de la façon dont ce plugin change le formulaire mais vous pouvez suivre la même chose pour lui aussi. Vous trouverez ci-dessous les codes fonctionnant pour la page de connexion/enregistrement par défaut.

Vous devez d’abord créer un fichier js. Je l'ai créé dans mon active theme's js folder et l'ai nommé custom.js

puis ajouté la ligne ci-dessous dans ce fichier.

/**
 * Custom js file.
 */

jQuery(document).ready(function(){
    jQuery('#user_login').attr('placeholder', 'User Name');
    jQuery('#user_email').attr('placeholder', 'User Email');
    jQuery('#user_pass').attr('placeholder', 'User Password');
});

La rubrique ci-dessus ajoute un espace réservé en tant que User Name, User Email et User Password au champ de saisie user_login, user_email et user_pass respectivement. Vous pouvez les changer selon vos besoins.

Maintenant, vous devez ajouter/mettre en file d'attente ce fichier js, ce que vous pouvez faire en ajoutant le code ci-dessous dans le fichierfunctions.phpde votre thème actif

add_action( 'login_enqueue_scripts', 'wpse_login_enqueue_scripts', 10 );
function wpse_login_enqueue_scripts() {
    wp_enqueue_script( 'custom.js', get_template_directory_uri() . '/js/custom.js', array( 'jquery' ), 1.0 );
}
3
Maruti Mohanty