ユーザーログインフォームをカスタマイズする方法は?


7

/user/loginページのユーザーログインフォームをカスタマイズしようとしています。ユーザーログインフォームのhook_form_alter各フィールドに素晴らしいスタイルとプレースホルダーを追加し、「管理者のユーザー名を入力」と「付随するパスワードを入力」を削除または非表示にする機能を使用したいと思い
ますあなたのユーザー名」の各テーマの下の説明表現。 この問題を解決するために、以下のコードをThemeName.themeに追加しました。

function ThemeName_form_alter(&$form, $form_state, $form_id) {
  if ( $form['#form_id'] == 'user_login_form' ) {
    $form['actions']['submit']['#attributes']['class'][] = 'button glow button-primary expanded';
    $form['keys']['#attributes']['placeholder']['name'] = t('User name');
    $form['keys']['#attributes']['placeholder']['password'] = t('Password');
  }
}

いろいろな方法で試してみましたが、結果が出ません。最後に私は下の画像のようなものを達成したいと思います:
ここに画像の説明を入力してください

私はこのページを読みましたが、Drupal 8では何も機能しないよう
です。ユーザー登録フォームとユーザーログインフォームのフィールドを変更する方法は?
デフォルトのユーザー登録ページの変更
ユーザーログインブロックのカスタマイズ


2
私はあなたの機能にあるuser-login-formはずの推測を危険にさらすでしょうuser_login_form
マークコンロイ2016

なぜCSSでそれをしないのですか?.user-login-form .description { display: none; }
Mark Conroy

削除しようとしている実際の文字列はUserLoginForm.phpにあります。そのコードを読んでフォームがどのように構築されているかを確認すると役立ちます。
Mark Conroy、2016

私は、あなたがやってplaceholder属性を追加することができます推測form_alter()ものを
マーク・コンロイ

1
ジェフ・バーンが下の答えで言ったことを見てください。
Mark Conroy、2016

回答:


10

hook_form_alter()でプレースホルダーを追加できます。

/**
 * Implements hook_form_alter().
 * @param $form
 * @param \Drupal\Core\Form\FormStateInterface $form_state
 * @param $form_id
 */
function ThemeName_form_alter(&$form, \Drupal\Core\Form\FormStateInterface $form_state, $form_id) {
  if ($form_id == 'user_login_form' ) {
    // Add placeholders.
    $form['name']['#attributes']['placeholder'] = t('User name');
    $form['pass']['#attributes']['placeholder'] = t('Password');
  }
}

Develモジュール関数を使用して、kintを使用してフォームを印刷します。これにより、$ form配列の構造全体を視覚的に確認できます。


そのようでUser NameあるべきUsernameか、User nameトンへ()関数の作業を正しくです。
Mojtaba Reyhani

問題は関数ではなく、関数内の文字列です。翻訳ではその文字列に依存する可能性があると想定する必要があるため、使用したものを使用しました。
Jeff Burnz、2016

1

https://www.drupal.org/project/simplelogin

これは、Drupalログイン、パスワード、および登録ページを背景画像でカスタマイズするためのシンプルなモジュールです。

管理者は、ユーザーが自分の背景画像/背景色をユーザーのログイン、パスワード、登録ページに添付できるようにする機能を提供できます。背景色、画像設定のカスタマイズを含むより良い機能。

機能:クリーンで洗練されたデザイン、背景色のカスタマイズ、リンクの色、送信ボタンの色、画像設定のカスタマイズ、背景画像の不透明度、simpleloginページからの不要なCssファイルの削除、ログインページラッパーの幅、モバイルレスポンシブ、

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.