WordPress

С помощью плагина Яндекс ID для WordPress пользователи смогут входить на ваш сайт, используя свой аккаунт на Яндексе.

Чтобы установить Яндекс ID на вашем сайте:

  1. Загрузите плагин в WordPress:

    1. Авторизуйтесь в WordPress как администратор.

    2. Перейдите в раздел Плагины. В верхней части страницы нажмите Загрузить плагин.

    3. Выберите архив с плагином Яндекс ID и нажмите Установить.

    4. Дождитесь окончания установки, затем активируйте плагин.

  2. Настройте загруженный плагин:

    1. Перейдите в раздел Яндекс ID.

    2. Задайте Настройки Яндекс ID:

      • Название приложения — будет показано пользователю при авторизации через Яндекс ID.
      • Блок авторизации — определяет, какой элемент будет использоваться для предоставления доступа: кнопка авторизации или виджет "Мгновенный вход".
      • Применяемая группа при создании пользователя — задает, к какой пользовательской группе будет отнесен новый пользователь.
    3. Задайте Запрашиваемые данные пользователя — в процессе авторизации компонент Яндекс ID запросит у пользователя данные, которые вы зададите в этом разделе. Если пользователь даст согласие на их передачу, информация о пользователе сохранится на вашем сайте. Вы можете запросить: логин, имя, фамилию, пол, дату рождения, номер телефона, адрес электронной почты и портрет. Для некоторых данных, например для номера телефона, вы можете выбрать, в какое поле, связанное с пользователем, сохранять информацию.

    4. Если в качестве блока авторизации вы выбрали кнопку, задайте Настройки внешнего вида для кнопки авторизации:

      • Тип кнопки — выберите из списка тип кнопки, подходящий под стиль вашего сайта. Пример ее внешнего вида вы увидите в разделе настроек.
      • Значение id атрибута контейнера, в который нужно встроить кнопку — укажите ID контейнера, куда требуется встроить кнопку авторизации. Значение по умолчанию yandex-id-container.
      • Радиус скругления границ кнопки — радиус скругления углов кнопки в пикселях. При нулевом значении радиуса кнопка будет прямоугольной.
      • Тема кнопки — должна соответствовать теме страницы сайта, на которой размещается кнопка, чтобы она не сливалась с цветом фона.
      • Размер кнопки — указывает на базовую высоту, минимальную ширину и переключение на сокращенный вид.
      • Тип иконки — определяет языковой вариант логотипа на кнопке.
      • Цвет фона — цвет фона подложки кнопки-иконки. Актуально только для кнопки-иконки с контуром.
      • Цвет фона при наведении — цвет фона подложки кнопки-иконки под курсором. Актуально только для кнопки-иконки с контуром.
      • Цвет обводки — цвет обводки кнопки-иконки. Актуально только для кнопки-иконки с контуром.
      • Цвет обводки при наведении — цвет обводки кнопки-иконки под курсором.Актуально только для кнопки-иконки с контуром.
      • Ширина обводки — толщина обводки кнопки-иконки. Актуально только для кнопки-иконки с контуром.

      Примечание

      Параметры, в которых задается цвет, принимают значение цвета в HEX-формате. Пример для черного цвета — #000000. Чтобы узнать код нужного цвета, можно воспользоваться таблицей цветов, например https://colorscheme.ru/html-colors.html.

  3. Разместите блок авторизации Яндекс ID на вашем сайте: для добавления используйте shortcode [yandexid].

Предыдущая
Следующая