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.
Neste artigo
- Só o administrador do site abre o Editor visual (menu ).
- Tudo que você faz vira rascunho: nada aparece para os visitantes até clicar em Publicar.
Cada bloco tem suas próprias opções. Elas aparecem no lado esquerdo assim que você seleciona o bloco, e cada mudança aparece na prévia sem recarregar a página inteira.
Como abrir as opções
- Clique no bloco na prévia; ou
- clique no nome dele na aba Blocos; ou
- use o ícone de lápis (✎) da barra de ações; ou
- menu do botão direito › Editar.
1234- 1Volta para a lista de blocos.
- 2Nome do bloco e onde ele está.
- 3Copiar, duplicar ou excluir este bloco.
- 4Conteúdo: campos do bloco. Estilo: aparência comum.
O painel de opções
- ‹ Blocos. Botão no alto que fecha as opções e volta à lista. A tecla Esc faz o mesmo.
- Cabeçalho do painel. Ícone, nome do bloco e em que página ele está. Em colunas aparece “coluna 2 de Seção com colunas”.
- Copiar, Duplicar, Excluir. Atalhos do bloco (não existem nas partes fixas).
- Abas Conteúdo e Estilo. Conteúdo tem os campos próprios do bloco (textos, fotos, quantidade). Estilo tem o que é comum a todos os blocos livres.
Tipos de campo
| Campo | Como usar |
|---|---|
| Texto e texto longo | Digite. Alguns têm limite de caracteres. |
| Liga/desliga | Interruptor “sim/não”. |
| Escolha | Até 3 opções aparecem como botões lado a lado; com mais, vira uma lista. |
| Número | Régua deslizante e caixa de número, ligadas entre si. |
| Cor | Seletor de cor, caixa para digitar (#4a5a3a, 4a5a3a ou #4a5) e o botão × que volta ao automático. |
| Imagem | Enviar imagem, Biblioteca e Tirar imagem. Veja Biblioteca de imagens. |
| Link | Digite um endereço (/contato, https://…) ou escolha da lista sugerida (Página inicial, Todos os imóveis, Contato, Blog, suas páginas…). |
| Ícone | Grade de ícones: clique no desejado. |
| Lista de itens | Botão Adicionar item; em cada item, setas ↑ ↓ para ordenar e × para remover. |
| Quatro lados | Cima, Direita, Baixo e Esquerda em pixels; o cadeado muda os quatro juntos. Em branco = padrão. |
| CSS | Caixa de código para avançados. Veja CSS próprio. |
12- 1Cada mudança aparece na prévia ao lado.
- 2O status mostra quando o rascunho foi salvo.
A aba Estilo do bloco
Reúne fundo, cor do texto, alinhamento, espaço em cima e embaixo, largura, onde mostrar (computador/celular), preenchimento e margem, ajustes só do celular, animação e CSS. Cada grupo tem um guia próprio: fundo e cor, espaços, onde mostrar, animação.
12- 1Clique em Estilo.
- 2Fundo, espaços, mostrar em, animação e CSS (role o painel para ver todos).
Salvamento
O editor espera cerca de meio segundo depois que você para de mexer e salva o rascunho; o status passa por “Salvando…” e termina em “Rascunho salvo · ainda não publicado”. Se der erro, uma mensagem vermelha aparece no rodapé da tela.
Perguntas frequentes
Digitei uma cor e ela voltou ao normal.
Cor inválida. Aparece “Cor inválida: use o seletor ou um código como #4a5a3a.”. Use 3 ou 6 letras/números (0–9, a–f).
Parte fixa não tem abas.
Cabeçalho, rodapé e as partes da página do imóvel só têm “Conteúdo” nas opções próprias; o visual geral vem do tema do site.