Voltar para o suporte Conteúdo e mídia Blocos Criar um padrão

Criar um padrão

Com os padrões, é possível salvar blocos personalizados para reutilizá-los em seu site. Se você costuma adicionar os mesmos grupos de blocos a novas páginas, os padrões economizam muito tempo. Neste guia, você aprenderá a criar e usar padrões.

💡

Inspire-se com a nossa coleção de padrões, compilada pela equipe de design do WordPress.com para criar páginas do jeito que você precisa.

Criar um padrão

Primeiro, crie o conteúdo que você planeja reutilizar. O padrão pode conter um ou vários blocos. Em nosso exemplo, vamos usar uma imagem, um cabeçalho, textos e um botão de chamada para ação com a seguinte aparência:

exemplo de uma coleção de blocos que podem ser transformados em um padrão.
Exemplo de uma coleção de blocos, usando um bloco de mídia e texto com título, parágrafo e botões.

Depois de criar seu conteúdo, siga estas etapas para transformá-lo em um padrão para usar em qualquer lugar do seu site.

  1. Selecione todos os blocos que você deseja reutilizar. Há várias maneiras de selecionar blocos:
    • Destaque vários blocos próximos um do outro usando o mouse.
    • Na Visualização em lista, clique no primeiro bloco, mantenha pressionada a tecla Shift no teclado e clique no bloco final. Isso selecionará todos os blocos entre o primeiro e o último bloco.
  2. Clique nos três pontos na barra de ferramentas do bloco.
  3. Clique na opção “Criar padrão“.
  4. Dê um nome que ajude a identificar o padrão. O nome fica visível apenas para você.
  5. Também é possível atribuir o padrão a uma categoria, ideal para quando você tem muitos padrões e deseja mantê-los organizados.
  6. Ative ou desative a opção “Sincronizado“:
    • Sincronizado: as edições feitas no padrão serão aplicadas em todos os lugares em que ele foi inserido. Ideal para reutilizar blocos.
    • Não sincronizado: as edições feitas serão aplicadas somente a uma instância do padrão. Ideal para quando você quer usar o mesmo layout em várias páginas, mas alterar o conteúdo no padrão de cada página.
  7. Clique no botão “Criar“.

Usar um padrão

Depois de criar um padrão, insira-o no conteúdo seguindo as etapas abaixo.

  1. Clique no ícone Inserção de blocos (+).
  2. Selecione a guia “Padrões“:
Após clicar na inserção de blocos, os padrões são marcados com uma seta apontando para a guia.
  1. Escolha entre estas opções:
    • Todos os padrões: navegue por todas as opções, incluindo os padrões fornecidos pelo WordPress.com.
    • Meus padrões: navegue apenas pelos padrões criados por você.
    • Navegue por exemplos de padrões de categoria, como Sobre, Banners, Formulários, Serviços e muito mais.
  2. Clique em um padrão para adicioná-lo à sua página.

💡

Para adicionar rapidamente um padrão seu, você também pode digitar uma barra / e o nome do padrão em uma nova linha e pressionar Enter.

Editar um padrão

Após adicionar um padrão, você pode editá-lo de duas formas:

Inserir um padrão para editá-lo

  1. Adicione o padrão ao seu site, conforme explicado na seção anterior.
  2. Selecione o bloco e clique na opção “Editar original” na barra de ferramentas do bloco:
barra de ferramentas do padrão sincronizado.
  1. Faça as alterações, que podem envolver digitar novos textos ou reordenar, adicionarblocos ou remover blocos.
  2. Quando terminar, clique no botão Salvar/Atualizar/Publicar no canto superior direito.
  3. Antes de salvar, você encontrará um resumo das alterações feitas no seu site. Se você tiver editado um padrão sincronizado, ele ficará destacado.
  4. Clique no botão “Salvar” novamente para confirmar a alteração ou desmarque a caixa ao lado das alterações que não deseja salvar.

Clique na opção “Redefinir” na barra de ferramentas para restaurar um padrão sincronizado para o conteúdo original.

Uma seta destaca as alterações nos padrões sincronizados.

Editar um padrão em Meus padrões

  1. Acesse seu painel.
  2. Acesse Aparência → Editor.
  3. Clique na opção “Padrões“.
  4. Selecione seu padrão e clique no ícone de lápis para editá-lo.
  5. Após concluir as edições, clique no botão “Salvar“.

Quando seu site não usa um tema de bloco, você não consegue acessar Aparência → Editor. Para editar um padrão sem acesso ao editor de sites:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Padrões.
  3. Clique no título do padrão para editá-lo.
  4. Após concluir as edições, clique no botão “Atualizar“.

Padrões sincronizados e não sincronizados

Ao criar um padrão, você pode defini-lo como sincronizado ou não sincronizado. Em seguida, explicaremos cada opção e como trabalhar com os dois tipos de padrões.

Padrões sincronizados

O padrão sincronizado é sempre igual em todos os lugares do site. Ao editar o padrão sincronizado em um local, a alteração é aplicada a todas as instâncias onde ele é usado. Por exemplo, se você tem um padrão sincronizado para o horário comercial, basta alterar o horário em uma instância dele para atualizar o padrão em todo o site.

O padrões sincronizados são identificados pelo símbolo de um diamante com outro por trás. O nome do padrão também aparece nos seguintes locais no editor:

barra de ferramentas do padrão sincronizado
O ícone e o nome do padrão, como aparecem na barra de ferramentas do bloco.

Você pode alterar um padrão sincronizado em qualquer lugar onde ele é usado. Quando você salvar as alterações, elas serão aplicadas a todas as páginas e posts que usam esse padrão.

Desvincular um padrão sincronizado

Ao desvincular um padrão sincronizado, é possível editar o conteúdo apenas da página ou post em questão. Isso transforma o padrão inserido em não sincronizado, deixando o padrão sincronizado existente inalterado.

Para transformar um padrão sincronizado em não sincronizado:

  1. Adicione o padrão ao seu site, conforme explicado na seção anterior.
  2. Clique no padrão para exibir uma barra de ferramentas acima ou abaixo dele.
  3. Clique nas reticências (três pontos) no final da barra de ferramentas e selecione a opção “Desvincular“:
Uma seta aponta para as reticências na barra de ferramentas do bloco e a opção Desvincular está destacada.

Substituir um padrão sincronizado

É possível substituir o conteúdo em um padrão sincronizado, mantendo o restante da estrutura de conteúdo igual. Isso permite que você defina, para cada bloco, a capacidade de personalizar o conteúdo de instâncias individuais, mantendo o layout geral intacto. Saiba mais sobre as substituições de padrões.

Padrões não sincronizados

O padrão não sincronizado é uma coleção de blocos que você criou e deseja usar novamente, mas também quer ter a liberdade de alterar o conteúdo depois de adicioná-los a uma página ou post. Por exemplo, talvez você tenha um layout consistente que inclui imagens e textos para os posts do seu blog. Você pode criar um padrão, desativar a opção de sincronização e modificar as imagens e textos usando o mesmo layout em cada post do blog.

Ao contrário do padrão sincronizado, quando um padrão não sincronizado é adicionado a uma página, ele se comporta como uma coleção comum de blocos. As alterações no conteúdo do padrão não sincronizado são aplicadas a essa única página ou post.

Restaurar uma revisão anterior de um padrão

Conforme você faz alterações nos padrões, as versões anteriores dos blocos são salvas caso você precise reverter para um estado anterior. Siga estas etapas para acessar as revisões de um padrão:

  1. Acesse seu painel.
  2. Acesse Aparência → Editor.
  3. Selecione “Padrões“.
  4. Clique na opção “Gerenciar todos os meus padrões“.
  5. Passe o mouse sobre o título de um padrão e selecione “Editar“.
  6. Abra a barra lateral de configurações à direita. O ícone se parece com um quadrado com duas colunas de larguras diferentes.
  7. Na guia “Padrão“, clique em “Revisões“. Essa opção não é exibida quando não há revisões salvas.

Quando seu site não usa um tema de bloco, você não consegue acessar Aparência → Editor. Para acessar as revisões do padrão sem acesso ao editor de sites:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Padrões.
  3. Clique no título do padrão cujas revisões você quer ver.
  4. Abra a barra lateral de configurações à direita. O ícone se parece com um quadrado com duas colunas de larguras diferentes.
  5. Na guia “Padrão“, clique em “Revisões“. Essa opção não é exibida quando não há revisões salvas.

Serão mostradas todas as versões anteriores do padrão que foram salvas. Assim como as revisões das páginas e posts, é possível carregar uma versão mais antiga do padrão.

O módulo do padrão na barra lateral direita do editor. Revisões destacadas com uma seta laranja.

Excluir um padrão

Para excluir padrões do seu site:

  1. Acesse seu painel e vá até Aparência → Editor.
  2. Selecione Padrões → Meus padrões.
  3. Clique nos três pontos ao lado do nome de um padrão e selecione a opção “Excluir“.
A opção Meus padrões está selecionada, e uma seta aponta para os três pontos e depois para o botão Excluir.

Quando seu site não usa um tema de bloco, você não consegue acessar Aparência → Editor. Para excluir revisões do padrão sem acesso ao editor de sites:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Padrões.
  3. Passe o mouse sobre o título do padrão que você deseja excluir.
  4. Abaixo do título, selecione a opção “Lixeira“.

Importar e exportar padrões

Se quiser mover um padrão de um site para outro, veja como exportar e importar os blocos como um arquivo JSON:

  1. Acesse seu painel.
  2. Acesse Aparência → Editor.
  3. Selecione “Padrões“.
  4. Clique em “Gerenciar todos os meus padrões” para
    • Exportar um padrão: passe o mouse sobre o título de um padrão e clique na opção “Exportar como JSON“. O arquivo será salvo no seu computador. Se você tiver criado padrões, marque várias caixas de seleção para exportá-los como um grupo.
    • Importar um padrão: clique no botão “Importar de JSON” na parte superior da tela de gerenciamento de padrões:
O botão Importar de JSON é exibido na tela de padrões.

Quando seu site não usa um tema de bloco, você não consegue acessar Aparência → Editor. Para importar um padrão sem acesso ao editor de sites:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Padrões.
  3. Clique no botão “Importar de JSON” na parte superior da tela Padrões.
  4. Clique em “Escolher arquivo” e selecione um arquivo para fazer upload.
  5. Clique em “Importar“.

Para exportar um padrão sem acesso ao editor de sites:

  1. Acesse seu painel.
  2. Vá para a seção Aparência → Padrões.
  3. Passe o mouse sobre o título do padrão que você deseja exportar.
  4. Abaixo do título, selecione a opção “Exportar como JSON“.
Copied to clipboard!