Usando uma imagem para um tópico de banner global - Dimensões?

Suporte
1

Olá!

Meu objetivo: Estou procurando uma maneira fácil de ter uma imagem como um banner global fixado. Estamos anunciando nossa conferência de usuários e tenho um gráfico bem legal que gostaria de exibir em vez de apenas texto.

O que já tentei:

  • Criei um tópico com apenas uma imagem no corpo, sem texto, e fixei-o como banner global. Funcionou, mas as dimensões estavam definitivamente incorretas: muita altura e pouca largura.
  • Não quero usar a função Configurações > Aviso global, pois certamente não se trata de uma emergência.

Se isso já funcionou para você antes, quais dimensões você usou para a imagem? Se eu estiver no caminho errado, existe outra maneira simples de fazer isso?

Obrigado!

2

Talvez use este componente de tema?

3

Esse componente de tema pode ser uma boa opção, mas se você realmente quiser usar o banner fixo, é possível inserir uma imagem de 1050px x 150px sem que as barras de rolagem apareçam.

Observe que, à medida que você reduz o tamanho do navegador, a imagem não se ajustará e a rolagem voltará a aparecer. Você pode evitar isso com um pouco de CSS personalizado adicionado ao seu tema para redimensionar a imagem… mas a imagem começará a ficar muito pequena assim que o tamanho do dispositivo for o de um celular, então não é perfeito.

#banner img {
    width: 100%;
    height: auto;
}
4

Obrigado a todos pela ajuda! Agradeço as orientações e vou tentar essas soluções. Isso parece significativamente menos intimidante agora.