it-swarm.com.de

Wie kann ich das Benutzeranmeldeformular anpassen?

Ich versuche, das Benutzeranmeldeformular auf der Seite /user/login Anzupassen, und ich möchte eine hook_form_alter - Funktion verwenden, um jedem Feld des Benutzeranmeldeformulars einen fantastischen Stil und Platzhalter hinzuzufügen und Folgendes zu entfernen oder auszublenden:
"Geben Sie Ihren admin Benutzernamen ein" und "Geben Sie das Passwort ein, das Ihrem Benutzernamen beiliegt" Beschreibungsausdrücke unter jedem Thema.
Um dieses Problem zu beheben, habe ich meinem ThemeName.theme Folgendes hinzugefügt:

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

Ich probiere viele verschiedene Möglichkeiten aus, aber ich kann kein Ergebnis erzielen. Zum Schluss möchte ich so etwas wie das folgende Bild erreichen:
enter image description here

Ich habe diese Seiten gelesen, aber anscheinend funktioniert keine in Drupal 8:
Wie ändere ich die Felder des Benutzerregistrierungsformulars und des Benutzeranmeldeformulars?
Ändern der Standard-Benutzerregistrierungsseite
Benutzeranmeldeblock anpassen

7
Mojtaba Reyhani

Sie können Platzhalter in hook_form_alter () hinzufügen.

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

Verwenden Sie die Funktionen Entwicklungsmodul , um das Formular mit kint auszudrucken. Auf diese Weise können Sie die gesamte Struktur des $ form-Arrays sichtbar sehen.

9
Jeff Burnz

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

Es ist ein einfaches Modul zum Anpassen von Drupal Anmelde-, Kennwort- und Registrierungsseiten mit Hintergrundbildern.

Administratoren können Benutzern die Möglichkeit geben, ihre eigenen Hintergrundbilder/Hintergrundfarben an Benutzeranmeldungen, Kennwörter und Registrierungsseiten anzuhängen. Bessere Funktionen, einschließlich Anpassen der Hintergrundfarbe und Bildeinstellungen.

Funktionen: Sauberes und elegantes Design, Anpassen der Hintergrundfarbe, Linkfarbe, Senden der Schaltflächenfarbe, Anpassen der Bildeinstellungen, Hintergrundbildopazität, Entfernen unerwünschter CSS-Dateien von Simplelogin-Seiten, Breite des Anmeldeseiten-Wrappers, Mobile Responsive,

1
Satheesh kumar