Полезное для сайта
Здравствуйте ! 
Сегодня расскажу о плагине, который может изменить вашу страницу входа в админ-панель до неузнаваемости. Зачем менять страницу входа ? ну например, чтобы быть не таким как все, или если вы используете эту страницу для регистрации пользователей, то можно будет её как-нибудь приукрасить. Вот список того, что вы сможете сделать с помощью данного плагина:
— Добавить к форме входа иконки своих социальных сетей.
— Добавить свой логотип к форме входа.
— Изменить цвет фона.
— Добавить фоновое изображение.
— Фоновое изображение в виде слайд-шоу.
— Цвет формы входа.
— Сделать форму входа прозрачной.
— Изменить цвет шрифта формы входа.
— Размер шрифта.
— Цвет кнопки.
— Размер кнопки.
— Фон формы.
Вот как выглядит страница входа в админ-панель по умолчанию:
А вот как может выглядеть:
Итак, плагин с помощью которого мы будем менять страницу входа, называется — Admin Custom Login. Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.
Чтобы начать настраивать плагин, перейдите по вкладке: Настройки — Admin custom login.
Итак, разберём настройки:
DASHBOARD.
— Admin Custom login Status, у вас должно быть отмечено — Enable Custom Login (включен)
— View Login Page, здесь указана ссылка по которой вы можете смотреть как выглядит страница входа.
BACKGROUND DESIGN.
— Select Background, здесь нужно выбрать каким будет фон страницы, на выбор 4 варианта:
no background selected — без фона.
static background color — статический цветовой фон.
static background image — статический фон-изображение.
Background slide show — слайд-шоу на фоне сайта.
Затем внизу, под выбором фона, вам нужно будет указать, либо цвет для фона, либо выбрать фото для фона, а если вы выберите слайд-шоу, то вам нужно будет указать — сколько будет изображений в слайдере и выбрать изображения.
LOGIN FORM SETTING.
— Login from Floating, укажите как будет располагаться форма входа, слева, по центру или справа ?
— Select Background, выберите каким будет фон у формы входа, цвет или фото ? если цвет (color) то выбираем цвет, а если фото (image) то выбираем фото для фона формы.
— Background Repeat, здесь выберите повторять ли изображение на фоне или не повторять. Так же можно выбрать — повторять по вертикали или повторять по горизонтали, но это зависит от фото, какое оно, вертикальное или горизонтальное. Так страница входа не большая, то лучше выбрать — No Repeat (не повторять), тогда фото подбирайте по размерам страницы.
— Background Position, здесь нужно выбрать позицию для фона — слева вверху, слева внизу, слева по центру и т.д.
— Background Effect, выберите здесь эффект для фона, с эффектами нужно по экспериментировать.
— Login Form Width, укажите ширину формы входа.
— Border Color, выберите цвет для границы, бордюра формы входа.
— Border Style, выберите стиль границы формы, solid — твёрдый, dotted — пунктир, dashed — длинный пунктир, double — двойной.
— Border Thickness, укажите толщину бордюра, границы, в пикселях.
— Enable form shadow?, выберите добавлять ли тень к форме или нет ?
— Form Shadow Color, укажите цвет тени.
FONT SETTING.
— Headline Font Color, выберите цвет заголовка формы.
— Input Font Color, выберите цвет текста в полях ввода имени и пароля.
— Link Color, выберите цвет ссылок.
— Button Color, выберите цвет кнопки.
— Headline Font size, укажите размер заголовка формы.
— Input Font Size, укажите размер текста в полях ввода.
— Link Font Size, укажите размер шрифта ссылок.
— Button Font Size, укажите размер шрифта в кнопке формы.
— Enable Link shadow?, включать тень для ссылки ?
— Link Shadow Color, выберите цвет тени ссылки.
— Headline Font Style, выберите стиль шрифта для заголовка формы.
— Input Font Style, выберите стиль шрифта для текста в полях ввода.
— Link Font Style, выберите стиль шрифта для ссылок.
— Button Font Style, выберите стиль шрифта для текста в кнопке.
— Enable Input Box Icon?, включить значки для полей ввода данных ?
— Icon For user Input Box, выберите значок для поля имени.
— Icon For Password Input Box, выберите значок для поля пароля.
LOGO SETTINGS.
— Logo, загрузите свой логотип, нажав на кнопку — Upload.
— Logo Width, укажите ширину логотипа.
— Logo Height, укажите высоту логотипа.
— Logo URL, здесь можно задать свою ссылку для логотипа.
— Logo URL Title, укажите здесь атрибут title для логотипа, всплывающая текстовая подсказка.
SOCIAL SETTINGS.
— Enable Social Icons, включить социальные иконки, inner — внутри формы, outer — снаружи, both — оба варианта.
— Social Media Icon Size, выберите размер соц. значков .
— Social Media Icon Layout, выберите макет значков, rectangle — прямоугольные., circle — круглые.
— Social Media Icon Color, выберите цвет соц. значков.
— Social Media Icon Color On Hover, выбираем цвет при наведении на значки.
— Social Media Icon Background Color, выбираем цвет фона значков.
— Social Media Background Color On Hover, цвет фона при наведении курсора.
— Social Profiles, укажите здесь URL адреса своих профилей в соц.сетях.
Сохраняем все сделанные изменения, нажав на синюю кнопку — Save Changes.
На этом всё, последние две вкладки — export/import и help and support можно не трогать, они для экспорта, импорта, и для помощи. После того как вы настроите плагин и сохраните настройки, зайдите на страницу входа и посмотрите что у вас получилось.
Если у вас остались Вопросы по статье или по плагину, то обязательно напишите мне. До новых встреч ! Всем удачи и успехов !
