Wir stecken noch mitten im Forenbereich. In diesem Screencast betrachten wir die Anmeldeseite. Eine weitere ziemlich wichtige Seite, da wir möchten, dass die Erfahrung des Beitritts zu den Foren so einfach und einladend wie möglich ist.
Wir sind am Anfang etwas nervös und denken, es wird ein verrückter Kampf, herauszufinden, welche Dateien wir auf die klügste Weise ändern müssen. Wir haben zwar ein bisschen zu kämpfen, finden aber einige Informationen auf GitHub, die uns helfen zu verstehen. Wir werden besser darin! Außerdem werden wir uns beim nächsten Mal, wenn wir alle benötigten Kontrollen bereits gemeistert haben, leichter tun. Obwohl, und das habe ich schon einmal gesagt, ich würde es eines Tages wirklich gerne auf bbPress umstellen, damit die gesamte Website Single-Signon hat.
Seltsamerweise werden wir zum ersten Mal ein „normales“ Formular gestalten. Das Suchformular auf der Website ist so benutzerdefiniert, dass es uns nicht viel nützt. Für das Kommentarformular haben wir uns letztendlich für In-Input-Hinweise anstelle von Labels entschieden. Dieses Formular hat traditionelle Labels, also müssen wir etwas CSS von Grund auf neu schreiben. Wir teilen es, wie wir es bei Designmustern oft tun, in ein Partial (_forms.scss) auf und entscheiden uns für einen Top-Label-Stil.
Wir müssen schließlich eine maximale Höhe und `overflow: auto` für die Popups einstellen, da die Nutzungsbedingungen der Website in einem Popup angezeigt werden und diese zu lang sind. Hoffentlich ist das für Mobilgeräte in Ordnung – das müssen wir beobachten.
Wir bekommen das CAPTCHA zum Laufen (nur eine einfache Angelegenheit, indem wir ihm ein paar kostenlose API-Schlüssel geben), aber die Anzeige scheint etwas seltsam zu sein. Wahrscheinlich nur eine Aberration der komischen Monitor-Konfiguration, die ich habe.
Wir beschäftigen uns schließlich mit ein wenig Styling für die Fehlermeldungen, die bei der Anmeldung auftreten können. Wir stellen auch fest, dass die Fehlermeldungen zu wünschen übrig lassen, aber zumindest können wir sie gut aussehen lassen.