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).
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.
- 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
2. Painéis
Estrutura onde ficam contidos os widgets, utilizados principalmente para ajustar a disposição e layout dos elementos da página.
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.
Menu Lateral do Editor
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
- O 1º abre os submenus onde são editadas as Configurações dos Componentes e submenus onde é possível Organizar a Página
- O 2º o submenu onde são editadas as Propriedades da Página
Configurações dos Componentes
Neste menu é onde são editadas as configurações de seções, painéis, e widgets.
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.
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