Перейти к основному контенту

Как настроить модуль авторизации в REG.Site

Один из способов входа в админку сайта REG.Site — через форму авторизации на сайте. Ниже мы расскажем, как добавить эту форму с помощью модуля REG.Site и как настроить её дизайн.

Как добавить и настроить модуль авторизации в REG.Site

  1. 1.
  2. 2.

    Выберите область страницы, на которой хотите разместить модуль, и кликните на плюс в сером круге (Добавить новый модуль):

    добавить модуль авторизации 1

  3. 3.

    В списке найдите модуль «Авторизация» и кликните по нему. Чтобы ускорить процесс поиска, можно ввести название модуля в поисковую строку:

    добавить модуль авторизации 2

Вы добавили модуль авторизации. Теперь переходите к его настройке на вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

  1. 1.

    В меню настройки на вкладке «Контент» перейдите в блок Текст:

    добавить модуль авторизации 3

  2. 2.

    В поле «Заголовок» укажите название формы (например, «Авторизация в Личном кабинете»). В поле «Тело» на вкладке «Текст» введите пояснение к форме авторизации либо оставьте поле пустым:

    добавить модуль авторизации 4

  3. 3.

    В блоке «Перенаправление» переведите переключатель в положение ДА. При таких настройках, если пользователь нажмет кнопку «Выйти» из личного кабинета, его направит на страницу с формой авторизации на сайте, а не на страницу входа WordPress.

    добавить модуль авторизации 5

  4. 4.

    В блоке «Фон» вы можете установить цвет фона модуля:

    добавить модуль авторизации 6

    Чтобы выбрать интенсивность и прозрачность фона, кликните на значок Пипетка и передвиньте ползунки в нужное положение:

    добавить модуль авторизации 7

    Также на следующей вкладке вы можете настроить градиент для фона: выбрать его оттенки, направление, исходное и конечное положение, а также настроить фоновое изображение заголовка.

    добавить модуль авторизации 8

    На третьей слева вкладке вы можете добавить в форму изображение и отредактировать его на свой вкус: перевести переключатель в положение ДА, чтобы использовать параллакс эффект, выставить размер, позицию, повторение или смешивание.

    добавить модуль авторизации 9

    В форму можно добавить фоновое видео в одном из двух форматов: MP4 или WebM. Для этого перейдите на четвертую слева вкладку и нажмите на плюс в сером круге. Отображение видео на странице можно отредактировать по ширине и высоте, а также настроить приостановку видео при прокрутке или отображении другого ролика.

    добавить модуль авторизации 10

После завершения настроек на вкладке «Контент», нажмите на галочку, чтобы сохранить изменения в модуле. После этого переходите на вкладку Дизайн.

Дизайн

В блоке «Дизайн» находятся инструменты для творчества. С их помощью вы сможете отредактировать форму на свой вкус. Расскажем, как вносятся основные изменения.

  1. 1.

    В меню настроек на вкладке «Дизайн» перейдите в блок Поля. Тут вы можете изменить цвет текста, настроить фокус, выбрать шрифт, настроить тень и её цвет, а также выставить внешний и внутренний отступы.

    добавить модуль авторизации 11

    В блоках «Текст», «Заголовок Текст», «Тело Текст» и «Кнопка» вы можете выставить аналогичные настройки для всех элементов формы авторизации.

    добавить модуль авторизации 12

  2. 2.

    Чтобы скорректировать ширину, высоту и расположение текста в форме, перейдите в блок Размеры:

    добавить модуль авторизации 13

  3. 3.

    Для настройки внешнего и внутреннего отступа внутри формы откройте блок Отступы:

    добавить модуль авторизации 14

  4. 4.

    Чтобы сделать закругленные границы формы, перейдите в блок Граница и выставите нужное значение:

    добавить модуль авторизации 15

  5. 5.

    В блоке «Тень контейнера» можно выбрать один из вариантов тени для формы и настроить её:

    добавить модуль авторизации 16

  6. 6.

    В блоке «Фильтр» вы можете изменить оттенок формы — настроить насыщенность, яркость, контраст, инверсию или сепию.

    добавить модуль авторизации 17

  7. 7.

    В блоке «Преобразовать» можно выбрать варианты расположения формы на странице:

    добавить модуль авторизации 18

  8. 8.

    Если вы хотите, чтобы форма авторизации динамично появлялась на сайте, перейдите в блок Анимация. Настройте направление градиента, продолжительность, задержку анимации, скорость и другие показатели:

    добавить модуль авторизации 19

После этого нажмите на галочку, чтобы сохранить изменения, и переходите на вкладку Дополнительно.

Дополнительно

На вкладке «Дополнительно» находятся настройки параметров кода. Если у вас есть опыт в веб-разработке, вы можете настроить форму через атрибуты CSS и HTML.

После того как вы настроите форму для авторизации, сохраните изменения на странице. Готово, вы добавили и настроили форму авторизации с помощью модуля REG.Site.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0