Entendendo a Interface do Editor

O editor está dividido em três áreas principais a barra superior (em verde), o menu lateral (em vermelho) e a área de edição (em azul).

Interface do editor com as três seções citadas contornadas

Barra superior

A barra superior possui alguns controles importantes para a edição da página

  • Botão Fechar o Editor - volta para o local de origem antes de entrar no editor.

  • Botões Desktop, Tablet, Celular - Modificam o formato da página e a área de edição reflete como a página seria exibida em outro formato de tela.

  • Botões desfazer e refazer ações - Desfaz todas as ações, desfaz 1 ação, refaz 1 ação, refaz todas as ações respectivamente.

Botões para Desfazer todas as ações, desfazer 1 ação, refazer 1 ação, refazer todas as ações respectivamente

  • Salvar - salva as alterações da página (rascunho)
  • Publicar - publica a versão salva da página
  • Pré-visualizar a página - compila informações da página, javascript e css em uma visualização em tela cheia numa aba separada onde você pode visualizar como a página ficará

Área de Construção da Página

A Área de Construção da Página é onde a página é construída de fato. Nela geralmente estão contidos vários componentes, que podem ter suas configurações editadas através do Menu Lateral do Editor

Atenção!

Caso tenha dúvidas quanto à navegação entre os componentes, confira Como Abrir as Configurações de um Componente

Uma página possui 3 tipos de componentes: widgets, painéis e seções.

1. Widgets

Widgets (ou conteúdos) são componentes básicos, cada um tem um conjunto de configurações e uma função específica.

Atualmente o editor suporta os seguintes widgets: Imagem, Vídeo, Texto, Botão e Formulário

Aprenda a configurar widgets

2. Painéis

Estrutura onde ficam contidos os widgets, utilizados principalmente para ajustar a disposição e layout dos elementos da página.

Aprenda a configurar painéis

3. Seções

Estrutura onde ficam contidos painéis, define um contexto. É usado para organizar a página, e pode ser usado para delimitar áreas da sua página, como um cabeçalho ou área de depoimentos, por exemplo.

Aprenda a configurar seções

O Menu Lateral do Editor é onde você realiza as configurações de todos os componentes, e também as propriedades da sua página.

Na parte mais à esquerda do menu lateral encontramos dois botões

Configurações dos Componentes

Neste menu é onde são editadas as configurações de seções, painéis, e widgets.

Aprenda a abrir as configurações dos componentes

Organizar a Página

Também é por aqui que visualiza as seções da página e altera a disposição e o layout dos painéis e seções.

Aprenda a organizar sua página

Propriedades da Página

Nesse submenu, é possível realizar configurações gerais da página como o Nome e URL da página, Configurar opções para SEO, Inserir Código Javascript e Criar uma Paleta de cores

Aprenda a editar as propriedades da página

Atualizado em: 2020-1-16 12:07:36