Это руководство объясняет различные методы создания и настройки баннеров на вашем сайте Discourse — от простых закрываемых баннеров до более продвинутых вариантов.
Требуемый уровень доступа пользователя: Модератор (закрываемый баннер), Администратор
Баннеры — это эффективный способ сообщить важную информацию посетителям вашего сайта. В этом руководстве мы подробно разберем различные методы создания и настройки баннеров на вашем сайте Discourse.
Приветственный баннер
Приветственный баннер встречает новых и возвращающихся участников дружеским сообщением и заметной строкой поиска, что позволяет посетителям быстро находить нужный контент.
Чтобы включить и настроить приветственный баннер, перейдите в административную панель и выберите ссылку Внешний вид > Приветственный баннер в боковом меню.
В этом разделе вы найдете следующие настройки:
- Включено для тем…: Позволяет указать, какие из ваших активных тем должны отображать приветственный баннер.
- Фоновое изображение: Загрузите изображение, которое будет служить фоном для вашего приветственного баннера.
- Цвет текста: Если цвет текста по умолчанию, управляемый вашей цветовой палитрой, конфликтует с фоновым изображением, вы можете выбрать здесь новый цвет. Обратите внимание, что эта настройка применяется только при наличии загруженного фонового изображения.
- Видимость на страницах: Определяет, на каких страницах отображается приветственный баннер. По умолчанию он показывается на
Страницах верхнего меню(то есть на страницах, выбранных в настройке сайтаВерхнее меню), но вы можете изменить это на:Только главная страница: Приветственный баннер отображается только на главной странице сайта (то есть на первой странице, указанной в настройке сайтаВерхнее меню).Страницы обнаружения: Приветственный баннер отображается на всех страницахВерхнего меню, даже если они не отображаются в фактическом верхнем меню вашего сайта (то есть не выбраны в настройке).Все страницы: Приветственный баннер отображается на всех страницах вашего сайта. Это обычно не рекомендуется, так как может создать визуальный шум на страницах тем, отвлекая участников от чтения и участия в обсуждениях.
- Расположение: Определяет, где на странице отображается приветственный баннер. По умолчанию он показывается
Над содержимым темы, но вы также можете выбратьПод заголовком сайта. Разница довольно тонкая и показана на скриншотах ниже:
Вы также можете настроить текст приветственного баннера, чтобы изменить приветствие и добавить более подробные пояснения.
- Заголовок для новых участников: Основное приветствие, показываемое новым участникам при их первом входе на сайт.
- Заголовок для авторизованных участников: Основное приветствие, показываемое возвращающимся участникам.
- Заголовок для анонимных посетителей: Основное приветствие, показываемое анонимным (то есть не авторизованным) пользователям.
- Подзаголовок для авторизованных участников: Дополнительная строка текста под заголовком, показываемая возвращающимся участникам.
- Подзаголовок для анонимных посетителей: Дополнительная строка текста под заголовком, показываемая анонимным (то есть не авторизованным) пользователям.
- Текст-заполнитель поиска: Текст-заполнитель, отображаемый в поле поиска приветственного баннера.
Закрываемый баннер
Закрываемый баннер — это временное уведомление, которое пользователи могут закрыть. Вот как его создать:
- Создайте или перейдите к теме в любой публичной категории. Первый пост (OP) вверху темы станет источником вашего баннера.
- Откройте административные опции, нажав на значок гаечного ключа справа или внизу темы.
- Выберите «Закрепить тему…»
- В новом окне выберите
Сделать тему баннером
Теперь баннер появится в верхней части вашего сайта. Пользователи увидят закрываемый баннер. Сотрудники также увидят ссылку для редактирования исходной темы.
Советы по созданию эффективных закрываемых баннеров:
- Держите текст четким и лаконичным
- Максимальная высота составляет 20vh (настраивается через CSS)
- Для более длинного текста пользователи могут прокручивать его внутри баннера
- Рассмотрите возможность добавления ссылки на соответствующую публичную тему для получения дополнительной информации
- Если вы хотите скрыть тему, используемую в качестве баннера, вы можете исключить её из списка, используя административное меню темы
Постоянный баннер
Чтобы создать баннер, который всегда виден и не может быть закрыт пользователями:
- В настройках вашего сайта найдите
global_notice. - Введите текст баннера или HTML-код в это поле.
Советы по постоянным баннерам:
- Этот тип баннера обычно используется для срочных сообщений сайта, но может применяться для любого постоянного сообщения
- Этот баннер виден всем, включая анонимных пользователей на сайтах с требованием
login_required - Баннер можно удалить, сбросив настройку сайта
global notice
Продвинутые баннеры
Вы можете создавать более сложные баннеры с помощью компонентов тем. Обратите внимание, что эти компоненты тем могут конфликтовать с основной функцией приветственного баннера.
Баннер приветствия со ссылками
Этот компонент позволяет добавлять на баннер пользовательский текст и от 1 до 4 ссылок. Он предлагает различные варианты настройки, включая:
- Выбор места отображения баннера (главная страница, списки тем или все страницы)
- Добавление ссылок с иконками Font Awesome
- Ограничение видимости в зависимости от уровня доверия пользователя
- Настройка фоновых изображений или цветов
- Изменение цветов текста и иконок
Универсальный баннер
Один из самых популярных и хорошо поддерживаемых компонентов, Универсальный баннер предлагает обширные возможности настройки через интерфейс, включая:
- Ограничение отображения баннера только для:
- авторизованных или анонимных пользователей
- мобильных или настольных устройств
- главной страницы, списка тем или всех страниц
- Варианты: закрываемый, расширяемый или постоянный
- Настройка на полную ширину браузера
- Управление цветами
- Настройка заголовков и колонок с использованием HTML
Настройка баннеров с помощью CSS
Вы можете настроить все типы баннеров с помощью CSS. Для получения дополнительной информации о использовании CSS для настройки вашего сайта Discourse см. Руководство для начинающих по использованию тем Discourse.