Carrossel de Assuntos
O componente Carrossel de Assuntos pode ser adicionado na capa do site para dar destaque a notícias, eventos ou outros conteúdos importantes na sua home. Com as melhorias implementadas, a funcionalidade poderá atender a todas as necessidades de um carrossel, minimizando o uso de outros componentes do tipo.
Como criar um "Carrossel de Assuntos"?
Criamos um passo a passo para ajudar
Após o login, clique no item Layout, no menu de edição, da capa de seu site;
No Layout, insira uma linha, depois clique no tile Carrossel de Assuntos e arraste-o pra dentro da linha e clique em Salve.
1 - Para o Carrossel de Assuntos, vamos usar a funcionalidade Conteúdo externo:
Crie uma pasta para colocar os destaques (imagens) do carrossel, antes de compor e editar o Carrossel de Assuntos. No menu de edição da pasta criada, clique em Adicionar item e escolha Conteúdo externo.
Preencha os campos conforme a seguir.
- Título (ex.: COOPERAÇÃO REGIONAL; SAÚDE INDÍGENA; GOVERNO DIGITAL);
- Descrição (título da notícia);
- URL (link da notícia ou página);
- Faça upload da imagem para desktop - tamanho 1500px x 400px - proporção 3:1;
- Coloque a legenda da imagem;
- Ainda nesta tela de edição do Conteúdo externo, clique no menu no item Carrossel de Assuntos (veja onde na imagem a seguir) para inserir as imagens para tablet - 1280 x 720px - proporção 16:9 e celular - 800 x 600px - proporção 4:3.
- Clique em Salvar;
- Para cada grupo de imagens (desktop, tablet e celular) que deseja que apareça no Carrossel, faça o mesmo procedimento: vá em Menu/Adicionar item/Conteúdo externo, insira a imagem para desktop, depois clique em Carrossel de Assuntos (imagem acima) para inserir as imagens para tablet e celular.
2 - Agora é hora de preencher o carrossel com as imagens
- Terminou de subir as imagens, vá até a capa onde está o tile de Carrossel de Assuntos, e no menu de edição, clique em Compor para preencher o carrossel, em seguida em Adicionar conteúdo, logo abaixo do nome do usuário (ver imagem a seguir). Em Árvore de conteúdo/Português (Brasil), procure a pasta onde estão as imagens que foram adicionadas via conteúdo externo e arraste para dentro do tile Carrossel de Assuntos que está na capa.
- Caso queira, ainda pode clicar em Editar no tile Carrossel de Assuntos para ajustar os Títulos e Descrições com o objetivo de melhorar a visualização desses textos em Tablet e Celular.
3 - Como ocultar título e a descrição?
A nova versão do Carrossel de Assuntos também incluiu um novo campo para ocultar na visão do mesmo o título e a descrição do conteúdo (exibindo apenas a imagem com o link). Este campo será exibido para cada item de conteúdo adicionado, podendo ser configurado de forma individual para cada um. Desta forma, ao elaborar uma capa será possível definir para o carrossel de assuntos, se o título e a descrição serão ou não exibidos para cada imagem. Este campo facilita a gestão, pois algumas imagens já possuem textos explicativos, não sendo necessária a inclusão de nova informação
- Como fazer? Clique em "editar" em cada destaque do carrossel, conforme imagem mostrada acima, e marque a caixa Ocultar título e descrição (veja exemplo na imagem a seguir):
PRONTO! Agora é só visualizar o carrossel.