Personalize o plano de fundo dos elementos para combinar com o tema da sua empresa com designs atraentes e criativos. Escolha entre imagens de fundo personalizadas na galeria de fotos, faça upload de suas próprias imagens, use planos de fundo de vídeo ou aplique cores e gradientes para dar um toque exclusivo ao seu site.
Nota
Para planos de fundo de página, consulte Plano de fundo do tema.
Todos os arquivos (texto, imagem, vídeo e áudio) carregados no sistema estão disponíveis ao público. Não faça upload de nenhuma informação pessoal e/ou confidencial. Para excluir totalmente o arquivo, apague-o do Media Manager.
Para obter detalhes sobre as diretrizes de mídia, consulte Mídia: diretrizes e especificações.
Dica
Todos os vídeos do YouTube em segundo plano exibem o título do vídeo e o carregador antes que o vídeo comece a carregar. Não há como remover esses itens sem alterar o código CSS manualmente. Devido a essa alteração, os vídeos do YouTube não são recomendados para vídeos em segundo plano.
Para editar o plano de fundo dos elementos:
-
Navegue até a seção Plano de fundo.
-
Dependendo do elemento, selecione Cor, Imagem ou Vídeo e selecione o plano de fundo desejado.
-
Alguns elementos também têm a opção de controles deslizantes de imagem. Para criar um controle deslizante de imagem, selecione várias imagens e clique em Concluído. Para obter informações detalhadas sobre controles deslizantes de fundo, consulte Controles deslizantes de imagem de fundo.
-
Para obter detalhes sobre as opções de cores, consulte Seletor de cores
-
-
(Opcional) Ao selecionar uma imagem como plano de fundo, clique no botão Não otimizar esta imagem para evitar a otimização se uma única imagem for usada (essa configuração aparecerá após a seleção de uma imagem).
Alguns contêineres oferecem a opção de adicionar um controle deslizante de imagem de fundo.
Para criar um controle deslizante de fundo:
-
Navegue até a seção Plano de fundo.
-
Clique em Imagem.
-
Clique no sinal + e selecione várias imagens em vez de uma única imagem no seletor de imagens.
-
Clique em Concluído.
-
(Opcional) Depois que o controle deslizante for criado, você poderá definir as configurações do slide, como estilo de transição do slide e velocidade do slide, no menu de design da linha.
-
(Opcional) Qualquer outra opção de imagem de fundo, como sobreposição de fundo, posicionamento e estilo de exibição, pode ser aplicada ao controle deslizante.
Depois que uma imagem ou um controle deslizante de imagem for configurado, opções adicionais de configuração estarão disponíveis.
Embora as opções possam variar, as duas mais comuns são:
-
Estilos de exibição de imagem: essas são as várias maneiras de controlar como a imagem ou as imagens são exibidas no contêiner. Essas opções permitem ajustar a forma como uma imagem se ajusta, se repete ou se estende para cobrir a área. Há quatro opções:
-
Capa: estica a imagem para cobrir toda a área sem perder sua proporção (como está cobrindo a área do contêiner, partes da imagem podem ser cortadas).
-
Imagem completa: Exibe a imagem completa. Embora a imagem não seja cortada, pode haver barras que apareçam em ambos os lados ou acima e abaixo da imagem, dependendo do tamanho do contêiner.
-
Ladrilho: repete a imagem inteira em seu tamanho original em um padrão de ladrilho para preencher a área. Se a imagem for maior que o contêiner, ela não se repetirá.
-
Sem repetição: exibe a imagem inteira em seu tamanho original sem repeti-la. Se a imagem for maior que o contêiner, ela será cortada. Se for menor que o contêiner, haverá espaço ao redor da imagem.
-
-
Tipo de posição da imagem (somente no Editor 2.0 e no modo flexível): selecione entre Padrão, Estático ou Paralaxe.
-
Posição: Essa configuração determina onde a imagem é colocada, como no centro, na parte superior, inferior, esquerda ou direita do contêiner. A configuração da posição funciona em conjunto com as opções de exibição da imagem para controlar como a imagem é exibida.
-
No Editor 2.0 e no modo flexível, a posição da imagem de fundo é definida por tamanho de tela.
-
Use fundos de vídeo para adicionar rapidamente um vídeo do YouTube, Vimeo ou Dailymotion. Os planos de fundo de vídeo podem chamar a atenção do visitante com conteúdo em movimento e adicionar uma aparência moderna e elegante a qualquer site.
Dica
Todos os vídeos do YouTube em segundo plano exibem o título do vídeo e o carregador antes que o vídeo comece a carregar. Não há como remover esses itens sem alterar o código CSS manualmente. Devido a essa alteração, os vídeos do YouTube não são recomendados para vídeos em segundo plano.
Para adicionar um plano de fundo de vídeo a um contêiner:
-
Tenha um vídeo pronto para ser carregado ou o URL compartilhável de um vídeo que seja carregado no YouTube, Vimeo ou Dailymotion.
-
Clique com o botão direito do mouse no elemento ao qual você gostaria de adicionar esse plano de fundo e clique em Editar design.
-
Navegue até a seção Plano de fundo.
-
Clique na guia Vídeo. Você tem as seguintes opções:
-
Clique em Carregar vídeo e selecione o vídeo que você deseja enviar. Você pode carregar até 200 MB em todos os formatos. O senhor pode fazer upload de vídeo do seu dispositivo, Facebook, Instagram, Dropbox, Google Drive ou gravar um vídeo usando sua webcam.
-
Cole o URL do vídeo que deseja usar na caixa de texto URL do YouTube, Vimeo ou Dailymotion.
Nota
Os vídeos do YouTube não são compatíveis com dispositivos móveis, pois não são reproduzidos automaticamente em dispositivos iOS.
-
-
Os vídeos do YouTube não são compatíveis com dispositivos móveis, pois não são reproduzidos automaticamente em dispositivos iOS.
-
iPhones com bateria no modo de economia de energia não reproduzem automaticamente os vídeos em um site; em vez disso, aparecerá um botão de reprodução.
-
Os planos de fundo de vídeos não reproduzirão som.
-
Os vídeos consomem tempo e largura de banda para carregar e podem desviar a atenção dos usuários dos links importantes ou do texto de sua página, então use os vídeos com moderação.
-
Considere adicionar uma sobreposição com maior opacidade do fundo do vídeo para tornar o efeito mais sutil.
-
Ao adicionar um vídeo do Dailymotion que faz parte de uma playlist, adicione apenas o link direto do vídeo (e omita o parâmetro da playlist, que se parece com isso:?playlist=x1x2f3). Se o URL do seu vídeo tiver esse parâmetro, basta removê-lo. Por exemplo: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 seria https://www.dailymotion.com/video/x60ktex
Isso ocorre porque a proporção da imagem ou do vídeo é diferente da do contêiner.
Dependendo do seu objetivo, isso pode ser difícil de resolver. Se a imagem ou o vídeo precisar caber em um contêiner que muda com base no tamanho da tela, não há uma solução perfeita para evitar que ele seja cortado. A parte visível da imagem ou do vídeo variará dependendo do tamanho da tela.
Se a imagem não precisar cobrir toda a área, a opção Imagem inteira nas opções de exibição da imagem poderá ser usada (consulte a seção deste artigo, Configuração da imagem de fundo).
Atualmente, os planos de fundo de vídeo não têm uma opção de vídeo completo. Ajustar a proporção do vídeo original pode corrigi-lo.
Para obter mais informações sobre proporção, consulte Proporção versus resolução.
Se o vídeo for adicionado por meio de um link, o problema pode estar relacionado às configurações de privacidade do vídeo. Para verificar isso, tente usar um link de vídeo diferente. Se o novo vídeo funcionar, isso sugere que as configurações de privacidade do vídeo original estão impedindo que ele seja exibido no site.
A solução dependerá da plataforma que hospeda o vídeo, e sua equipe de suporte poderá ajudar.