Onze "widget" voor The Lodge in de zijbalk van de site (wordt weergegeven op de meeste pagina's, inclusief homepage) heeft twee statussen. Een voor wanneer een gebruiker is uitgelogd en een wanneer een gebruiker is ingelogd. De uitgelogde status heeft een inlogformulier, zodat huidige leden gemakkelijk kunnen instappen.
Vroeger gebruikten we de ingebouwde functie wp_login_form (), wat best gaaf is voor WordPress om te bieden, maar we willen wat controle over de opmaak krijgen. Dit zal ons in staat stellen om klassen toe te voegen en zo het te stylen zoals we willen.
Er zijn echter een aantal situaties waarin ons aangepaste inlogformulier niet werkt en we de standaard WordPress-inlogweergave moeten gebruiken. Dat wil zeggen, wat u ziet wanneer u /wp-login.php bezoekt. Als u bijvoorbeeld een onjuist wachtwoord invoert, wordt u doorgestuurd naar deze pagina. Of als je je wilt registreren voor de site (zonder door Restrict Content Pro te gaan), of zelfs je wachtwoord wilt resetten, dan doe je dit via deze /wp-login.php pagina. Dus ik denk dat het het beste zou zijn als we deze pagina zo opmaken dat het aanvoelt, weet je, als een professionele operatie in plaats van als een soort WordPress-site. Bovendien kunnen we hier onze merkartikelen gebruiken, namelijk onze besneeuwde hut.
Om controle te krijgen, gebruiken we een paar WordPress "hooks" in ons functions.php-bestand om een aangepast CSS-bestand te laden. Dat is alles wat we nodig hebben om ontwerpcontrole te haken.
We besteden de rest van de tijd aan het gebruik van dat CSS-bestand om de inlogpagina te markeren. We maken de cabine nogal wazig, wat een cool ogend effect is vind ik. Het zegt een beetje: "De hut is daar achter! Log in en alles wordt duidelijk! ”. Als een leuke bonus kunnen wazige foto's als JPG.webp's op een behoorlijk lage kwaliteit worden ingesteld, wat goed is, omdat we het vrij groot gebruiken als achtergrondafbeelding op een volledige pagina.