Unser „Widget“ für The Lodge in der Seitenleiste der Website (wird auf den meisten Seiten einschließlich der Homepage angezeigt) hat zwei Status. Eine für den Fall, dass ein Benutzer abgemeldet ist, und eine für den Fall, dass ein Benutzer angemeldet ist. Im Status "Abgemeldet" befindet sich direkt ein Anmeldeformular, sodass aktuelle Mitglieder auf einfache Weise einsteigen können.
Früher haben wir die integrierte Funktion wp_login_form () verwendet, die für WordPress ziemlich cool ist, aber wir möchten die Kontrolle über das Markup behalten. Auf diese Weise können wir Klassen hinzufügen und so weiter gestalten, wie wir es möchten.
Es gibt jedoch eine Reihe von Situationen, in denen unser benutzerdefiniertes Anmeldeformular nicht funktioniert und wir die Standard-WordPress-Anmeldeansicht verwenden müssen. Das ist, was Sie sehen, wenn Sie /wp-login.php besuchen. Wenn Sie beispielsweise ein falsches Kennwort eingeben, werden Sie auf diese Seite weitergeleitet. Wenn Sie sich für die Site registrieren möchten (ohne Restrict Content Pro zu durchlaufen) oder sogar Ihr Passwort zurücksetzen möchten, tun Sie dies über diese Seite /wp-login.php. Ich denke, es wäre am besten, wenn wir diese Seite so gestalten, dass sie sich wie eine professionelle Operation anfühlt und nicht nur wie eine „WordPress-Site“. Außerdem können wir hier unser Branding-Material verwenden, nämlich unsere schneebedeckte Kabine.
Um die Kontrolle zu erlangen, verwenden wir einige WordPress-Hooks in unserer Datei functions.php, um eine benutzerdefinierte CSS-Datei zu laden. Das ist alles, was wir brauchen, um die Designkontrolle zu übernehmen.
Wir verbringen den Rest der Zeit damit, diese CSS-Datei zu verwenden, um die Anmeldeseite zu brandmarken. Wir machen die Kabine ziemlich verschwommen, was meiner Meinung nach ein cool aussehender Effekt ist. Es heißt sozusagen „Die Kabine ist wieder da! Loggen Sie sich ein und alles wird klar! “. Als netter Bonus können verschwommene Fotos als JPG.webps auf eine ziemlich niedrige Qualität eingestellt werden, was gut ist, da wir sie ziemlich groß als ganzseitiges Hintergrundbild verwenden.