Кастомный баннер для канала Discourse

Привет! Мы пытаемся настроить собственный канал Discourse и нам нужно реализовать баннер (после заголовка), который должен выглядеть так -

Но мы столкнулись с двумя основными проблемами:

  1. Нам не удаётся сделать баннер на всю ширину. Discourse добавляет контейнер, поэтому весь компонент оказывается внутри этого контейнера.
  2. Мы не видим изображения, даже если они находятся в домене. Мы загрузили эти изображения и использовали их следующим образом: background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
    но это не работает.

Будем благодарны за любую помощь.
Заранее спасибо.

В файле head вашей темы вы можете добавить следующее:

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">

// Ваш собственный HTML-код здесь

</script>

Это использует точку подключения плагина для размещения контента непосредственно под заголовком и вне контейнера нашего контента (подробнее здесь: Руководство разработчика по темам Discourse)

Исходя из имени переменной… это SVG-изображение? Если да, вам, возможно, потребуется убедиться, что файл SVG содержит атрибут viewbox и/или размеры в своей разметке… Я иногда сталкивался с этой проблемой.

В противном случае я ожидал бы, что ваше изображение появится… происходит ли это на работающем сайте или на локальной установке для разработки? Я иногда сталкивался с проблемами при загрузке изображений на локальных установках; обычно очистка кэша или перезапуск сервера решает проблему.