Site avançado: usando a edição em linha

A edição em linha proporciona acesso rápido à edição de um widget, coluna ou linha, agilizando seu fluxo de trabalho. Utilize os recursos abaixo para gerenciar o layout do seu site diretamente no editor.

Acesse a edição em linha

A capacidade de editar um elemento diretamente no código-fonte pode ser acessada de duas maneiras:

• através do menu de contexto

  Em qualquer elemento do editor, é possível abrir um menu de contexto. Para abrir o menu de contexto, clique com o botão direito do mouse em qualquer widget ou espaço em branco no editor.

• por meio de um contêiner

  Se você estiver com dificuldades para selecionar um contêiner (coluna ou linha) no editor, clique em um widget e clique em Selecionar contêiner para selecionar a coluna ou linha.

Opções de edição em linha

As seguintes opções de edição em linha estão disponíveis:

• Alinhamento

  Clique nos ícones de alinhamento () para alinhar elementos à esquerda, ao centro ou à direita.

• Preenchimento transparente

  Para remover o espaço extra ao redor de colunas ou linhas em seu site, clique em Limpar preenchimento.

• Copiar e colar

  Você pode copiar qualquer widget ou contêiner e colá-lo em qualquer outro lugar do seu site.

  Observação:

  Não é possível colar widgets ou contêineres em outros sites.

• Reorganizar colunas ou linhas

  Clique com o botão direito do mouse em uma coluna ou linha e clique nas setas de navegação na parte superior do menu de contexto para reorganizar a ordem dos elementos.

• Adicionar listas
  • Lista numerada:

  • Lista com marcadores:

    Para ver outros estilos de marcadores, clique na seta suspensa.

  • Para criar listas e marcadores aninhados, pressione a tecla Tab no seu teclado. O marcador ou número será exibido com recuo à direita. Você pode ter várias listas e marcadores aninhados.

Reorganizar e redimensionar elementos

Gerencie o tamanho e o posicionamento dos elementos para personalizar o layout do seu site.

• Reorganizar um widget

  Para reorganizar os widgets, clique e arraste-os para outra coluna ou linha do seu site. Depois de clicar e arrastar, uma caixa azul indicará onde ele será colocado após soltar o botão do mouse.

• Redimensionar widgets e contêineres

  Você pode redimensionar a maioria dos widgets e contêineres passando o cursor do mouse sobre eles e interagindo com as alças ao redor do widget ou contêiner.

  • As alças brancas adicionam margens, sejam verticais ou horizontais, para mover um elemento.
  • A alça azul, localizada no canto inferior direito, redimensiona o elemento.

Alinhar elementos

O alinhamento é compatível com as visualizações em computadores, tablets e dispositivos móveis para garantir uma aparência consistente.

• Ajuste automático para alinhar

  O editor tenta automaticamente "ajustar ao alinhamento" os elementos para que fiquem exatamente do mesmo tamanho quando você os redimensiona dentro da mesma coluna. O widget se posiciona automaticamente no local de ajuste para ajudar você a combinar os tamanhos dos elementos com precisão.

• Ajustar à grade

  Alinhe elementos horizontal e verticalmente dentro de colunas e linhas usando o sistema "Ajustar à Grade". As réguas aparecem ao mover ou redimensionar um elemento, e os elementos alinhados são marcados com uma borda colorida.