it-swarm.com.de

Platzhaltertext für Anmeldeformular

Ich versuche, Platzhaltertext zum nativen WordPress-Registrierungsformular hinzuzufügen. Ich verwende derzeit das Register Plus Redux-Plugin. Wie füge ich diesen Platzhaltertext in die Texteingabefelder des Formulars ein?

Ich muss den Leuten sagen, dass sie ihren Vor- und Nachnamen als Benutzernamen verwenden sollen. Ich wäre begeistert, wenn mir jemand helfen könnte.

6
mr_bythatmuch

Eine andere einfache Möglichkeit, dies zu tun, ohne ein weiteres Skript hinzufügen zu müssen, ist die Verwendung der PHP-Funktion str_replace .

$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

Leider gibt es keine Haken/Filter, mit denen das Eingabefeld im Anmelde-/Registrierungsformular geändert werden kann, um einen Platzhalter hinzuzufügen.

Sie können dies jedoch durch einfaches jQuery tun. Ich füge die folgenden Schritte hinzu

Mir ist nicht bekannt, wie dieses Plugin die Form ändert, aber Sie können dem auch folgen. Unten finden Sie die Codes für die Standard-Anmelde-/Registrierungsseite

Zuerst müssen Sie eine js-Datei erstellen. Ich habe es in meinem active theme's js folder erstellt und custom.js benannt

fügen Sie dann die folgende Zeile in diese Datei ein.

/**
 * 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');
});

Oben wird dem Eingabefeld User Name, User Email und User Password jeweils ein Platzhalter als user_login, user_email und user_pass hinzugefügt. Sie können diese gemäß Ihren Anforderungen ändern.

Jetzt müssen Sie diese js-Datei hinzufügen/einreihen. Dazu fügen Sie den folgenden Code in diefunctions.php-Datei Ihres aktiven Themas ein

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