Guias/Editar seu site/Editor/Usar o editor de sites

Usar o editor de sites

Com o editor de sites, você usa blocos para personalizar cada parte do seu site, do cabeçalho ao rodapé. Este guia fornece uma visão geral do editor.

Acessar o editor de sites

Para acessar o editor de sites, siga estas etapas:

  1. Comece pelo painel do seu site.
  2. Localize Aparência no lado esquerdo.
  3. Clique em Editor.

Caso não veja a opção Editor, seu tema não é compatível com o editor de sites. Recomendamos trocar para um tema compatível para usar as funcionalidades de edição mais recentes do WordPress.

Captura de tela mostrando como abrir o editor de sites no menu Aparência → Editor.
Acesse o editor de sites em Aparência no seu painel

Ao acessar o editor de sites, você verá:

  • Um painel de opções à esquerda, descrito abaixo.
  • A página inicial do seu site à direita, conforme determinado pela página inicial selecionada em Configurações de leitura.
    • Se você clicar em qualquer lugar do seu site no lado direito, ele abrirá o editor e fechará a barra lateral esquerda:

Barra lateral esquerda

A barra lateral esquerda oferece as seguintes opções:

  • Navegação: gerencie os menus de navegação do seu site.
  • Estilos: personalize cores, fontes e outros aspectos de design do seu site.
  • Páginas: edite o conteúdo de páginas individuais do seu site.
  • Modelos: edite o layout estrutural do conteúdo do seu site.
  • Padrões: edite partes menores dos seus modelos (como cabeçalho e rodapé) e padrões criados.

Sua página inicial será exibida à direita dessas opções. Clique em qualquer parte nesta área para fechar a barra lateral esquerda e abrir sua página inicial no editor.

Página de design do editor de sites com as opções Navegação, Estilos, Páginas, Modelos e Padrões.

Menu superior

Na parte superior do editor do site tem um menu com várias opções, que são explicadas abaixo:

Cada ícone na parte superior do editor do site.
  1. Abrir navegação: clique uma vez no ícone do site (ou no ícone padrão, caso ainda não tenha definido um) para retornar às opções da barra lateral esquerda descritas na seção anterior. Clique mais uma vez para retornar ao seu painel.
  2. Inserir bloco: clique aqui para adicionar um novo bloco.
  3. Ferramentas: escolha entre editar e selecionar um bloco. Use a ferramenta de seleção para escolher blocos específicos. Quando um bloco estiver selecionado, pressione a tecla Enter no seu teclado para retornar à edição.
  4. Desfazer: reverte a última ação realizada.
  5. Refazer: refaz a ação revertida usando o botão Desfazer.
  6. Visualização em lista: visualize uma lista de todos os blocos presentes na página. A visualização em lista é recomendada para ver a estrutura da página, bem como editar, mover e excluir blocos.
  7. Central de comando: mostra o nome do modelo que está sendo editado. Clique nessa opção para pesquisar os modelos do seu site.
  8. Visualizar: exibe uma pré-visualização da aparência do seu site com as alterações aplicadas.
  9. Visualizar página: abre a página em uma nova guia.
  10. Salvar: salva as alterações. Saiba mais sobre como salvar.
  11. Estilos: personalize cores, fontes e muito mais. Saiba mais sobre os estilos.
  12. Configurações: exiba ou oculte a barra lateral de configurações à direita.
  13. Central de ajuda: pesquise nossos guias úteis ou entre em contato com o suporte para ver os planos qualificados.
  14. Mais opções: veja as configurações e ferramentas adicionais.

Salvar alterações

Quando você clica no botão “Salvar” para salvar as alterações feitas no editor do site, as áreas modificadas são sinalizadas. Você salvar todas ou só algumas delas. Algumas alterações (nos modelos de rodapé e cabeçalho, por exemplo) serão aplicadas a todas as páginas do site que usam esse modelo, e não apenas àquela em que você está trabalhando.

Configurações da barra lateral (direita)

Você encontrará as configurações na barra lateral da tela.

Se você não estiver vendo a barra lateral à direita, clique no ícone de Configurações no canto superior direito para exibir as configurações. Esse ícone é um quadrado com duas colunas de tamanhos diferentes.

Ícone de Configurações na parte superior do editor do WordPress realçado.
O ícone de Configurações no canto superior direito

Na parte superior, você encontrará o nome do modelo usado. Clique nas reticências (três pontos) à direita do nome do modelo para redefini-lo para o padrão do tema, desfazendo as personalizações feitas.

Se houver alguma versão anterior do modelo, você encontrará um link de “revisões” . Esse link é útil para reverter alterações anteriores sem redefinir completamente o modelo. Saiba mais sobre revisões de modelo.

Abaixo da seção “Conteúdo“, você encontrará partes do modelo (geralmente o cabeçalho e o rodapé), em que é possível clicar para atualizar esses elementos do site.

Clique na guia “Bloco” para visualizar as configurações do bloco específico selecionado.

A barra lateral direita no editor do site.
As opções adicionais nessa área variam de acordo com o tema e o modelo usado.

Estilos

Use a opção Estilos no editor de sites para escolher paletas de cores, fontes, layouts e outros elementos de design globais do site. Aprenda a usar os estilos.

Uma caixa ao redor do ícone Estilos.
Botão Estilos

Guias adicionais

Confira outros recursos e tutoriais para saber mais sobre todos os aspectos da edição de sites:

Copied to clipboard!