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

 

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

 

Как поменять внешний вид страницы входа в админ-панель wordpress ? обновлено: Сентябрь 3, 2016 автором: Илья Журавлёв
 
 

Комментарии

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

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


8 + 1 =



super-infa-top
Стрелка вверх