# 152: Styling prihlasovacej stránky WordPress (lóža) Triky CSS

Anonim

Náš „widget“ pre Chatu na bočnom paneli webu (zobrazuje sa na väčšine stránok vrátane domovskej stránky) má dva stavy. Jeden, keď je používateľ odhlásený, a druhý, keď je používateľ prihlásený. Odhlásený stav má prihlasovací formulár priamo v ňom, takže súčasní členovia majú ľahký spôsob, ako sa prihlásiť.

Používali sme vstavanú funkciu wp_login_form (), ktorá je pre WordPress celkom v pohode, ale chceme získať určitú kontrolu nad značením. Toto nám umožní pridávať triedy a nemyslieť si, ako to chceme.

Existuje niekoľko situácií, kedy náš vlastný prihlasovací formulár nebude fungovať, a budeme musieť použiť predvolené zobrazenie prihlásenia WordPress. To znamená, čo uvidíte, keď navštívite /wp-login.php. Napríklad ak zadáte nesprávne heslo, budete presmerovaní na túto stránku. Alebo ak sa chcete zaregistrovať na webe (bez použitia programu Restrict Content Pro) alebo si dokonca resetujete heslo, urobíte to prostredníctvom tejto stránky /wp-login.php. Takže si myslím, že by bolo najlepšie, keby sme túto stránku upravili tak, aby sa cítila ako profesionálna prevádzka, nie iba ako „nejaká stránka WordPress“. Navyše tu môžeme použiť naše značkové veci, konkrétne našu zasneženú kabínu.

Na získanie kontroly používame v našom súbore functions.php niekoľko „hákov“ WordPress, aby sme načítali vlastný súbor CSS. To je všetko, čo potrebujeme, aby sme zachytili kontrolu nad dizajnom.

Zvyšok času využívame tento súbor CSS na vytvorenie prihlasovacej stránky. Kabínu robíme dosť rozmazanú, čo je myslím chladne vyzerajúci efekt. Niečo hovorí: „Kabína je tam vzadu! Prihláste sa a všetko bude jasné! “. Ako príjemný bonus je možné rozmazané fotografie vo formáte JPG.webp nastaviť na dosť nízku kvalitu, čo je dobré, pretože ich používame pomerne veľké ako obrázok na celú stránku na pozadí.