Editor de colunas

Use o editor de colunas para mudar a cor ou a imagem de fundo de uma coluna, adicionar uma borda ou ajustar o espaçamento interno e externo da coluna. Use colunas para organizar e dispor o conteúdo em uma linha.

Para configurar uma coluna:

1. Clique com o botão direito do mouse na coluna. O menu do editor de colunas é exibido.

   Nota

   Sem preenchimento na coluna, o clique com o botão direito do mouse não estará disponível. Para acessar a coluna neste caso, clique com o botão direito do mouse em um widget na coluna para abrir o menu de contexto, que deve exibir o nome do widget na parte superior. Selecione Select Container (Selecionar contêiner) e, em seguida, Column (Coluna). Para confirmar a alteração no menu de contexto da coluna, verifique a parte superior do menu; agora ele deve ser exibido como Coluna.

2. Clique nas setas Mover coluna para a esquerda e Mover coluna para a direita para mover a coluna atual para a esquerda ou para a direita (as setas não estarão disponíveis se houver apenas uma coluna).

3. Para abrir o Editor de design de coluna, clique em Editar design. Para obter mais informações, consulte Editor de design de coluna. O editor de design de coluna é exibido.

4. Clique em +Adicionar e selecione uma das seguintes opções:

5. Coluna. Adicione uma nova coluna à linha atual (podem ser adicionadas no máximo 4 colunas por linha).
6. Linha interna. Adicione uma linha dentro da coluna atual.
7. Widget abaixo. Adicione um widget.

8. Para limpar o espaçamento interno dentro da coluna, clique em Limpar preenchimento.

9. Para restaurar o espaçamento para os valores padrão definidos no tema, clique em Redefinir para o espaçamento padrão.

10. Para adicionar uma animação de entrada à coluna (por exemplo, esmaecer a partir da direita, saltar, aumentar o zoom), clique em Animação de entrada e selecione uma opção.

11. Para ocultar a coluna atual em um dispositivo específico (computador, tablet, celular), clique em Ocultar no dispositivo e selecione o dispositivo.

12. Para bloquear a coluna para edição do cliente, clique em Bloquear para edição do cliente.

13. Para copiar a coluna, clique em Copiar.

14. Para ancorar a coluna na página ou excluir uma linha existente, clique em Definir como âncora ou Editar âncora.

15. Para excluir a coluna, clique em Excluir.

Editor de design de coluna

Para editar o estilo do plano de fundo ou o espaçamento da uma coluna:

1. Clique com o botão direito do mouse na coluna e clique em Editar design.

   Nota

   Sem preenchimento na coluna, o clique com o botão direito do mouse não estará disponível. Para acessar a coluna neste caso, clique com o botão direito do mouse em um widget na coluna para abrir o menu de contexto, que deve exibir o nome do widget na parte superior. Selecione Select Container (Selecionar contêiner) e, em seguida, Column (Coluna). Para confirmar a alteração no menu de contexto da coluna, verifique a parte superior do menu; agora ele deve ser exibido como Coluna.

2. Na guia Estilo, selecione o uso de uma Cor de plano de fundo, Imagem ou Vídeo. Você tem as seguintes opções:
   • Cor.
     • Selecione uma Cor de fundo. O gradiente de cor substitui a imagem e vice-versa.
     • Clique em Borda para selecionar um tipo de borda e mova o controle deslizante para definir a largura da borda.
     • Para adicionar uma sombra, clique na opção Sombra e selecione uma cor, tipo e posição para a sombra.
   • Imagem.
     • Para adicionar uma imagem ao plano de fundo, clique em + para abrir o seletor de imagens.
     • Para criar um controle deslizante da imagem de fundo, selecione várias imagens no seletor de imagens e consulte Controle deslizante da imagem de fundo.
     • Selecione para exibir a imagem como Capa, Imagem completa, Mosaico ou Sem repetição.
     • Configure a posição, sobreposição de plano de fundo, borda e sombra para a imagem.
   • Vídeo. Clique em Selecionar Vídeo para ver os vídeos carregados ou colar o URL do vídeo do YouTube, Vimeo ou Dailymotion no campo fornecido. Para obter mais informações sobre fundos de vídeo, consulte Fundos de vídeo.

Controle deslizante da imagem de fundo

Após selecionar várias imagens no seletor de imagens, clique em Concluído. Depois que o controle deslizante for criado, selecione uma Transição dos slides no menu suspenso e mova o controle deslizante para selecionar uma Velocidade dos slides (segundos).

Qualquer outra opção de imagem de plano de fundo, como Sobreposição de fundo, Posicionamento e Estilo de exibição, pode ser aplicada ao controle deslizante.