Você pode adicionar vários fundos a qualquer bloco de página com a ferramenta de estilo "Plano de fundo".
Adicione um plano de fundo aos seus blocos de página
Para adicionar um plano de fundo a um bloco:
- No editor de página, clique no bloco ao qual deseja adicionar um plano de fundo.
- O estilo e as opções de edição para o bloco ocuparão o painel direito. Clique no símbolo cinza "+" ao lado de "Plano de fundo".
- Quatro opções de plano de fundo aparecerão em uma janela modal: cor, gradiente, imagem e vídeo. Clique na opção que deseja usar.
Mais opções de edição aparecerão dependendo do tipo de plano de fundo selecionado.
Tipos de fundo
Existem quatro tipos de planos de fundo que você pode usar para um bloco de página:
- Cor
- Gradiente
- Imagem
- Vídeo
Planos de fundo coloridos
Os planos de fundo coloridos usam cores específicas para o tema da sua página. Quando você adiciona um novo plano de fundo colorido, ele é definido para a primeira cor na paleta do seu tema.
Clique na cor quadrada à esquerda para acessar sua cor, gradiente e opacidade.
- Para usar uma cor diferente para o seu plano de fundo, clique no bloco de cores que você deseja usar
- Para ajustar o gradiente da cor, arraste a alça para a esquerda ou para a direita
- Para ajustar a opacidade da cor, arraste a alça para a esquerda ou para a direita
Fundos de gradiente
Cada novo gradiente começa com duas paradas de cores. Essas paradas de cores são representadas por duas alças brancas: uma à esquerda e outra à direita. Cada parada de cores tem sua própria alça:
- Para adicionar outra parada de cores, clique na barra de gradiente horizontal. Quando você fizer isso, uma nova alça aparecerá
- Para remover uma parada de cores, pegue sua alça e arraste-a para baixo e para longe da barra horizontal
- Para editar uma parada de cores, clique em uma das alças e selecione uma nova cor. Você também pode ajustar seu gradiente e opacidade
- Mude a posição de uma parada de cores, arraste uma das alças da esquerda para a direita
- Para alterar a direção do gradiente, use o widget circular à esquerda da barra horizontal
- Para tornar o radial gradiente, clique no círculo dentro do widget circular
Planos de fundo da imagem
Você pode usar qualquer imagem carregada no gerenciador de arquivos como plano de fundo. Os planos de fundo da imagem são altamente configuráveis. Você pode:
- Substituir qualquer imagem
- Ajuste sua posição
- Defina-o para repetir horizontal e verticalmente
- Ajuste seu tamanho para que ocupe uma determinada quantidade de espaço
- Adicionar efeitos de paralaxe
- Faça com que fique claro ajustando sua opacidade
Clique no plano de fundo da imagem para acessar o seguinte:
- Substitua a imagem existente por uma nova clicando na miniatura da imagem no canto superior esquerdo
- Posicione-o no centro, superior, inferior, esquerdo ou direito
- Mude seu tamanho para ser o tamanho original da imagem, ou certifique-se de que a imagem cobre o plano de fundo sem espaço branco sendo exibido, ou garanta que toda a imagem seja mostrada (cobertura), mas será de largura ou altura total conforme (conter)
- Repita verticalmente, horizontalmente, ambos ou nenhum dos dois
- Aplique um efeito parallax arrastando o controle deslizante para a esquerda ou para a direita
- Ajuste sua opacidade arrastando o controle deslizante para a esquerda ou para a direita
Ao escolher uma imagem para o seu plano de fundo, você só pode usar uma imagem do gerenciador de arquivos. Carregue qualquer imagem, abaixo de 5 mb, para definir como seu plano de fundo.
Planos de fundo de vídeo
Adicione um vídeo do YouTube em looping que será como um plano de fundo selecionando "Vídeo" na lista suspensa.
Clique no "Vídeo de fundo" e cole a URL do vídeo do YouTube no campo URL.
Você pode ajustar a velocidade de paralaxe ou a opacidade dos vídeos usando os respectivos controles deslizantes.
Pedido de fundo
Os fundos são empilhados na ordem em que foram adicionados, com o mais recente no topo.
Você pode mudar a posição de um plano de fundo agarrando a alça esquerda, arrastando-a para cima ou para baixo e liberando-a na posição desejada. Os fundos podem ser empilhados em qualquer ordem.