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