私はネイティブのWordPress登録フォームにプレースホルダーテキストを追加しようとしています。私は現在Register Plus Reduxプラグインを使用しています。このプレースホルダテキストをフォームのテキスト入力フィールドに追加する方法
ユーザーの名前に姓名を使用するように伝えます。誰かが私を助けることができれば私はうんざりします。
別のスクリプトを追加せずにこれを行う別の簡単な方法は、PHP 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;
残念ながら、ログイン/登録フォームの入力フィールドを変更してプレースホルダーを追加するためのフック/フィルターはありません。
しかし、これは簡単なjQueryで実現できます。以下の手順を追加しています
このプラグインがどのようにフォームを変更するのか私は知りませんが、あなたもそれに従うことができます。以下は、デフォルトのログイン/登録ページで機能するコードです。
最初にjsファイルを作成する必要があります。私はそれを私のactive theme's js folder
に作成し、それをcustom.js
と名付けました。
それからこのファイルの下の行を追加しました。
/**
* 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');
});
上記は、User Name
、User Email
、およびUser Password
入力フィールドに、それぞれuser_login
、user_email
、およびuser_pass
としてプレースホルダーを追加します。あなたはあなたの要件に従ってそれらを変更することができます。
これで、アクティブなテーマのfunctions.php
fileに以下のコードを追加することで実行できるこのjsファイルを追加/エンキューする必要があります。
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 );
}