O Cover, disponibilizado pelo produto collective.cover, é um tipo de conteúdo do Plone que permite construir páginas visuais utilizando blocos chamados tiles.

Cada tile representa um tipo de conteúdo, como imagem, texto, carrossel, calendário, coleção, arquivo ou conteúdo incorporado.

Esses elementos são organizados dentro de linhas e colunas, formando a estrutura visual da página.

Ao criar uma Capa e acessar a aba Compor, o Plone apresenta os elementos utilizados para montar a página.

2.1 Barra de Layout

A barra de Layout contém os elementos Linha e Coluna. Eles são responsáveis pela estrutura da página.

2.2 Barra de Tiles

A barra de conteúdo disponibiliza os tiles Banner, Básico, Calendário, Carrossel, Coleção, Corpo de texto, Embed, Arquivo, Lista e Texto Rico.

2.3 Área de edição

A área localizada abaixo das ferramentas é o espaço onde os elementos são arrastados e organizados.

• O símbolo × permite remover um elemento.
• A engrenagem abre as configurações disponíveis para o tile.
• As setas nas laterais permitem ajustar a largura das colunas.

Hierarquia visual

Cada tile possui uma finalidade específica e pode ser utilizado conforme o tipo de informação que será exibida.

Resumo comparativo

Como exemplo, podemos montar uma página de departamento contendo banner, apresentação, carrossel, notícias, calendário, links úteis e vídeo institucional.

Estrutura sugerida

Passo a passo

<iframe
  width="100%"
  height="500"
  src="https://www.youtube.com/embed/SEU_VIDEO_ID"
  frameborder="0"
  allowfullscreen>
</iframe>

Boas práticas de composição

• Planeje a estrutura de linhas e colunas antes de inserir os conteúdos.
• Evite excesso de colunas na mesma linha.
• Utilize imagens otimizadas para melhorar o carregamento da página.
• Prefira Coleções para conteúdos que precisam ser atualizados automaticamente.
• Utilize conteúdos incorporados somente quando necessários e provenientes de serviços confiáveis.

Controles do editor

• × remove um bloco.
• A engrenagem abre as configurações.
• Os controles laterais permitem ajustar a largura das colunas.
• Um tile já inserido pode ser reposicionado conforme os recursos disponibilizados pelo editor.

Acessibilidade

• Preencha textos alternativos das imagens sempre que aplicável.
• Utilize títulos claros e descritivos.
• Evite vídeos com reprodução automática.
• Sempre que possível, disponibilize legendas para conteúdos em vídeo.

Resolução de problemas