Estilizar Páginas de videoaulas

Personalize as páginas de vídeos e as páginas de detalhes dos vídeos no seu site.

Ultima atualização 30 de Janeiro de 2025

Você pode personalizar as páginas de vídeos para combinar com sua marca e estilo. Use este guia para encontrar as opções de formatação e estilo para suas páginas de vídeos e páginas de detalhes do vídeo.

As páginas de vídeos são um novo recurso que estamos lançando para os clientes gradualmente. Se você não vir a página de vídeos como uma opção no painel Páginas, verifique novamente mais tarde.

Confira dicas sobre acessibilidade em "Deixando áudio, imagens e vídeos mais acessíveis"

Acessando o recurso

Este guia é para a versão 7.1. As páginas de vídeos não são suportadas na versão 7.0.

Página de vídeos versus página de detalhes do vídeo

As páginas de vídeos são organizadas em duas partes: a página principal de vídeos, que cria uma página de destino navegável para sua biblioteca de vídeos, e as páginas de detalhes de vídeos individuais em que os visitantes reproduzem seus vídeos. Essas áreas compartilham alguns ajustes de estilo e têm suas próprias opções de estilo.

Abra as opções de estilo

Você altera a página de vídeos e as opções de estilo da página de detalhes do vídeo em dois lugares:

  • Página de vídeos - clique em Editar na página de vídeos e, em seguida, clique no ícone de lápis na seção "página de vídeos.
  • Página de detalhes do vídeo — Clique no vídeo que deseja estilizar na página de vídeos para abrir a página de detalhes do vídeo. Clique em Editar e depois no ícone de lápis. Todas as páginas de detalhes do vídeo em uma página de vídeos compartilham as mesmas configurações de estilo. Outras páginas de vídeos podem ter configurações de estilo diferentes para as páginas de detalhes do vídeo.

Página de vídeos

Os visitantes da sua página de vídeos veem todas as imagens em destaque de seus vídeos em uma grade. Nos estilos da seção de vídeos, você pode personalizar os seguintes detalhes.

Formato

  • Espaçamento horizontal
  • Espaçamento vertical
  • Margem do título
  • Meta espaçamento - Altere o espaçamento entre o meta conteúdo de um vídeo, como categorias e datas.
  • Mostrar descrição - Oculte ou exiba a descrição de cada vídeo.
  • Meta conteúdo primário - Escolha qual meta conteúdo é exibido primeiro (Categoria, Data ou Nenhum).
  • Meta conteúdo secundário - Escolha qual meta conteúdo será exibido em segundo lugar (Categoria, Data ou Nenhum).
  • Tipo de categorias - Escolha se a navegação por categoria aparece em uma barra lateral ou na parte superior da página de vídeos. Não é possível ocultar a navegação da categoria.
  • Mostrar separador de categoria - Oculta ou exibe uma linha entre cada categoria na navegação por categoria. Essa opção só aparece se o tipo Categorias estiver definido como Superior.
  • Posicionamento da imagem - Escolha se a imagem em destaque de cada vídeo aparece acima ou abaixo do título, da descrição e do metaconteúdo do vídeo.
  • Espaçamento entre imagens
  • Alinhamento do Texto
  • Estilo do delimitador - estilize o ícone que separa o meta conteúdo de um vídeo (Bullet, Pipe, Dash ou Space).
  • Largura do conteúdo do texto

Cores

Defina as cores do seu site ou dê uma aparência única à seção de vídeos escolhendo um tema de seção diferente.

Página de detalhes do vídeo

Como padrão, o vídeo aparece no topo da página de detalhes do vídeo, com o título, a descrição e o conteúdo meta abaixo. Ao adicionar uma imagem personalizada de destaque a um vídeo carregado, ela se sobrepõe ao vídeo antes da reprodução. O vídeo sempre aparece preenchendo toda a largura da página de detalhes do vídeo. É possível personalizar os seguintes elementos de estilo nas páginas de detalhes do vídeo.

Formato

  • Alinhamento do Texto
  • Meta posição - Escolha se o meta conteúdo aparece acima ou abaixo do título do vídeo.
  • Mostrar categorias - Oculte ou exiba as categorias do vídeo.
  • Mostrar data - Ocultar ou exibir a data de publicação do vídeo.
  • Estilo do delimitador - estilize o ícone que separa o meta conteúdo de um vídeo (Bullet, Pipe, Dash ou Space).
  • Espaçamento do cabeçalho - Altere o espaçamento vertical entre o título e a descrição do vídeo. 
  • Exibição da seta de paginação - mostre ou oculte as setas com um link para os vídeos seguintes e anteriores.
  • Exibição do título da paginação - mostre ou oculte os títulos com um link para os vídeos seguintes e anteriores.
  • Vídeos relacionados - mostre ou oculte os vídeos relacionados em todas as páginas de detalhes do vídeo dessa página de vídeos.

Cores

Defina as cores do seu site ou dê uma aparência única às páginas de detalhes do vídeo escolhendo um tema de seção diferente.

Navegação de categorias

Adicionar categorias aos seus vídeos cria um menu de navegação na página de seus vídeos. Os visitantes podem usar esses links para filtrar os vídeos nos quais estão interessados. Lembre-se de que a navegação por categoria:

  • Só é exibida depois de você adicionar pelo menos uma categoria
  • Não é exibida quando você clica em uma página de detalhes do vídeo
  • Exibe todas as categorias que você adicionou à página, mesmo aquelas que não foram adicionadas atualmente a nenhum vídeo

A navegação por categoria é exibida na parte superior da página de seus vídeos ou em uma barra lateral. Você pode alterar a posição do menu de navegação abrindo os estilos de seção de vídeos em sua página de vídeos e usando o controle deslizante Tipo de categorias para escolher Barra lateral ou Superior.

Para ocultar uma categoria da navegação por categoria, abra as configurações da categoria e desative o botão de alternância ao lado de Visibilidade do filtro. Para ocultar a categoria superior (chamada Todos por padrão), abra as configurações da página e desative o botão de alternância ao lado de Visibilidade do filtro na aba Geral.

Para saber mais sobre como criar e editar categorias de vídeo, acesse Organizar páginas de vídeos.

Fontes e cores

As cores e fontes na página de vídeos e nas páginas de detalhes do vídeo seguem os ajustes de fonte e cor em todo o site. Também é possível alterar o tema de cores da página de vídeos e da página de detalhes do vídeo em seus editores de estilo de seção.

Use os ajustes de cor em Vídeos: grade básica para estilizar páginas de vídeos e os ajustes em Vídeo: item para estilizar as páginas de detalhes do vídeo.

Dispositivo móvel

Em dispositivos móveis ou tablets, os vídeos nas páginas de vídeos são empilhados verticalmente. A navegação por categoria sempre é exibida na parte superior da página. Quando a navegação não couber em uma linha, ela é exibida como uma lista de rolagem horizontal que os visitantes podem percorrer.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.