Боюсь, что многократная установка этого компонента не сработает. На данный момент лучшим вариантом, скорее всего, будет нанять кого-то для создания индивидуального решения через Marketplace.
В последнее время у меня было время только на исправление ошибок в этом компоненте, но в течение следующего года или двух я планирую провести крупную переработку, которая, надеюсь, обеспечит ещё большую универсальность.
Я использую настройки компонента, чтобы отображать баннер только на определённых страницах. Я столкнулся с двумя проблемами в CSS:
Чтобы подавить оба этих эффекта, мне приходится объявлять .banner-box {display: none;}, а затем добавлять правила display для конкретных страниц, где он должен быть виден.
Привет, @tshenry!
Можно сделать иконки больше?
Мне кажется, это более общий вопрос для раздела FAQ, но я хочу узнать, как предоставлять разные изображения для пользователей настольных компьютеров и мобильных устройств?
Где вы планируете разместить эти графики? Конечно, существуют способы условного отображения элементов в зависимости от того, используется ли десктоп или мобильное устройство, однако выбор подхода будет зависеть от того, чего именно вы пытаетесь достичь.
Я использую Versatile Banner для доставки рождественского сообщения, включая графическое изображение, поэтому хочу иметь возможность делать это в контексте Versatile Banner.
Хм, в таком случае вы можете добавить что-то вроде следующего в одно из настроек «content» для Versatile Banner:
<div class="xmas-banner-image"></div>
Затем добавьте CSS в вашу основную тему или новый компонент. Вот пример, где вы можете заменить LINK_TO_MOBILE_IMAGE на реальную ссылку на изображение:
.mobile-view .xmas-banner-image {
background-image: url("LINK_TO_MOBILE_IMAGE");
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.desktop-view .xmas-banner-image {
background-image: url("LINK_TO_DESKTOP_IMAGE");
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
Вам придётся поэкспериментировать с CSS, но, надеюсь, это поможет вам начать.
Отлично. У меня было ощущение, что потребуется решение на CSS. Спасибо, что нашли время предоставить отправную точку.
Я бы хотел использовать это для точного таргетинга на “/latest?assigned=”, чтобы в сочетании с плагином Discourse Assign добавить кнопку для тем, назначенных всем, мне или никому.
Однако это не работает — я предполагаю, что проблема в символе “?”, так как “/latest” работает. Есть ли какие-либо предложения, как сделать так, чтобы этот баннер отображался только на этих страницах/представлениях?
Кроме того, даже при выборе только “/latest” баннер отображается также на главной странице. Как можно предотвратить это? Я не заметил флажок для отображения на главной странице в настройках.
Наконец, есть ли способ сделать иконку кликабельной? Кажется, что кликабельным является только текст под иконкой.
Это более сложные кастомизации, которые вам потребуется добавить в отдельный компонент. Пример того, как переоткрыть один из виджетов и изменить его поведение, можно найти здесь: Versatile Banner - #158
Что касается иконок, возможно, стоит попробовать собрать решение на CSS. Вы можете добавить элемент-якорь в настройки содержимого столбца и стилизовать его так, чтобы он перекрывал изображение.
Спасибо большое! Я уверен, что смогу разобраться дальше.
Можно ли просмотреть универсальный баннер, не включая тему? 
Хотелось бы увидеть, как это выглядит, прежде чем показывать всему миру (и обнаружить неловкую ошибку) 
Я держу тестовый Droplet для внесения изменений. За 5 долларов в месяц можно проверить, не возникнет ли проблем, прежде чем что-то сломать, ха-ха.
Думаю, то же самое можно сделать на localhost. Тем не менее, я создам виртуальную машину для этих целей и сэкономлю 5 долларов в месяц, ха-ха.
Хм, я об этом не подумал
И в продолжение сегодняшнего объявления я, возможно, сделаю именно это, но на Raspberry Pi 
Кто-нибудь смог разместить этот баннер над компонентом строки поиска?
Пока мне удавалось разместить его только под строкой поиска 
На моём тестовом сайте установлены оба компонента, и я могу поменять их местами, включив настройку «swap default positioning» в Versatile Banners. У вас тоже может сработать?
Хм… это странно… возможно, вы думаете, что это настройка компонента строки поиска… у меня для строки поиска отмечена опция «под заголовком сайта».
Какие у вас настройки строки поиска?
Используя below-site-header для баннера поиска, я могу переключать универсальный баннер выше или ниже с помощью настройки «поменять стандартное положение».
Если выходной порт баннера поиска установлен в above-main-container, то универсальный баннер всегда находится сверху, независимо от того, отмечена ли опция «поменять» или нет.
(Изменения отображаются после обновления страницы)
Я только что запустил свой форум и пока нахожусь на тарифном плане с хостингом.
Мне очень нравится этот баннер, но у меня есть один вопрос…
Я бы хотел иметь тёмную и светлую темы (то есть разные цветовые схемы и разные фоновые изображения/цвета). Неужели я упустил какую-то настройку или есть способ это реализовать?
Я установил компонент темы дважды, назвав один «Light», а другой «Dark», затем прикрепил «Light» к моей светлой теме, а «Dark» — к тёмной. 
Однако «Light» не меняет цветовую палитру, когда установлен идентификатор цветовой схемы «default dark mode color scheme», поэтому это не совсем идеально.
