WordPress
С помощью плагина Яндекс ID для WordPress пользователи смогут входить на ваш сайт, используя свой аккаунт на Яндексе.
Чтобы установить Яндекс ID на вашем сайте:
-
Загрузите плагин в WordPress:
-
Авторизуйтесь в WordPress как администратор.
-
Перейдите в раздел Плагины. В верхней части страницы нажмите Загрузить плагин.
-
Выберите архив с плагином Яндекс ID и нажмите Установить.
-
Дождитесь окончания установки, затем активируйте плагин.
-
-
Настройте загруженный плагин:
-
Перейдите в раздел Яндекс ID.
-
Задайте Настройки Яндекс ID:
- Название приложения — будет показано пользователю при авторизации через Яндекс ID.
- Блок авторизации — определяет, какой элемент будет использоваться для предоставления доступа: кнопка авторизации или виджет "Мгновенный вход".
- Применяемая группа при создании пользователя — задает, к какой пользовательской группе будет отнесен новый пользователь.
-
Задайте Запрашиваемые данные пользователя — в процессе авторизации компонент Яндекс ID запросит у пользователя данные, которые вы зададите в этом разделе. Если пользователь даст согласие на их передачу, информация о пользователе сохранится на вашем сайте. Вы можете запросить: логин, имя, фамилию, пол, дату рождения, номер телефона, адрес электронной почты и портрет. Для некоторых данных, например для номера телефона, вы можете выбрать, в какое поле, связанное с пользователем, сохранять информацию.
-
Если в качестве блока авторизации вы выбрали кнопку, задайте Настройки внешнего вида для кнопки авторизации:
- Тип кнопки — выберите из списка тип кнопки, подходящий под стиль вашего сайта. Пример ее внешнего вида вы увидите в разделе настроек.
- Значение id атрибута контейнера, в который нужно встроить кнопку — укажите ID контейнера, куда требуется встроить кнопку авторизации. Значение по умолчанию
yandex-id-container
. - Радиус скругления границ кнопки — радиус скругления углов кнопки в пикселях. При нулевом значении радиуса кнопка будет прямоугольной.
- Тема кнопки — должна соответствовать теме страницы сайта, на которой размещается кнопка, чтобы она не сливалась с цветом фона.
- Размер кнопки — указывает на базовую высоту, минимальную ширину и переключение на сокращенный вид.
- Тип иконки — определяет языковой вариант логотипа на кнопке.
- Цвет фона — цвет фона подложки кнопки-иконки. Актуально только для кнопки-иконки с контуром.
- Цвет фона при наведении — цвет фона подложки кнопки-иконки под курсором. Актуально только для кнопки-иконки с контуром.
- Цвет обводки — цвет обводки кнопки-иконки. Актуально только для кнопки-иконки с контуром.
- Цвет обводки при наведении — цвет обводки кнопки-иконки под курсором.Актуально только для кнопки-иконки с контуром.
- Ширина обводки — толщина обводки кнопки-иконки. Актуально только для кнопки-иконки с контуром.
Примечание
Параметры, в которых задается цвет, принимают значение цвета в HEX-формате. Пример для черного цвета — #000000. Чтобы узнать код нужного цвета, можно воспользоваться таблицей цветов, например https://colorscheme.ru/html-colors.html.
-
-
Разместите блок авторизации Яндекс ID на вашем сайте: для добавления используйте shortcode
[yandexid]
.