Voltar para o suporte Design do site Modelos

Modelos

Um modelo controla o layout das suas páginas. Diferentemente dos temas, que definem o design do site todo, o modelo afeta a aparência de uma página ou post individual ou o conjunto delas. Este guia explica como trabalhar com modelos de página.

Introdução aos modelos

O modelo controla como a página é exibida.

Para identificar o modelo que uma página está usando, siga estas etapas:

  1. No painel do WordPress.com, clique em Páginas.
  2. Clique no nome de uma página para abri-la no editor.
  3. Nas configurações da página, à direita, localize a opção Modelo em Resumo
  4. Observe o nome do modelo que a página está usando.

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

Alterar o modelo de uma página para uma opção diferente afeta apenas essa página e não o site todo.

As opções de modelo de página na barra lateral Configurações da página, mostrando o menu suspenso para selecionar um modelo de página diferente.
 

📌

Este guia explica como editar modelos inclusos nos temas do Editor de sites. Se você estiver usando um tema clássico ou de terceiros, poderá saber mais sobre como configurar os modelos inclusos no guia de configuração ou na documentação desse tema.

Tipos comuns de modelos

Antes de abordar como editar modelos, falaremos sobre os modelos comuns que você provavelmente encontrará. Alguns modelos de base são incluídos automaticamente quando você seleciona um tema. O WordPress usa esses modelos para criar estilos padrão para tipos específicos de páginas.

Os modelos mais comuns estão listados abaixo:

Dependendo do tema que está sendo usado, seu site pode ter alguns ou todos os modelos mencionados acima. Para verificar quais modelos estão incluídos no seu tema, siga estas etapas:

  1. Acesse seu painel.
  2. Vá para a seção Aparência Editor.
  3. Clique em Modelos.
  4. Clique em Gerenciar todos os modelos para conferir uma lista completa dos modelos do seu site com descrições da finalidade de cada um.

💡

Quando você abre o Editor de sites pela primeira vez, ele carrega o modelo responsável pelo estilo da página inicial do site.

Editar um modelo

Você já deve ter a prática de editar seu conteúdo usando o editor de páginas e posts do WordPress. Com isso em mente, você pode trocar para o editor de modelos para editar o layout completo das páginas e posts, incluindo o rodapé, os elementos do cabeçalho como título e descrição, e como o conteúdo é apresentado na página ou post.

Veja como editar um modelo.

Etapa 1: escolha um modelo

Seu tema inclui um conjunto de modelos que você pode editar. Para editar um modelo incluído no seu tema, siga estas etapas:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Editor.
  3. Clique em Modelos.
  4. Clique no nome do modelo que você quer editar.
  5. Clique no ícone de lápis para abrir a interface de edição.
Diminua ou aumente a velocidade do vídeo usando os controles no canto inferior direito após clicar em Reproduzir

Você também pode acessar o editor de modelos ao editar uma página ou post individual:

  1. No editor de páginas, clique na opção Modelo em Configurações da página, como mostrado à direita.
  2. Selecione Editar modelo para abrir o editor de modelos.

As edições feitas no modelo serão aplicadas a todas as páginas que usam o modelo.

Quando terminar as edições, clique na seta para esquerda no canto superior esquerdo para retornar à página em que você estava trabalhando. Ao publicar a página, será solicitado também que você salve as alterações feitas no modelo.

A seção Modelo da barra lateral Configurações da página exibindo as opções de modelo e uma caixa ao redor do link Editar modelo.
Etapa 2: visualizar a estrutura do seu modelo

Na tela de edição do modelo, você verá o nome do modelo que está sendo editado (1). Em Configurações, você verá “Modelo” (2):

O editor de modelos com uma seta apontando para o nome do Modelo e a barra lateral do Modelo.
Como saber se você está editando um modelo

Para ver uma lista de todos os blocos no seu modelo, clique em Visualização em lista na parte superior esquerda da tela (o ícone tem a aparência de três linhas horizontais). A Visualização em lista é útil para ver a estrutura geral do modelo antes de começar a editar seções específicas. Você pode clicar em qualquer bloco na Visualização em lista para mover, remover ou alterar suas as configurações.

Visualização em lista mostrando uma lista de blocos no editor de modelos.
Visualização em lista no Editor de modelos
Etapa 3: editar os blocos de modelo

No Editor de modelos, clique em qualquer bloco para ajustar o conteúdo ou mudar suas configurações. Algumas das ações que você pode realizar aqui incluem:

As possibilidades são inúmeras! Saiba mais sobre como usar o Editor do WordPress aqui.

Etapa 4: salvar as alterações

Quando tiver terminado de fazer as edições, clique em Salvar no canto superior direito.

O modelo afetado será mostrado aqui. Clique em Salvar novamente para confirmar que você deseja salvar as alterações feitas ao modelo.

O botão Salvar fica no canto superior, à esquerda de Cancelar.

Criar um novo modelo

Você pode criar um novo modelo e aplicá-lo a páginas ou posts específicos. Siga estas etapas para criar um novo modelo:

No editor de sites
  1. Acesse seu painel.
  2. Vá para a seção Aparência → Editor para abrir o Editor de sites.
  3. Clique em Modelos.
  4. Clique no ícone + para incluir um novo modelo.
  5. Selecione uma das opções integradas ou crie seu próprio modelo usando a opção Modelo personalizado na parte inferior.
  6. Dê um nome ao seu modelo e clique em Criar.
  7. Escolha um padrão existente ou clique em Pular para começar com um modelo do zero.
  8. Clique no ícone + de inserção de bloco para inserir blocos ou padrões que você quer incluir no modelo.
    • Não se esqueça do bloco de conteúdo para que o modelo inclua o conteúdo da página ou post.
  9. Depois de finalizar o design, clique em Salvar para disponibilizar o modelo no site.
Slow down or speed up the video using the controls in the lower right corner after clicking Play
No editor de páginas

Se você estiver trabalhando em um conteúdo individual, como uma página ou post, poderá criar um novo modelo seguindo estas etapas:

  1. Nas Configurações da página, na barra lateral direita, clique no nome do modelo e no ícone Adicionar modelo, como mostrado à direita.
  2. Dê um nome descritivo ao seu novo modelo, como “Post com barra lateral”, e clique em Criar.
  3. No Editor de modelos, agora você poderá editar a estrutura de exibição da sua página.
    • Não se esqueça do bloco de conteúdo para que o modelo inclua o conteúdo da página ou post.
  4. Quanto tiver terminado, clique em Publicar ou Atualizar no canto superior direito para salvar seu novo modelo.
  5. Clique em Voltar para retornar ao editor de página/post, onde seu modelo recém-criado aparece na lista de modelos disponíveis.
A caixa de seleção Modelo aberta com uma seta apontando para o logotipo Adicionar modelo na parte superior direita da caixa.

Aplicar um modelo

Depois de personalizar um modelo ou criar um novo, você pode aplicá-lo a uma página ou post específico usando as seguintes etapas:

  1. Acesse seu painel.
  2. Clique em Páginas ou Posts e selecione a página/o post ao qual você deseja aplicar o modelo.
  3. Na barra lateral Configurações, à direita, encontre a seção Modelo.
    • Se a barra lateral não for exibida, clique no ícone de configurações ao lado de Publicar ou Atualizar para abri-la.
  4. Escolha o modelo que deseja aplicar.
  5. Visualize a aparência da página ou post com o modelo aplicado. Clique na opção Visualizar, na parte superior do editor, e selecione Visualizar em uma nova guia.
  6. Quando estiver tudo certo com o modelo e o conteúdo da página/do post, clique em Publicar. Se a página/o post já tiver sido publicado, clique em Atualizar para aplicar as alterações à página publicada.

A barra lateral Configurações da página com a seção Modelo expandida para exibir as diferentes opções de modelo de página.
Modelos padrão

Alguns modelos são aplicados automaticamente e não podem ser aplicados a uma página comum.

Por exemplo, o Modelo de arquivos é aplicado automaticamente às páginas de categoria e outras páginas de arquivos. O Modelo de página inicial é aplicado automaticamente à página inicial personalizada e o Modelo de índice é aplicado à sua página de posts mais recentes.

Redefinir um modelo

Para restaurar um modelo para o estado padrão, desfazendo todas as edições feitas, siga estas etapas:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Editor.
  3. Clique em Modelos.
  4. Role para baixo e clique em Gerenciar todos os modelos. Todos os modelos modificados são rotulados com Personalizado.
  5. Clique nos três pontinhos ao lado do modelo que você quer redefinir
  6. Selecione Limpar personalizações. As alterações serão revertidas imediatamente para o layout padrão. Essa alteração não pode ser desfeita.
Diminua ou aumente a velocidade do vídeo usando os controles no canto inferior direito após clicar em Reproduzir

Você também pode redefinir um modelo na tela de edição seguindo estas etapas:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Editor.
  3. Clique em Modelos.
  4. Clique no nome do modelo e, em seguida, clique na área de edição à direita para abrir a interface do editor.
  5. Clique no nome do modelo na parte superior da tela para abrir a Central de comando.
  6. Clique em Redefinir modelo. Se essa opção não aparecer, então não há mudanças a serem redefinidas.
  7. Clique em Salvar.
Um número 1 é exibido ao lado do nome do modelo, e o número 2 aparece ao lado do botão Redefinir modelo.

Excluir um modelo

Para excluir um modelo que não é mais necessário, siga estas etapas:

  1. No seu painel, vá para a seção Aparência → Editor.
  2. Na barra lateral esquerda, selecione Modelos e, em seguida, Gerenciar todos os modelos.
  3. Clique nas reticências (três pontinhos) ao lado do modelo que você quer excluir. Essa opção aparecerá ao lado dos modelos que você criou. Porém, não estará disponível para modelos adicionados pelo seu tema.
  4. Clique em Excluir .
Copied to clipboard!