Banner Principal
Componente que exibe banners clicáveis, ou vídeo, com tamanho de maior destaque, normalmente inserido no topo da Home. Os banners se alternam na exibição.
Onde está localizado?
Como todo componente do Workhub, ele pode ser inserido em qualquer página/local ou ter sua ordenação alterada. Na instalação padrão do Workhub ele é posicionado no topo da Home Page, sendo o primeiro componente a ser apresentado.
Veja a sua localização na Home Page padrão, aqui.
Como ele funciona?
Os banners tem orientação horizontal e a cada certa quantidade de segundos (definido pelo editor) troca-se para o próximo banner. O banner pode ter um link associado a ele, que quando clicado abrirá o link cadastrado. Este link pode ser um vídeo, que então, será apresentado dentro do componente. Na miniatura é possível visualizar uma pequena barra indicando em quanto tempo o banner será trocado. Também é possível clicar na miniatura e trocar imediatamente para o banner desejado.
Customizações da webpart
Desde sua ultima versão, a webpart Megabanner, agora permite mais customizações a webpart como um todo.
Como a cor do texto que aparece, a cor do fundo da imagem e o tamanho da fonte do texto:
Customizações dos itens da webpart
Cada item do megabanner agora possui mais customizações disponíveis. Entre elas podemos citar:
Tamanho Completo, deixa a imagem ocupando o espaço total da webpart.
Título é o texto que aparece em cima da webpart.
Etiqueta é uma pequena Tag que pode ser adicionada como um subtitulo, ou categoria.
Link é um link de redirecionamento, para que quando um usuário clique na imagem ele seja direcionado para uma nova página interna ou externa.
Abrir em uma nova guia é um interruptor referente ao campo de link, que quando ativado garante que caso a pessoa clique no link ela abra uma nova guia ao invés de substituir a atual.
Temporizador indica o tempo que cada item fica em disposição na webpart.
Incorporar é o local onde é possível adicionar vídeos na webpart, que podem ser tocados pelo usuário na página. aqui podemos utilizar links do Youtube e links do Vimeo.
Audiência aqui podemos utilizar para segmentar um item, de forma que apenas as pessoas no grupo poderão ver o banner na webpart. saiba mais em Audiência / Segmentação. Quando um item está definido com um grupo de audiência, na webpart ele é indicado pela etiqueta amarela "A".
Não damos suporte para o uso do "Tamanho completo" em componentes com vídeo.
Tamanho Completo:
Agora com a nova funcionalidade de Tamanho completo um banner pode ser disposto de forma que preenche toda a largura da webpart, como mostrado na imagem abaixo;
Otimização de Banners para o Modo Fullsize
Para garantir a nitidez e a melhor experiência visual dos banners no modo fullsize, onde eles assumem a largura total da webpart, é crucial considerar a proporção real de 4:1 observada, em vez da proporção 16:9 original.
Para padronizar a exibição e evitar cortes indesejados em elementos importantes, recomendamos o uso de até três variações de banner, otimizadas para diferentes tamanhos de tela:
Banner Grande de acima de 1600px de largura.
Banner Médio de 1236px a 1600px de largura.
Banner Pequeno abaixo de 1236px de largura.
Recomendação de Design
Dado que o banner no modo fullsize é cortado na parte superior e inferior para se adequar à proporção 4:1, é essencial que o foco principal da imagem esteja centralizado. Utilize as margens superior e inferior da imagem como "áreas mortas", onde informações cruciais (texto, logos, etc.) não devem ser posicionadas, pois serão cortadas.
Essa abordagem assegura que o banner se adapte de forma fluida a diversas resoluções de tela, mantendo a qualidade visual e a integridade da mensagem.
Last updated