Carrossel de Assuntos

Como inserir um "Carrossel de Assuntos" numa capa de modo responsivo?

Publicado em 23/08/2023 10:09Modificado em 02/04/2026 10:14
Compartilhe:

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.

Visão do tile de Carrossel de Assuntos no Layout

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.

Visão da inserção do item de menu 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.
Visualização do item Carrossel de Assuntos no menu de edição do Conteúdo Externo
  • 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.
Vista das funcionalidades Compor e Adicionar conteúdo
  • 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.
Visão da tela de edição do Carrossel

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):
Visão da caixa de ocultar o título e a descrição

PRONTO! Agora é só visualizar o carrossel.

Compartilhe: