Sivuston sivupalkissa (näkyy useimmilla sivuilla, myös kotisivulla) olevalle The Lodgen "widgetillemme" on kaksi tilaa. Yksi, kun käyttäjä on kirjautuneena ulos ja toinen, kun käyttäjä on kirjautuneena sisään. Kirjautuneena olevalla tilalla on sisäänkirjautumislomake, joten nykyisillä jäsenillä on helppo tapa siirtyä sisään.
Aikaisemmin käytimme sisäänrakennettua toimintoa wp_login_form (), joka on melko siisti WordPressin tarjoama, mutta haluamme tarttua jonkin verran hallintaan merkinnöistä. Tämä antaa meille mahdollisuuden lisätä luokkia ja mitä muuta, jotta voimme tyylittää sen haluamallamme tavalla.
On kuitenkin useita tilanteita, joissa mukautettu kirjautumislomake ei toimi, ja meidän on käytettävä oletusarvoista WordPress-kirjautumisnäkymää. Eli mitä näet kun vierailet /wp-login.php -sivulla. Jos esimerkiksi annat väärän salasanan, sinut ohjataan tälle sivulle. Tai jos haluat rekisteröityä sivustolle (käymättä Restrict Content Pron läpi) tai edes nollata salasanasi, teet tämän tämän /wp-login.php -sivun kautta. Joten mielestäni olisi parasta, jos muotoilemme tämän sivun niin, että se tuntuu kuin ammattimainen toiminta eikä vain "jokin WordPress-sivusto". Lisäksi voimme käyttää tuotemerkkimme täällä, nimittäin lumisessa mökissämme.
Hallinnan saamiseksi käytämme muutama WordPress-koukku toimintamme.php -tiedostossa ladataksesi mukautetun CSS-tiedoston. Se on kaikki mitä tarvitsemme suunnittelun hallintaan.
Vietämme loppuajan CSS-tiedoston avulla kirjautumissivun luomiseen. Teemme matkustamosta melko epäselvän, mikä on mielestäni hieno näköinen vaikutus. Se tavallaan sanoo: "Mökki on siellä! Kirjaudu sisään ja kaikki käyvät selväksi! ”. Hienona bonuksena epätarkat valokuvat JPG.webp-tiedostoina voidaan asettaa melko heikkolaatuisiksi, mikä on hyvä, koska käytämme sitä melko suurena koko sivun taustakuvana.