EN
Procurando...

Seção da lista de vídeos

Adicione uma seção de lista de vídeos em uma página para adicionar facilmente seus vídeos do YouTube/Vimeo que serão reproduzidos na página. Esta é uma ótima maneira de manter os visitantes do seu site engajados.

Pixpa suporta a incorporação de vídeos do YouTube ou Vimeo. Você não pode enviar um vídeo diretamente para o seu site. Além desta seção, você também pode adicionar seus vídeos a Galeria ou um Bandeira.

Pixpa permite-lhe partilhar o seu perfil do YouTube ou Vimeo no links sociais. Você também pode adicionar seus arquivos de música hospedados no Soundcloud na seção Música.

Pontos a serem observados:

  • Você pode ocultar seus vídeos do público (no YouTube ou Vimeo) e usar o URL aqui para exibi-los em seu site.
  • Você pode enviar um arquivo .gif sempre que houver suporte para vídeos.
  • Caso o vídeo que você adicionou carregue muito, clique no botão play e pause por alguns minutos. Em seguida, retome o vídeo. Dessa forma, ele carrega melhor com menos buffering.

Neste artigo:

  1. O que é uma lista de vídeos?
  2. Adicionando uma seção de lista de vídeos à página
  3. Adicionar e editar itens da lista
  4. Sequenciando itens da lista
  5. Excluindo itens da lista
  6. Alteração do layout da seção
  7. Opções de estilo
  8. Adicionar uma seção de música
  9. Adicionar música do Soundcloud
  10. O cartão completo e o cartão de texto

1. Lista de vídeos

Lista de vídeos é uma coleção de vídeos onde você pode adicionar uma descrição para o vídeo e adicionar um link ou botão para conectar a lista de vídeos a qualquer outra página do site ou qualquer outro link.

2. Adicionar seção de lista de vídeos

  • Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
  • Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

 

  • Você vai agora ver o categorias de seção no lado esquerdo.
  • Clique no Lista (1) guia e Lista de vídeo (2).
  • Agora, você verá layouts diferentes da Seção da lista de vídeos (3).

  • Escolha qualquer layout de seção e clique nele para adicioná-lo à sua página.

3. Adicione e edite itens da lista

Adicionar item da lista de vídeos

Depois de adicionar a seção

  • Clique no Editar lista de vídeos (1) botão para abrir o painel de itens da lista.

  • Clique no Adicionar Item (2) botão para adicionar um novo item da lista.
  • Você terá a opção de Duplicar e excluir (3) os itens da lista.

Editar item da lista de vídeos

Clique no item da lista que você deseja editar. Ele abrirá as opções de edição de itens de lista específicos.

  • Adicionar seu link de vídeo do Youtube/Vimeo (1).
Observação:

Para adicionar um vídeo ao seu site Pixpa, você precisa enviar seu vídeo para o Youtube ou Vimeo e inserir o URL aqui. 

  • Defina o vídeo para reproduzir em um lightbox ou apenas na página (2).

  • Carregar uma imagem (3) para o item de lista.

  • Adicionar uma Título (4), Subtítulo (5), e Descrição (6) do item da lista. Você pode não encontrar a opção de Legenda e Descrição em determinados itens da lista, dependendo do layout escolhido.

  • Clique no ícone Link Builder do Link do título (7) para abrir o construtor de links para vincular o título do item da lista a qualquer página.
  • Defina o Link para abrir em um nova aba ou na mesma aba (8).
  • Adicione qualquer tipo de Ligação (9) para o item da lista. Você pode adicionar um botão/link de imagem/ícone social/link de texto. Saiba Mais.
  • Salvar (10) suas mudanças.

 

Veja a edição de um item de lista de vídeos em ação:

4. Itens da Lista de Sequência

  • Você pode facilmente arrastar e soltar os itens da lista para alterar a sequência.

5. Excluir um item de lista

Depois de adicionar um item da lista, você pode editá-lo e excluí-lo.

  • Clique no Apagar ícone ao lado do item Lista de vídeos.
  • Clique no Apagar botão no pop-up de confirmação.
  • Salvar suas mudanças.

Note

O item da lista, uma vez excluído, não pode ser recuperado.

6. Layout da Seção

  • Clique no Gerenciar itens para abrir o painel de edição da Lista de vídeos.
  • Escolha o traçado aba.
  • Selecione o Layout para sua seção e salve suas alterações.

7. Estilize sua seção

  • Clique no Gerenciar (1) para abrir o painel de edição da Lista de vídeos.
  • Escolha o Estilo (2) opção.
  • Altere o estilo dos elementos da seção e Salvar (3) suas mudanças.

Você terá várias opções de estilo para a seção:

  1. Opções de estilo 
  2. Estilo de Texto 
  3. Cores do mouse

Opções de estilo

Unid 

  1. Escolha Mostrar itens in Linhas e colunas or carrossel 
    • Se você escolheu o Linhas e colunas opção, os itens da lista serão organizados em linhas e colunas. Nesse caso, você precisa especificar o número de linhas e colunas.
    • Se você escolheu o carrossel opção, os itens da lista serão apresentados como uma apresentação de slides. Saiba mais.
  2. Colocou o numero de colunas para a lista de vídeos. Você pode escolher de 1 a 10 colunas.
  3. Especifique o Espaço entre as colunas dos itens da lista.
  4. Escolha o Ordem do conteúdo ou seja, as imagens dos itens da lista a serem exibidos primeiro ou o texto associado.
  5. Alinhar o conteúdo na Lista de Vídeos. Você pode configurá-los para serem alinhados à esquerda, à direita ou ao centro.
  6. Escolha Loop the Carousel ou não.
  7. No caso do Carrossel, escolha o Controles de navegação. Você pode escolher entre Sem Controles, Setas – Centro Inferior/Cima Direita/Inferior Direita, Divisa ou Pontos.

Imagens 

  1. Escolha o recorte de imagem para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Paisagem, Retrato e Dinâmico.
  2. Escolha ter um raio de canto comum ou raio de canto diferente para cada lado dos itens da lista e defina um número (em px) para o raio de canto das imagens dos itens da lista. Saiba mais.

Dica

Com o raio de canto campo, você pode criar diferentes formas de imagens de itens de lista. Caso você especifique 500 px aqui, as imagens serão exibidas em forma de círculo.

  • Caso tenha escolhido cantos divididos, você pode definir diferentes raios de canto para cada canto.

Ao passar o mouse sobre a imagem 

  1. Escolha o Cor do foco da imagem para ser o cor de destaque ou ser especificada. Se você escolheu o cor de destaquee especifique o opacidade.
  2. Se você escolheu o especifique a cor opção, em seguida, defina o Cor base e opacidade do foco para os itens da lista.
  3. Colocou o elementos cor para os itens da lista da seção.
  4. Escolha animar as imagens dos itens da lista ao passar o mouse clicando em Sim. Verifique esse recurso em uma página ao vivo.

Tamanho e espaço 

  1. Especifique o Largura da imagem para itens de lista.
  2. Especifique o Largura do conteúdo para os itens da lista.
  3. Especifique o Espaço abaixo do título da seção em px.
  4. Especifique o Espaço abaixo das imagens dos itens da lista (em %).
  5. Especifique o Espaço abaixo dos títulos dos itens da lista (em %).
  6. Especifique o Espaço abaixo das legendas dos itens da lista (em %).

Texto 

  1. Clique no Alterar Estilo do Texto botão para visitar o Design seção e gerencie seus tamanhos e estilos de fonte. 
  2. Colocou o Título estilo de fonte para os itens de lista da seção.
  3. Colocou o Legenda estilo de fonte para os itens de lista da seção.
  4. Definir o padrão Descrição estilo de fonte para os itens de lista da seção.

Cartões 

  1. Veja como para gerenciar cartões.

Shadow 

  1. Ecrã – Escolha mostrar a sombra atrás dos itens da lista sempre ou apenas ao passar o mouse.
  2. Style – Escolha entre as predefinições existentes ou crie uma sombra personalizada.
    Caso tenha escolhido a opção Personalizado, então visite este Gerador de sombra de caixa para criar uma sombra personalizada. Por fim, copie e cole o sombra de caixa CSS.

  1. Caso você tenha escolhido a opção de presets, então Escolha estilos de sombra da lista suspensa.

  1. Veja como para gerenciar o estilo de botões e links.

8. Adicionar seção de música

  • Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

  • Você vai agora ver o categorias de seção no lado esquerdo.
  • Role para baixo e escolha o Seção de vídeo e música (1) opção onde você pode escolher entre os diferentes layouts.

  • Escolha qualquer layout de seção (2) e clique nele para adicioná-lo à sua página.

9. Adicionar música do Soundcloud

  • Clique na miniatura do Soundcloud.
  • Isso ativará o botão Incorporar, clique nele.
  • Você pode adicionar seu código de incorporação do SoundCloud na caixa de incorporação.
  • Clique em Salvar.
  • É isso! Sua música do SoundCloud foi adicionada.

Veja em ação:

10. O Cartão Completo e o Cartão de Texto

Quando você liga o Cartão Completo/Texto sobre sua lista de vídeos, os itens da lista terão um contorno e fundo com a cor do cartão que você selecionou na Design seção.
Veja também: Cores e espaçamento do site.

Cartão Completo

Quando a opção de cartão completo é selecionada, a cor do cartão é aplicada a todo o cartão, ou seja, a miniatura do vídeo e o texto com ele.

Dar uma olhada: 

Cartão de texto

Quando a opção de cartão de texto é selecionada, a cor do cartão é aplicada apenas ao texto presente na miniatura do vídeo.

Dar uma olhada: 

Tagged:

Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.

Contate-nos