 |
Краткое описание | Versatile Banner добавляет на ваш сайт настраиваемый баннер. |
 |
Предпросмотр | Предпросмотр на Discourse Theme Creator |
 |
Ссылка на репозиторий | https://github.com/discourse/discourse-versatile-banner |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Установить этот компонент темы
Возможности
Этот компонент темы является развитием предыдущих попыток создания баннеров. Цель состоит в том, чтобы обеспечить большую простоту и гибкость с помощью настроек темы.
Ниже приведены основные возможности:
- Ограничение отображения только для авторизованных или анонимных пользователей
- Ограничение отображения только для мобильных устройств или только для десктопов
- Ограничение отображения на определенных страницах
- Опции: закрываемый, сворачиваемый/разворачиваемый, всегда видимый
- Опция на всю ширину браузера
- Управление цветами
- Настройка заголовка и колонок с помощью HTML (см. ниже)
- Опция сохранения состояния (см. ниже)
Настройка содержимого баннера
Содержимое баннера разделено на основной заголовок и колонки. Вы можете использовать до 5 колонок, однако рекомендуется использовать 3 или меньше из-за ограничений по ширине. Предоставлены HTML-шаблоны, которые можно настроить под ваши индивидуальные потребности. Вы также можете управлять шириной каждой колонки и добавлять любое изображение или иконку Font Awesome в верхнюю часть каждой колонки.
Использование опции сохранения состояния
Опция сохранения состояния будет использовать до двух файлов cookie. Эти cookie будут содержать имя баннера и значение true/false, относящееся к состоянию баннера. Если у вас есть опасения по поводу использования файлов cookie на вашем сайте, лучше избегать использования этой настройки. Выбор относительного времени для настройки cookie_lifespan гарантирует, что баннер останется закрытым/развернутым/свернутым в течение указанного времени после нажатия пользователем соответствующей кнопки. Без этой настройки баннер сбрасывается при каждой полной загрузке страницы. Если вы внесли изменения в баннер и хотите убедиться, что все пользователи увидят эти изменения, даже те, которые ранее закрыли баннер, обязательно измените «имя cookie». Это по сути сбросит любое сохраненное состояние, а затем позволит пользователю снова закрыть баннер.
Настройки
| Название | Описание |
|---|---|
| показывать для участников | Отображать баннер для пользователей, вошедших на форум |
| показывать для анонимов | Отображать баннер для анонимных пользователей |
| отображать на мобильных | Отображать баннер на мобильных устройствах |
| отображать на десктопах | Отображать баннер на компьютерах |
| отображать на главной | Отображать баннер на главной странице |
| url должен содержать | Введите пути, на которых должен отображаться баннер. Добавьте * в конец пути как подстановочный знак |
| закрываемый | Разрешить пользователям закрывать баннер |
| сворачиваемый | Разрешить пользователям сворачивать и разворачивать баннер |
| состояние по умолчанию (свернуто) | Состояние по умолчанию при включенной настройке сворачиваемости |
| срок жизни cookie | Срок действия cookie, используемой для запоминания того, был ли баннер закрыт, развернут или свернут. Если установлено значение «none», этот компонент НЕ будет использовать файлы cookie, и любые ранее созданные файлы cookie, связанные с баннером, будут удалены при следующей полной загрузке страницы пользователем. Значения измеряются в виде единой единицы, поэтому установка «year» будет означать один год, «week» — одну неделю и т.д. |
| имя cookie | При внесении важных изменений в баннер необходимо изменить имя cookie, чтобы все ваши пользователи увидели изменения. |
| баннер на всю ширину | Отображать баннер на всю ширину браузера |
| поменять местами с позицией по умолчанию | Если активен другой компонент, связанный с баннером, используйте это, чтобы поменять его местами с Versatile Banner |
| плагин outlet | below-site-header помещает его над боковой панелью, above-main-container помещает его над контентом сбоку от боковой панели |
| фоновое изображение баннера | URL-адрес вашего фонового изображения. Совет: вы можете загрузить изображение в свою основную тему и использовать URL-адрес оттуда, но убедитесь, что вы не используете раздел «Uploads» этого компонента. Любые загрузки, добавленные в этот компонент, будут удалены при каждом его обновлении. |
| фоновое изображение баннера (темная тема) | URL-адрес вашего фонового изображения при обнаружении системной темной темы. |
| цвет фона | Используется вместо фонового изображения |
| цвет фона (темная тема) | Используется вместо фонового изображения при обнаружении системной темной темы. |
| основной цвет текста | Основной цвет текста баннера |
| основной цвет текста (темная тема) | Основной цвет текста баннера при обнаружении системной темной темы |
| дополнительный цвет текста | Цвет текста для иконок и текстовых заголовков, а также цвет фона кнопок. |
| дополнительный цвет текста (темная тема) | Цвет текста для иконок и текстовых заголовков, а также цвет фона кнопок при обнаружении системной темной темы. |
| цвет текста ссылок | Цвет текста ссылок внутри баннера |
| цвет текста ссылок (темная тема) | Цвет текста ссылок внутри баннера при обнаружении системной темной темы. |
| Перевод | Значение по умолчанию |
|---|---|
| close.title | Закрыть баннер |
| close.label | Закрыть |
| toggle.title | Развернуть/Свернуть баннер |
| toggle.collapse_label | Свернуть |
| toggle.expand_label | Развернуть |
Размещено у нас? Компоненты тем доступны для использования в наших планах Pro, Business и Enterprise.
Размещено у нас? Компоненты тем доступны для использования в наших планах Pro, Business и Enterprise.