Наш “віджет” для The Lodge на бічній панелі сайту (відображається на більшості сторінок, включаючи домашню сторінку) має два стани. Один, коли користувач виходить із системи, а другий - коли користувач входить в систему. У стані виходу з системи є форма входу прямо на ньому, тому поточні члени мають простий спосіб зайти.
Раніше ми використовували вбудовану функцію wp_login_form (), яка дуже класна для WordPress, але ми хочемо взяти певний контроль над розміткою. Це дозволить нам додавати класи та ще щось, щоб стилізувати його так, як ми хочемо.
Однак існує низка ситуацій, коли наша власна форма для входу не працює, і нам потрібно буде використовувати типовий режим входу в WordPress. Тобто те, що ви бачите, коли відвідуєте /wp-login.php. Наприклад, якщо ви введете неправильний пароль, вас перенаправлять на цю сторінку. Або якщо ви хочете зареєструватися на сайті (не переходячи через Restrict Content Pro) або навіть скинути пароль, ви зробите це на цій сторінці /wp-login.php. Тому я вважаю, що було б найкраще, якщо б ми оформили цю сторінку так, щоб вона, як ви розумієте, нагадувала професійну операцію, а не просто “якийсь сайт WordPress”. Плюс ми можемо використовувати тут свої фірмові речі, а саме нашу засніжену каюту.
Для того, щоб отримати контроль, ми використовуємо пару «хуків» WordPress у нашому файлі functions.php, щоб завантажити власний файл CSS. Це все, що нам потрібно, щоб зачепити контроль за дизайном.
Ми витрачаємо решту часу, використовуючи цей файл CSS для фіксації сторінки входу. Ми робимо салон досить розмитим, що, на мою думку, є чудовим ефектом. Це якось каже: «Салон там назад! Увійдіть і все стане зрозуміло! ”. Як приємний бонус, розмиті фотографії у форматі JPG.webp можна встановити на досить низьку якість, що добре, оскільки ми використовуємо їх досить великі як фонове зображення на повній сторінці.