Olá! Estamos tentando configurar nosso próprio canal do Discourse e precisamos implementar um banner (após o cabeçalho) que deve ter a seguinte aparência -
Mas estamos enfrentando dois problemas principais:
- Não conseguimos que o banner ocupe a largura total. O Discourse adiciona um container, fazendo com que todo o componente fique dentro dele.
- Não conseguimos ver as imagens, mesmo que estejam no domínio. Fazemos o upload dessas imagens e as usamos da seguinte forma:
background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
mas não funciona.
Qualquer ajuda será muito apreciada.
Obrigado antecipadamente.
No arquivo head do seu tema, você pode adicionar o seguinte:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">
// Seu HTML personalizado aqui
</script>
Isso utiliza um plugin outlet para inserir o conteúdo diretamente abaixo do cabeçalho e fora do nosso container de conteúdo (mais detalhes aqui: Guia do desenvolvedor para Temas do Discourse)
Com base no nome da variável… isso é uma imagem SVG? Se for, talvez seja necessário garantir que o arquivo SVG tenha um atributo viewbox e/ou dimensões em sua marcação… Já enfrentei esse problema ocasionalmente.
Caso contrário, esperaria que sua imagem aparecesse… isso está acontecendo em um site ao vivo ou em uma instalação local de desenvolvimento? Já tive problemas ocasionalmente com imagens carregadas em instalações de desenvolvimento; geralmente, limpar o cache ou reiniciar o servidor resolve o problema.
