Выберите, на каких страницах показывать баннер: на главной, в списках тем или на всех страницах
banner links
Добавьте от 1 до 4 ссылок с иконками Font Awesome и текстом (возможно, вам также потребуется добавить иконки, отсутствующие в Discourse по умолчанию, в настройку svg_icons)
max trust level
Показывать баннер только пользователям с определенным уровнем доверия
hide for staff
hide on mobile
layout
Текст слева (по умолчанию) или текст сверху
plugin outlet
Позволяет изменить место отображения баннера; если вы используете боковую панель, попробуйте above-main-container
hide for anon
Скрывать баннер от незарегистрированных пользователей
can be dismissed
Позволяет пользователям нажимать x, чтобы скрыть баннер
banner background image
Выберите изображение для фона баннера
banner background repeat
Настройте поведение повторения фонового изображения
banner background size
Настройте размер фонового изображения с помощью CSS (подробнее)
banner background color
Нет фонового изображения? Используйте сплошной цвет!
banner box background color
banner text color
banner icon color
banner link color
Переводы
По умолчанию
meta_banner.welcome
Добро пожаловать в наше сообщество!
meta_banner.subtitle
Присоединяйтесь к разговору и помните о вежливости.
Хостинг у нас? Компоненты тем доступны для использования в наших планах Pro, Business и Enterprise.
Если вы используете экспериментальную боковую панель, я добавил настройку (plugin outlet), благодаря которой приветственный баннер будет отображаться над контентом, но не над боковой панелью. Просто измените эту настройку на above-main-container.
Изменение этой настройки приведет к тому, что баннер появится справа от боковой панели, как это сделано с нашим баннером здесь, на Meta:
Вопрос: если пользователь (я ^^) закрыл баннер, как его можно восстановить?
Я нажимаю Ctrl+F5, но он не появляется, хотя я закрыл его только для теста.
На рабочем столе вы можете удалить элемент localstorage здесь: discourse_dismissedWelcomeLinkBanner.
Нажмите F12, чтобы открыть консоль браузера → перейдите на вкладку Application → в левой панели выберите Local Storage, затем ваш сайт → найдите ключ discourse_dismissedWelcomeLinkBanner и удалите его.
Вот и всё! Обновите страницу, и баннер должен появиться снова.
Мой вопрос может показаться глупым, но я не программист. Я установил компонент CSS-классы для групп текущего пользователя. Если я хочу отобразить три варианта баннера для трёх разных групп, нужно ли мне установить три копии компонента Welcome Link Banner? Тогда как мне стилизовать CSS, если я хочу:
Для группы A отображался баннер-A, для группы B — баннер-B, а для группы C — баннер-C? Не могли бы вы привести пример?
Заранее спасибо за ответ
Спасибо, это работает, если я хочу скрыть баннер для конкретной группы, но я не знаю, как отображать разные баннеры с разным контентом для разных групп(
Если вы хотите использовать разные баннеры, потребуется более одной копии компонента баннера приветственной ссылки (не компонента группы CSS). Возможно, вам также стоит использовать разные стили CSS, чтобы отображать их, а не скрывать.
Возможно, стоит сначала скрыть его для всех, а затем использовать display: block для выбранных групп. То, что вы хотите сделать, скорее всего, можно реализовать несколькими способами — скрыть для всех, а затем показать для некоторых, или скрыть только для некоторых.
Возможно, вам придется создавать форк компонента баннера для каждого отдельного случая. Вероятно, в таких нестандартных сценариях лучше освоить основы CSS и разработку тем для компонентов.
Я хотел бы использовать этот баннер, так как он простой и аккуратный. Можно ли использовать его для продвижения приложения моей компании, а не в качестве приветственного баннера?
Я планирую установить ссылку на URL, с которого можно загрузить приложение из App Store. Возникнут ли с этим какие-либо проблемы?
Могу ли я изменить текст «Welcome to our community!»?
Хостинг у нас? Компоненты тем доступны для использования в наших планах Pro, Business и Enterprise.
Если вы установите этот компонент темы, вы сможете использовать CSS для достижения желаемого результата.