# 152: Styling přihlašovací stránky WordPress (Lodge) - Triky CSS

Anonim

Náš „widget“ pro Chatu v postranním panelu webu (zobrazuje se na většině stránek, včetně domovské stránky) má dva stavy. Jeden, když je uživatel odhlášen, a druhý, když je uživatel přihlášen. Odhlášený stav má přihlašovací formulář přímo na něm, takže aktuální členové mají snadný způsob, jak do něj vstoupit.

Dříve jsme používali vestavěnou funkci wp_login_form (), která je pro WordPress docela v pohodě, ale chceme získat určitou kontrolu nad označením. To nám umožní přidávat třídy a cokoli je stylovat, jak chceme.

Existuje však řada situací, kdy náš vlastní přihlašovací formulář nebude fungovat a budeme muset použít výchozí zobrazení přihlášení WordPress. To je to, co uvidíte při návštěvě /wp-login.php. Pokud například zadáte nesprávné heslo, budete přesměrováni na tuto stránku. Nebo pokud se chcete na webu zaregistrovat (aniž byste museli procházet programem Restrict Content Pro) nebo si dokonce resetovat heslo, uděláte to prostřednictvím této stránky /wp-login.php. Takže si myslím, že by bylo nejlepší, kdybychom tuto stránku upravili tak, aby se cítila, víte, spíše jako profesionální provoz než jen s „nějakým webem WordPress“. Navíc zde můžeme použít naše značky, konkrétně naši zasněženou kabinu.

Abychom získali kontrolu, používáme v našem souboru functions.php několik „háčků“ WordPress, abychom načetli vlastní soubor CSS. To je vše, co potřebujeme k zablokování kontroly designu.

Zbytek času využíváme tento soubor CSS k vytvoření přihlašovací stránky. Kabinu děláme dost rozmazanou, což je podle mě skvělý efekt. Říká to trochu „Kabina je tam vzadu! Přihlaste se a vše bude jasné! “. Jako příjemný bonus lze rozmazané fotografie ve formátu JPG.webp nastavit na docela nízkou kvalitu, což je dobré, protože je používáme spíše jako velký obrázek na pozadí celé stránky.