 |
Краткое описание | Заменяет кнопку Войти на мобильной версии на комбинированную кнопку Регистрация / Войти, открывающую модальное окно со ссылками |
 |
Репозиторий | https://github.com/Lillinator/discourse-combined-auth-button |
 |
Руководство по установке | Как установить тему или компонент темы |
Установить этот компонент темы
Обзор
Этот компонент темы объединяет кнопки регистрации и входа в одну кнопку с выпадающими опциями, что делает заголовок чище и улучшает пользовательский опыт (особенно для мобильных пользователей).
В частности, стандартное мобильное представление форума Discourse скрывает кнопку «Регистрация» и показывает только существующую кнопку «Войти»; это может сбить с толку и показаться неинтуитивным для новых посетителей форумов Discourse (анонимный просмотр). Кроме того, кнопка входа в стандартном мобильном представлении ведет на страницу входа, которая, в свою очередь, содержит ссылку на страницу регистрации; это создает ненужные препятствия для новых пользователей на мобильных устройствах.
Стандартное мобильное представление без компонента:
Этот простой компонент темы Discourse заменяет существующую кнопку Войти на комбинированную кнопку с более понятной подписью — по умолчанию это Регистрация / Войти. При нажатии или тапе открывается выпадающее меню или мобильное модальное окно со ссылками на страницы регистрации или входа. Существует настройка администратора, позволяющая скрыть иконку комбинированной кнопки для освобождения места в заголовке, а также настройки для изменения иконок и текстовых полей, чтобы настроить все подписи кнопок.
Мобильная кнопка и модальное окно с настройками по умолчанию компонента:
Кнопка и выпадающее меню на рабочем столе с настройками по умолчанию компонента:
Существуют настройки администратора, позволяющие скрыть иконку комбинированной кнопки в мобильном представлении для освобождения места в заголовке, а также для изменения всех иконок кнопок. Вы также можете настроить все подписи кнопок.
Настройки и переводы темы
| Настройка | Описание |
|---|---|
enable_on_desktop |
Включить комбинированную кнопку авторизации для всех размеров экранов |
hide_mobile_login_button_icon |
Скрывает иконку комбинированной кнопки авторизации в мобильном представлении для экономии места в заголовке |
login_button_icon |
SVG-иконка для кнопки входа (и комбинированной кнопки авторизации, если hide_mobile_login_button_icon отключена) |
signup_button_icon |
SVG-иконка для кнопки регистрации |
button_labels.auth |
Текстовая строка комбинированной кнопки для переводов темы |
button_labels.log_in |
Текстовая строка кнопки входа для переводов темы |
button_labels.sign_up |
Текстовая строка кнопки регистрации для переводов темы |
Больше скриншотов
Примечания
- Этот компонент совместим с меню гамбургер слева на мобильных устройствах, но центрирование логотипа сайта может вызвать проблемы с переполнением в заголовке.
Посмотрите другие мои проекты для Discourse
