Изменение формы входа в WordPress

Опубликовано: 23.08.2018

видео Изменение формы входа в WordPress

Подготовка сайта под требования 152 ФЗ "О защите персональных данных"



Здравствуйте, друзья! Предлагаю заняться изменением формы входа на ваш сайт . В этом уроке вы научитесь менять логотип WordPress на другой (произвольный), добавлять фон , редактировать шрифт , цвет и размер входной формы.

Не пугайтесь размеру урока – букв в нем много, но на всю работу по редактированию «дверей» в админку уйдет не более пяти минут. Это творческое и несложное занятие. Приступим!


Плагин Theme My Login - Регистрация на сайте WordPress

Включение пользовательской входной формы

Для редактирования входной формы будем использовать возможности плагина Customize WordPress Login Page.

Установите плагин Customize WordPress Login Page . Активируйте его. В левом боковом меню админпанели откройте пункт Настройки , затем подпункт Admin custom Login . Отметьте строку Enable . Нажмите Save Changes . Этим вы включите применение пользовательской входной формы вместо обычной (стандартной). Теперь ее можно настраивать на свой вкус.

Как в WordPress заменить фон входной формы

Для замены стандартного фона откройте подраздел Background Design в меню (слева) раздела Admin custom Login . Выберите в выпадающем списке нужный вариант:


Формы CSS / Как создать форму в CSS3

Background SlideShow – установка на фоне слайд-шоу Static Background Color – одноцветная заливка фона Static Background Image – использование фонового изображения

Например, чтобы поставить на фон картинку, выберите последний пункт, нажмите Upload (ниже) и загрузите изображение.

Как настроить форму входа

Для доступа к настройкам входной формы откройте подраздел Login form Setting в меню (слева) раздела Admin custom Login . Настройте позицию формы на экране ( Login form Floating ), измените ее фон на сплошной цвет или изображение ( Select Background ), а также поэкспериментируйте со следующими опциями:

О настройке шрифта

Выберите оптимальные настройки шрифтов формы входа в подразделе Font Setting раздела Admin custom Login . Здесь также можно выбрать другой цвет для иконки и кнопки входной формы. Все интуитивно понятно, с трудностями при настройке шрифтов вы столкнуться не должны.

Об изменении логотипа WordPress

Для изменения стандартного логотипа WordPress перейдите в подраздел Logo Setting раздела Admin custom Login . Загрузите новый логотип , используя кнопку Upload . Отредактируйте его ширину и высоту .

Другие настройки Custom Login Plugin

Плагин Customize WordPress Login Page позволяет добавить на форму входа кнопки соцсетей. Реализуется это в подразделе Social Setting раздела Admin custom Login . А с помощью инструментов подраздела Export/Import вы можете сохранить настройки плагина на компьютере или импортировать сохраненные ранее.

Результат урока

За пять минут работы я стал обладателем такой вот формы входа в админку сайта:

Надеюсь, у вас тоже получилось что-нибудь похожее (или лучше). Если нет – опишите проблему в комментариях. Сообща настроим входную форму и на ваш сайт.

rss