Vår "widget" for The Lodge i sidefeltet til nettstedet (vises på de fleste sider, inkludert hjemmesiden) har to stater. En for når en bruker er logget ut og en når en bruker er logget inn. Den utloggede tilstanden har et påloggingsskjema rett på seg slik at nåværende medlemmer har en enkel måte å hoppe inn på.
Vi brukte den innebygde funksjonen wp_login_form (), som er ganske kult for WordPress å tilby, men vi vil ha litt kontroll over markeringen. Dette vil tillate oss å legge til klasser og hva som helst for å utforme det slik vi vil.
Det er imidlertid en rekke situasjoner der vårt tilpassede påloggingsskjema ikke fungerer, og vi må bruke standard WordPress-påloggingsvisning. Det vil si det du ser når du besøker /wp-login.php. Hvis du for eksempel sender inn feil passord, blir du omdirigert til denne siden. Eller hvis du vil registrere deg for nettstedet (uten å gå gjennom Begrens innhold Pro), eller til og med tilbakestille passordet ditt, vil du gjøre dette gjennom denne /wp-login.php-siden. Så jeg tror det ville være best hvis vi utformer denne siden slik at den føles som en profesjonell operasjon i stedet for bare "et WordPress-nettsted." I tillegg kan vi bruke merkevarene våre her, nemlig den snødekte hytta vår.
For å få kontroll bruker vi et par WordPress-“kroker” i vår functions.php-fil for å laste opp en tilpasset CSS-fil. Det er alt vi trenger for å fange designkontroll.
Vi bruker resten av tiden på å bruke den CSS-filen til å merke innloggingssiden. Vi gjør hytta ganske uklart, noe som jeg synes er kult. Det sier liksom “Hytta er der igjen! Logg inn og alt blir klart! ”. Som en fin bonus kan uskarpe bilder som JPG.webp-er settes til ganske lav kvalitet, noe som er bra, fordi vi bruker det ganske stort som et helsides bakgrunnsbilde.