Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

como criar um modelo de postagem personalizado no WordPress

Como criar um modelo de postagem personalizado do WordPress para postagens únicas 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: Turner John
imagem do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja criar um modelo de postagem personalizado do WordPress para postagens de blog únicas?

A criação de um modelo personalizado de postagem única permite que você use layouts diferentes para postagens de blog específicas no WordPress. Embora muitos temas do WordPress venham com modelos de página personalizados, a maioria não pode criar layouts de conteúdo de postagem personalizados.

Este artigo mostrará a você como criar facilmente um modelo de postagem personalizado no WordPress. Descreveremos vários métodos para que você possa escolher um que funcione melhor para seu site WordPress.

Quando você precisa de um modelo de postagem personalizado do WordPress?

Os modelos de postagem personalizados do WordPress permitem que você dê a determinadas postagens do seu site uma aparência diferente. Por exemplo, você pode dar às postagens em destaque um layout distinto ou criar uma aparência diferente para postagens específicas em categorias diferentes.

Para fazer isso, você precisará de um modelo personalizado de postagem única.

Por padrão, o WordPress baseia seu modelo de postagem única na hierarquia de modelos do WordPress. Isso significa que ele usa o modelo single.php para todas as suas postagens.

Todos os temas do WordPress vêm com o modelo único padrão. No entanto, alguns temas também podem incluir modelos ou layouts extras de postagem única que você pode usar.

É semelhante à forma como o WordPress lida com modelos de página única. Por padrão, há um único modelo que todos os temas usam, mas a maioria inclui arquivos de modelo de página adicionais que você pode usar ao editar páginas no WordPress.

Como criar um modelo de postagem personalizado no WordPress

Agora que você sabe o que é um modelo de post personalizado do WordPress, vamos ver como criar um no WordPress. Abaixo, abordaremos vários métodos diferentes para que você possa escolher o que funciona melhor para você.

Criar um modelo de postagem única no WordPress com o SeedProd

O primeiro é uma maneira muito fácil de criar modelos personalizados de postagem única no WordPress. Usaremos o SeedProd, o melhor plug-in de criação de temas para WordPress do mercado.

SeedProd, o melhor construtor de sites WordPress

Com o SeedProd, você pode criar um modelo de postagem personalizado no WordPress sem escrever código ou modificar as pastas de temas do WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in SeedProd. Para obter ajuda com isso, consulte este guia passo a passo sobre como instalar um plug-in do WordPress.

Depois de ativar o SeedProd, acesse SeedProd " Settings para inserir sua chave de licença.

Digite sua chave de licença do seedprod

Você pode encontrar essas informações em sua conta no site da SeedProd.

Localize sua chave de licença do SeedProd

Quando você usa o SeedProd, ele substitui o tema que você usa atualmente e permite que você personalize cada centímetro do seu site com o construtor visual de arrastar e soltar.

Agora, vá para SeedProd " Theme Builder e clique no botão Themes (Temas ) para começar.

Adicionar um modelo de tema personalizado no seedprod

A partir daí, você verá uma variedade de modelos de temas pré-fabricados do WordPress que podem ser usados.

modelos de temas do wordpres seedprod

Para escolher um tema, passe o mouse sobre a miniatura e clique no ícone de marca de seleção.

escolha um modelo de tema do seedprod

Depois de escolher um tema, você verá uma lista de partes do modelo, incluindo:

  • Página única
  • Postagem única
  • Página do blog e do arquivo
  • Página inicial
  • Barra lateral
  • Rodapé
  • Cabeçalho

Esses são os diferentes elementos que compõem um tema completo do WordPress.

Normalmente, você só pode acessar essas partes do tema editando os arquivos do tema do WordPress. Mas com o SeedProd, você pode ver tudo isso em uma interface visual fácil.

Partes do modelo do tema do WordPress SeedProd

Como você pode ver, o SeedProd tem um modelo personalizado de postagem única por padrão. Mas, diferentemente do editor padrão do WordPress e de outros temas, você pode personalizar instantaneamente o modelo visualmente.

Então, vamos ver como personalizar o modelo de postagem única com o SeedProd.

Localize a seção Single Post no construtor de temas e clique no link Edit Design (Editar design ). Isso abrirá seu modelo de postagem no editor visual do SeedProd.

Editar o modelo de postagem personalizado com o SeedProd

O editor visual do SeedProd tem um layout de duas colunas. À esquerda, há blocos e seções que podem ser adicionados ao design. Em seguida, à direita, há uma visualização em que você pode ver as alterações em tempo real.

Construtor visual de temas do Wordpress SeedProd

Clique em qualquer lugar em seu modelo de postagem para personalizar o layout. Por exemplo, se você clicar no título da postagem, verá suas configurações no painel esquerdo.

Configurações do título do post do SeedProd

A partir daí, você pode alterar a tag do título, o alinhamento, o nível do título e o tamanho da fonte. Você também pode clicar na guia Advanced (Avançado) para alterar as cores da fonte, o espaçamento e outros estilos.

O SeedProd usa tags de modelo para extrair conteúdo dinâmico do WordPress, como títulos de postagens, imagens em destaque, comentários e muito mais. Isso significa que você pode mostrar uma variedade de conteúdo em suas postagens sem editar diretamente o arquivo de postagem única.

Por exemplo, você pode arrastar o bloco Posts e adicioná-lo ao final do conteúdo do post.

Como adicionar posts ao modelo de post personalizado do WordPress

Em seguida, você pode configurá-lo para mostrar conteúdo de categorias específicas.

Sinta-se à vontade para experimentar diferentes blocos e brincar com suas configurações. Depois de criar algo que você gostaria de usar como modelo de postagem, é hora de salvá-lo clicando no botão verde Save (Salvar ) no canto superior direito.

Salvar modelo de postagem personalizado do WordPress

Você pode personalizar o restante do seu tema do WordPress da mesma forma. Mas se precisar de ajuda, confira este guia passo a passo sobre como criar um tema personalizado do WordPress com o SeedProd.

Quando estiver satisfeito com a aparência, certifique-se de clicar no botão Ativar tema do SeedProd no canto superior direito.

ativar o tema seedprod

Veja como ficou nosso novo modelo personalizado de postagem única:

exemplo: criar um modelo de postagem personalizado no WordPress

Como você pode ver, removemos a caixa de autor e adicionamos posts relacionados e botões de compartilhamento de mídia social usando o editor de arrastar e soltar do SeedProd.

Mas não para por aí. Com o SeedProd, você pode adicionar quantos modelos de postagem personalizados quiser, o que significa que você pode ter um layout diferente para cada categoria de postagem, se desejar.

Para adicionar um novo modelo de postagem única, basta clicar no linkDuplicate (Duplicar ) abaixo do modelo de postagem original.

Modelo de postagem única duplicado no WordPress

Isso adicionará uma cópia do modelo na parte superior da página de modelos de tema.

Cópia do modelo de postagem única

Agora, vá em frente e personalize o modelo com um layout diferente, como você fez anteriormente. Quando estiver satisfeito com o design, salve as alterações e volte para a página de modelos.

Depois de personalizar seu novo modelo de postagem única, clique no link Edit Conditions (Editar condições ), que abre uma nova janela na qual você pode definir onde esse modelo será exibido.

Editar condições de modelo de postagem única

Dê um nome ao seu modelo e, em seguida, no cabeçalho Condições, você pode escolher o tipo de conteúdo que deseja exibir. Por exemplo, se quiser que apenas as publicações da categoria "Tutoriais" tenham esse layout específico, escolha a opção "Has Category" (Tem categoria) na seção Posts.

Editar condições para o modelo de postagem única do WordPress

Em seguida, insira as categorias que deseja incluir, defina a prioridade como 10 e clique em Salvar.

Agora, quando você visualizar qualquer post dessa categoria específica, ele mostrará seu novo modelo de post personalizado.

Veja como ficou nosso novo modelo de postagem "Tutorials":

Modelo de postagem personalizada do WordPress

Para esse layout, removemos a barra lateral para torná-lo de largura total. E se você observar esta captura de tela:

Modelo de postagem personalizado do WordPress

Você pode ver que removemos os posts relacionados e a seção de comentários.

Essa é a maneira mais fácil de criar vários modelos de post personalizados no WordPress. Ela não requer código, não bagunça nenhum arquivo de tema e você não precisa de nenhuma experiência técnica.

Criar um modelo de postagem do WordPress com o Block Editor

Esse método envolve o uso do editor de blocos do WordPress. A rigor, essa solução não cria um modelo de postagem; no entanto, ela oferece uma maneira fácil de salvar e reutilizar layouts de postagem única repetidamente.

O editor de blocos do WordPress tem um recurso interessante que permite salvar e reutilizar blocos em seu site WordPress.

Um desses blocos é o bloco "Group", que permite adicionar vários blocos e layouts de postagem em um único grupo. A partir daí, você pode salvar seu bloco personalizado e reutilizá-lo em outras postagens do blog.

Com isso em mente, veja como usar o bloco de grupo para salvar seu modelo de postagem personalizado.

Primeiro, acesse Posts " Add New no painel do WordPress e crie um novo post no WordPress. Depois disso, clique no ícone de mais (+) e adicione um novo bloco "Grupo" à sua área de conteúdo.

Adicionar um novo bloco de grupo do WordPress

Agora você pode adicionar blocos dentro do bloco Group para criar um layout de postagem única. Você pode adicionar qualquer bloco nessa área, inclusive colunas, texto, mídia, imagens e muito mais.

Adicione conteúdo aos blocos de grupo

Quando estiver satisfeito com seu layout, selecione o bloco Group para que ele tenha um contorno.

Selecione o bloco de grupo

A partir daí, clique nos três pontos para expandir as configurações do bloco e clique no título "Add to reusable blocks" (Adicionar a blocos reutilizáveis).

Adicionar bloco de grupo a blocos reutilizáveis

Em seguida, dê um nome ao bloco reutilizável. O WordPress salvará automaticamente o grupo e todos os blocos dentro dele.

Agora, sempre que adicionar uma nova postagem no WordPress, você poderá clicar no cabeçalho Reusable Blocks (Blocos reutilizáveis) e clicar em seu modelo personalizado de postagem única para adicioná-lo ao editor de postagens.

Bloco de modelo de postagem personalizada reutilizável

Depois de adicionar o bloco à sua área de conteúdo do WordPress, ele carregará todos os blocos salvos anteriormente em seu bloco Group.

Embora esse método permita que você salve layouts personalizados para postagens de blog, ele não altera a forma como o tema lida com postagens únicas. Portanto, se você quiser mais flexibilidade, continue lendo para obter mais soluções de modelos de postagem única.

Criar manualmente um modelo de postagem única personalizado

Esse método é bastante avançado porque envolve a edição dos arquivos do tema, a cópia e a colagem de código e a criação de CSS personalizado. Portanto, só use esse método se estiver confiante e souber o que está fazendo.

Primeiro, abra um editor de texto simples, como o Bloco de Notas, em seu computador. Em seguida, cole o código a seguir:

<?php
/*
* Template Name: Featured Article
 * Template Post Type: post, page, product
*/
get_header();  ?>

Esse código define um novo modelo de post chamado "Featured Article" (Artigo em destaque) e o torna disponível para posts, páginas e tipos de conteúdo de produto. 

Depois de copiar e colar o código, salve o arquivo como sp_single_post.php em sua área de trabalho.

A próxima etapa é carregar o arquivo na pasta do tema atual do WordPress. Você pode fazer isso usando um cliente FTP.

Quando o arquivo estiver pronto, faça login na área de administração do WordPress e crie ou edite uma postagem. Na tela de edição da postagem, role para baixo até ver a nova meta-caixa Atributos da postagem com uma opção para escolher um modelo.

Criar um modelo personalizado de postagem única no WordPress manualmente com código

Nessa seção, você verá seu novo modelo de Featured Article. Por enquanto, a seleção do modelo exibirá uma tela branca porque ela está vazia.

Para corrigir isso, você precisará adicionar algum código para exibir o conteúdo da postagem. A maneira mais fácil de fazer isso é copiar o código do arquivo single.php do seu tema e usá-lo como ponto de partida.

Portanto, abra o arquivo single.php e copie tudo após a linha get_header(). Em seguida, cole o código em seu arquivo sp-single-post.php no final.

A partir daí, salve o arquivo e carregue-o novamente em seu servidor.

Nesse ponto, seu modelo terá exatamente a mesma aparência do modelo antigo de postagem única. Você precisará personalizá-lo adicionando classes CSS personalizadas, removendo barras laterais ou fazendo qualquer outra alteração que desejar.

Aqui está.

Neste artigo, compartilhamos três maneiras de criar um modelo de post personalizado no WordPress. Escolha o método com o qual você se sente mais confortável e comece a exibir as postagens do seu blog da maneira que desejar.

Enquanto estiver aqui, talvez você também goste desta publicação sobre a anatomia de uma página de destino bem-sucedida.

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.