Conteúdo principal Menu principal Rodapé

Padrões personalizáveis

Atualizado em: 26/05/2025

Um bloco padrão personalizado, chamado de ‘Padrões’ no wordpress, é um conjunto de blocos agrupados e editáveis que podem ser reutilizados em qualquer tipo de postagem do site.

Você pode acessar qualquer padrão salvo no site utilizando o atalho atalho novo parágrafo
em um novo parágrafo

Visão do atalho em um novo parágrafo que leva ao menu de blocos
Atalho em um novo parágrafo permite adicionar blocos e padrões

Ou diretamente clicando no botão image
no canto superior esquerdo da tela para acessar o menu de blocos e depois na aba Padrões pesquise pelo padrão desejado e selecione na lista, selecione o padrão listado e edite se necessário.

imagem da tela mostrando o atalho para acessar o menu de blocos
Acessando e adicionando padrões a partir do menu na lateral esquerda
imagem da tela acessando o menu de padrões e pesquisando no campo de busca pela palavra 'image'

Existem duas categorias de padrão no wordpress, os blocos Sincronizados e Não sincronizados.

Um padrão Sincronizado, ao ser editado, afeta igualmente todos os blocos de mesmo tipo utilizados no site. Esse tipo de padrão deve ser utilizado para blocos que se repetem sempre iguais em várias postagens, sem variação em seu conteúdo ou layout. Por exemplo, rodapés e menus são sincronizados, podem ser utilizados em várias páginas e editados ao mesmo tempo apenas editando-se o padrão.

Um padrão Não Sincronizado pode ser editado individualmente, ou seja, cada utilização do bloco permite uma edição e personalização de layout e conteúdo singular. Utilize blocos não sincronizados para elementos de página que possam variar de conteúdo como, por exemplo, colunas, blocos de imagem, tabelas ou outros elementos padronizados de conteúdo.

imagem mostrando um bloco padrão não sincronizado e um bloco sincronizado

Adicionando um novo padrão

Qualquer bloco editado em uma postagem pode se tornar um padrão, reduzindo o retrabalho na edição.

Para criar um bloco padão a partir de um bloco editado basta clicar no ícone de ‘Opções’ ícone de opções e selecionar a opção ‘Criar padrão’ :

Imagem de como acessar o menu 'opções' em um novo bloco do tipo parágrafo e onde encontrar a opção 'Criar padrão'
Selecionando criar padrão a partir do menu de um parágrafo

Via de regra, os padrões são agrupamentos de blocos editáveis mas um padrão também pode ser um único bloco editável que se repete pelo site, por exemplo, vamos criar um padrão de imagem com um detalhe de bordas arredondadas.

selecionando imagem
Primeiro adicione um bloco de imagem
menu de imagem
Selecione se deseja enviar uma nova imagem ou utilize uma de sua biblioteca de mídia, caso a imagem já esteja publicada, tambem é possível inseri-la a partir de sua URL.

Adicione sua imagem e clique sobre ela para acessar o menu lateral direito com as propriedades do objeto imagem.

Nesse menu lateral as propriedades do objeto imagem podem ser personalizados
Nesse menu lateral as propriedades do objeto imagem podem ser personalizados

Nesse exemplo vamos clicar em icones de opções de estilos
para acessar o menu de estilos da imagem e editar os itens da coluna:

Filtros: duotone;
Borda: cinza e 3px;
Raio: 30 px nas bordas superior esquerda e inferior direita;

filtro duotone
borda e raio da imagem

Esse deve ser o resultado mostrado na imagem após as alterações

Esther Dweck

Feitas as edições necessárias podemos salvar o padrão para ser reutilizado.

Para isso vamos clicar no ícone de opções ícone de opções e em ‘Criar padrão’.

Adicione um nome ao seu padrão e selecione ou adicione uma nova categoria. Escolha um nome suscinto e que indique as propriedades do padrão, por exemplo, ‘imagem PB cantos arredondados’.

menu de opções e criar padrão

Adicione a categoria ‘imagem’ e desligue a opção ‘Sincronizado’, isso é importante para que o padrão possa ser reutilizado e personalizado no futuro.

Clique em ‘Adicionar’

menu adicionar novo padrão

Seu novo padrão estará disponível para uso e personalização, veja os exemplos abaixo variando o tamanho e proporção das imagens e filtros e cor.

Esther Dweck
Walter Barelli
Olivia Bullio

Criando padrões a partir de grupos de padrões

Agora vamos criar um padrão a partir de diversos blocos editáveis, faremos isso criando um grupo de blocos e adicionando-os ao conjunto de blocos padrão.

Esse é um exemplo de área de texto especial com subtítulo e imagens

Primeiro adicione um bloco do tipo BX Seção, esse bloco cria uma seção onde serão agrupados os elementos do padrão. Vamos alterar a cor e bordas da seção utilizando suas propriedades na coluna da direita.

Mude, também, o espaçamento do bloco deixando mais espaco entre os conteúdo e a borda, para isso, selecionando o bloco ‘BX Seção’, clique em icones de opçõesna barra lateral direita, localize o item dimensões.

Na sequência, ainda selecionando o bloco ‘BX Seção’ insira um bloco de título e centralize o titulo utilizando o menu rápido que aparece ao clicar no bloco de título.

Título do bloco especial

barra de propriedades de um objeto

Adicione um bloco de colunas dentro da BX Seção, existem vários tipos de colunas que podem ser adicionados, nesse caso, vamos utilizar as colunas 33/66 (medidas em % equivalentes a 1/2 terços).

inserindo colunas

Adicione uma imagem padrão ‘imagem PB cantos arredondados’ na primeira coluna. Ajuste o tamanho para que a imagem ocupe toda a largura da coluna se desejar, você pode ajustar o tamnho da imagem clicando e arrastando nas bordas da imagem ou no menu a direita ajustando o item ‘largura’.

bordas da imagem

Adicione um bloco de parágrafo a segunda coluna e adicione textos de exemplo nele.

Título do bloco especial para o site da Comissão de Pesquisa do Instituto de Economia

Esther Dweck

Selecione o bloco criado clicando sobre a área em azul (nesse modelo), caso tenha dificuldades em selecionar um bloco, os blocos são listados em hierarquia na coluna lateral esquerda clicando no ícone icone de visão geral do documento ‘visão geral do documento’.

Nesse caso, o bloco deve estar representado como a imagem abaixo:

visão da coluna a esquerda

Agora apenas selecione Bx Seção e clique no ícone ícone de opções de opções e selecione ‘Criar padrão’ e preencher os dados de padrão conforme visto anteriormente na criação de padrão com bloco comum.

O bloco está pronto para ser utilizado e personalizado e adiconando novos blocos conforme a sua necessidade:

Título do bloco especial para o site da Comissão de Pesquisa do Instituto de Economia

Esther Dweck
Esther Dweck é ministra da Gestão e da Inovação em Serviços Públicos.
logo ie

De forma geral, a edição de blocos é bastante intuitiva, experimente os blocos para aprender e consulte a documentação em https://wordpress.com/pt-br/support/editor-do-wordpress/

Ir para o topo