Как поменять внешний вид страницы входа в админ-панель wordpress


Здравствуйте ! 

Сегодня расскажу о плагине, который может изменить вашу страницу входа в админ-панель до неузнаваемости. Зачем менять страницу входа ? ну например, чтобы быть не таким как все, или если вы используете эту страницу для регистрации пользователей, то можно будет её как-нибудь приукрасить. Вот список того, что вы сможете сделать с помощью данного плагина:

 

Добавить к форме входа иконки своих социальных сетей.

Добавить свой логотип к форме входа.

Изменить цвет фона.

Добавить фоновое изображение.

Фоновое изображение в виде слайд-шоу.

Цвет формы входа.

Сделать форму входа прозрачной.

Изменить цвет шрифта формы входа.

Размер шрифта.

Цвет кнопки.

Размер кнопки.

Фон формы.

 

Вот как выглядит страница входа в админ-панель по умолчанию:

04-09-2015 19-15-46

 

А вот как может выглядеть:

 

Итак, плагин с помощью которого мы будем менять страницу входа, называется – Admin Custom Login. Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

04-09-2015 19-45-31

 

 

Чтобы начать настраивать плагин, перейдите по вкладке: НастройкиAdmin custom login.

 

04-09-2015 19-46-43

 

Итак, разберём настройки:

 

04-09-2015 21-21-03

 

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 можно не трогать, они для экспорта, импорта, и для помощи. После того как вы настроите плагин и сохраните настройки, зайдите на страницу входа и посмотрите что у вас получилось.

 

Если у вас остались Вопросы по статье или по плагину, то обязательно напишите мне. До новых встреч ! Всем удачи и успехов !

 






info-effect.ru
Как поменять внешний вид страницы входа в админ-панель wordpress обновлено: Май 30, 2018 автором: Илья Журавлёв

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru



WhatsApp 7 922 717 9869

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх