Deparei-me com isso quando quis apresentar um tutorial longo em meu blog. O tema que eu estava usando forçava cada publicação a ter o mesmo layout estreito - barra lateral, caixa de autor, comentários, tudo. Simplesmente não funcionava para o que eu precisava.
Se estiver lidando com algo semelhante, este guia mostrará como criar um modelo de postagem personalizado do WordPress para que você possa alterar o layout de postagens específicas, sem mexer no código ou editar os arquivos do tema.
Por que criar um modelo de postagem personalizado no WordPress?
Já precisei disso mais de uma vez, especialmente ao escrever longos tutoriais ou postagens de blog que não se encaixam no layout padrão. A maioria dos temas do WordPress oferece apenas um design de postagem única, e ele geralmente é criado para conteúdo curto e básico. Isso pode atrapalhar.
Um modelo de post personalizado oferece mais controle sobre a aparência de cada post do blog. Você pode ajustar o layout com base no conteúdo, na categoria ou na finalidade. Veja o que isso possibilita:
- Use layouts diferentes para tipos de conteúdo diferentes, como largura total para tutoriais e layouts de barra lateral para postagens de notícias
- Destaque o conteúdo em destaque ou permanente adicionando banners personalizados, ímãs de leads ou chamadas para ação
- Remova distrações, como barras laterais ou caixas de autor que não agregam valor à postagem
- Combine seu layout com a categoria da postagem, como "Guias", "Receitas" ou "Avaliações"
- Teste as alterações de layout sem editar os arquivos do tema ou escrever código personalizado
Se estiver escrevendo um blog, criando tutoriais ou administrando um site de negócios, um modelo de post personalizado facilita a leitura do conteúdo e o torna mais adequado às suas metas.
3 maneiras de 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ê.
Método 1: usar o SeedProd para criar um modelo de postagem personalizado
O primeiro é uma maneira muito fácil de criar modelos personalizados de postagem única no WordPress. Usaremos o SeedProd, o melhor plugin de criação de temas para WordPress do mercado.
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.
Você pode encontrar essas informações em sua conta no site da 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.
A partir daí, você verá uma variedade de modelos de temas pré-fabricados do WordPress que podem ser usados.
Para escolher um tema, passe o mouse sobre a miniatura e clique no ícone de marca de seleção.
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 todos 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.
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.
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.
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.
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.
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.
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.
Veja como ficou nosso novo modelo personalizado de postagem única:
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.
Isso adicionará uma cópia do modelo na parte superior da página de modelos de tema.
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.
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.
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":
Para esse layout, removemos a barra lateral para torná-lo de largura total. E se você observar esta captura de tela:
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.
Método 2: Use o Block Editor para salvar um layout de postagem personalizado
Esse método envolve o uso do editor de blocos do WordPress. Estritamente falando, 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.
Agora você pode adicionar blocos dentro do bloco Group para criar um layout de postagem única. É possível adicionar qualquer bloco nessa área, inclusive colunas, texto, mídia, imagens e muito mais.
Quando estiver satisfeito com seu layout, selecione o bloco Group para que ele tenha um contorno.
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).
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.
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.
Método 3: Codificar manualmente um modelo de postagem do WordPress
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.
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.
Perguntas frequentes sobre os modelos de postagem do WordPress
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, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.
