Editor visual
Todas as funções do editor: arrastar blocos, estilos, celular, versões e publicação. · 38 artigos
-
01
Conhecendo a tela do Editor visual: barra lateral, barra do alto e prévia
Tour completo pela tela do Editor visual: cada aba, cada botão da barra superior e para que serve a prévia do site.
8 min de leitura -
02
Como trocar a página que você está editando
Use a lista Página para alternar entre a página inicial e a página do imóvel, e saiba onde editar cabeçalho, rodapé e estilo.
5 min de leitura -
03
Como adicionar blocos à página
Quatro jeitos de colocar um bloco novo no site: clicar, arrastar, usar o botão + e o menu do botão direito.
7 min de leitura -
04
Como buscar um bloco na biblioteca
Use o campo Buscar bloco para achar rápido o que precisa, por nome, grupo ou palavras relacionadas, sem se preocupar com acentos.
4 min de leitura -
05
Como editar as opções de um bloco (Conteúdo e Estilo)
Selecione um bloco e use o painel de opções: campos de texto, cores, imagens, listas, espaçamentos e as abas Conteúdo e Estilo.
10 min de leitura -
06
Escrever direto no texto da prévia
Clique no texto do bloco, na própria página, e digite: sem abrir formulário. Saiba como confirmar, cancelar e o que é salvo.
5 min de leitura -
07
A barra de ações que aparece sobre o bloco selecionado
Entenda cada botão da barra flutuante do bloco: arrastar, editar, subir, descer, duplicar, ocultar, excluir e o +.
5 min de leitura -
08
Menu do botão direito: todas as opções
Clique com o botão direito num bloco da prévia e veja cada item do menu: editar, copiar, duplicar, colar, estilo, adicionar, mover, ocultar e excluir.
6 min de leitura -
09
Atalhos de teclado do Editor visual
Lista completa de atalhos: desfazer, refazer, copiar, colar, duplicar, excluir e sair da seleção, no painel e na prévia.
4 min de leitura -
10
Copiar, colar e duplicar blocos
Reaproveite blocos: duplique ao lado, copie e cole em outro lugar ou de uma página para outra.
6 min de leitura -
11
Copiar e colar só o estilo de um bloco
Passe a aparência de um bloco (fundo, cores, espaços, animação) para outro sem mexer no conteúdo.
4 min de leitura -
12
Desfazer e refazer alterações
Como voltar atrás num erro: botões, atalhos, o aviso Desfazer ao excluir, limites do histórico e diferença para o Histórico de versões.
5 min de leitura -
13
Como mudar os blocos de lugar
Cinco jeitos de reorganizar o site: arrastar na prévia, arrastar na lista, setas, menu do botão direito e entre colunas.
6 min de leitura -
14
Ocultar e excluir blocos
A diferença entre esconder um bloco (guardando tudo) e apagá-lo, o que fazer com partes fixas e como recuperar.
5 min de leitura -
15
Seção com colunas: montar blocos lado a lado
Divida uma faixa da página em 1 a 6 colunas e coloque blocos dentro de cada uma: divisão, espaço, altura, fundo e comportamento no celular.
8 min de leitura -
16
Aba Blocos (camadas): a lista de tudo que está na página
Use a aba Blocos para ver, selecionar, reordenar, copiar, ocultar e excluir os blocos de forma rápida, incluindo cabeçalho e rodapé.
7 min de leitura -
17
Biblioteca de imagens do Editor visual: enviar, reaproveitar e escolher fotos
Como enviar imagens pelo Editor visual, o que acontece com o arquivo (WebP, 2400 px) e como reutilizar fotos pela Biblioteca.
6 min de leitura -
18
Seções prontas: blocos montados para colocar na página com um clique
Use as 9 seções prontas do Editor visual (diferenciais, números, perguntas, chamada de WhatsApp e mais) e só troque os textos.
5 min de leitura -
19
Modelos de página: trocar a página inicial inteira por um desenho pronto
Aplique os modelos Completa, Corretor autônomo, Lançamentos ou Simples na página inicial e depois troque textos e fotos.
5 min de leitura -
20
Verificar a página: nota, imagens pesadas, contraste e título principal
O botão Verificar dá uma nota de 0 a 100 para a página e lista o que melhorar: imagens pesadas, textos difíceis de ler, links vazios.
6 min de leitura -
21
Ver o site no computador, no tablet e no celular dentro do editor
Use os três botões do alto do Editor visual para conferir como a página fica em telas de 390 px, 820 px e na tela cheia.
4 min de leitura -
22
Ajustes só do celular: espaço, alinhamento, preenchimento e margem
Na aba Estilo de cada bloco, a parte No celular muda espaços e alinhamento apenas em telas pequenas, sem mexer no computador.
5 min de leitura -
23
Aba Estilo do site: cores, fontes, tamanho do texto e títulos em maiúsculas
Mude as cores principal e de destaque, o fundo das seções claras, as fontes e o tamanho do texto de todo o site na aba Estilo.
7 min de leitura -
24
Formato dos botões e cantos dos cartões e das fotos
Escolha botões arredondados, em pílula ou retos e cantos arredondados, suaves ou retos para dar a personalidade do seu site.
4 min de leitura -
25
Visual do tema: o primeiro campo da aba Estilo e o que cada visual muda
Entenda os 6 visuais (Essencial, Lumière, Horizonte, Metrópole, Aurora e Oásis) e a diferença entre trocar o visual e ativar um tema completo.
5 min de leitura -
26
Cabeçalho do site: 11 estilos e todas as opções
Escolha entre 11 estilos de cabeçalho e ajuste faixa de contatos, botão de chamada, altura da logo, cores e fixação ao rolar.
8 min de leitura -
27
Menu do site: de onde vêm os itens e como ajustar cor, maiúsculas e ordem
O menu do topo é montado automaticamente. Veja quais itens aparecem, como mudar a ordem das páginas e as opções de cor e maiúsculas.
5 min de leitura -
28
Rodapé do site: 8 estilos e todas as opções
Escolha o estilo do rodapé (completo, simples, centralizado, luxo, claro, duplo, minimalista ou com onda), o texto, a cor e a faixa de anúncio.
7 min de leitura -
29
Página do imóvel no editor: título, fotos, detalhes, contato e semelhantes
Uma única edição muda a página de todos os imóveis: formato das fotos, o que mostrar, posição da caixa de contato e imóveis semelhantes.
8 min de leitura -
30
Estilo do bloco: fundo, outra cor de fundo e cor do texto
Mude o fundo de uma seção (sem fundo, cinza claro, cor principal ou de destaque), escolha uma cor própria e ajuste a cor do texto.
6 min de leitura -
31
Estilo do bloco: alinhamento do texto e largura (alinhada ao conteúdo ou tela inteira)
Alinhe o texto à esquerda, ao centro ou à direita e escolha se a seção segue a largura do site ou ocupa a tela inteira.
5 min de leitura -
32
Estilo do bloco: espaço em cima e embaixo, preenchimento (padding) e margem
Controle o respiro entre as seções com Espaço (Nenhum a Grande) e, para ajuste fino, o preenchimento e a margem em pixels nos 4 lados.
7 min de leitura -
33
Estilo do bloco: Mostrar em (computador, celular ou os dois)
Deixe um bloco aparecer só no computador ou só no celular e entenda a diferença para ocultar o bloco.
4 min de leitura -
34
Estilo do bloco: animação ao aparecer na tela
Faça um bloco surgir, subir, aproximar ou vir do lado quando o visitante rola a página até ele. Veja quando usar e como evitar exagero.
4 min de leitura -
35
Estilo do bloco: CSS personalizado para ajustes avançados
Use o campo CSS personalizado com a palavra selector para dar um visual exclusivo a um bloco: cantos, sombra, degradê, cores de título.
7 min de leitura -
36
Salvar, Publicar e Descartar: como o rascunho do Editor visual funciona
O editor salva sozinho um rascunho. Só Publicar leva as mudanças ao ar. Descartar volta ao site como está no ar.
6 min de leitura -
37
Histórico de versões: nomear, consultar e restaurar publicações
Cada publicação do Editor visual vira uma versão. Veja como dar nome, restaurar uma versão antiga e o que acontece com o rascunho.
5 min de leitura -
38
Link de prévia: mostre o rascunho do site a alguém antes de publicar
Gere um link temporário (7 dias) para outra pessoa ver as alterações ainda não publicadas, sem acesso ao painel e sem o editor.
5 min de leitura