Como criar modelos personalizados de postagem única no WordPress

Deseja criar um modelo de postagem único personalizado no WordPress?

Os modelos personalizados de postagem única permitem que você use layouts diferentes para suas postagens de blog individuais. Muitos temas do WordPress vêm com alguns modelos de página diferentes e você também pode criar o seu próprio, se necessário.

Neste artigo, mostraremos como criar facilmente modelos personalizados de postagem única no WordPress. Compartilharemos vários métodos, para que você possa escolher aquele que melhor atende às suas necessidades.

Quando você precisa de um modelo de postagem único personalizado?

Às vezes, você pode querer uma aparência diferente para determinadas postagens em seu site WordPress. Por exemplo, você pode querer usar um layout diferente para artigos ou histórias em destaque em uma categoria específica.

É aqui que você precisa de um modelo de postagem único personalizado no WordPress.

Por padrão, o WordPress usa o modelo de postagem única com base na hierarquia de modelos do WordPress. Todos os temas vêm com um modelo single.php, e isso é usado por padrão para todos os seus posts únicos.

Alguns temas também podem incluir modelos adicionais ou opções de layout que você pode usar.

É muito parecido com criar um modelo de página personalizado. A maioria dos temas do WordPress também vem com modelos de página que você pode usar ao editar uma postagem ou página no WordPress.

Dito isso, vamos dar uma olhada em como criar facilmente modelos personalizados de postagem única no WordPress. Mostraremos vários métodos, para que você possa usar o que funciona melhor para você.

• Criando modelos de postagem única usando o editor de blocos
• Criando modelos personalizados de postagem única usando o SeedProd
• Usando configurações de tema para criar layouts de postagem única
• Criando manualmente modelos de postagem única personalizados com código
• Criando modelos personalizados de postagem única por categoria
• Criando modelos personalizados de postagem única para autores específicos

Criando modelos de postagem única usando o editor de blocos

Esse método não cria realmente um modelo de postagem e é limitado em flexibilidade. No entanto, é a maneira mais fácil de salvar seus próprios layouts de postagem única e reutilizá-los.

O editor de blocos padrão do WordPress vem com um recurso integrado que permite salvar e reutilizar blocos. Um desses blocos reutilizáveis ​​é o bloco de grupo.

O bloco de grupo permite que você coloque vários blocos e layouts de postagem inteiros em um grupo. Você pode salvar este bloco de grupo e reutilizá-lo em suas outras postagens.

Vamos dar uma olhada em como usar o bloco de grupo para salvar seus modelos de postagem personalizados.

Primeiro, você precisa criar um novo post no WordPress. Depois disso, basta adicionar um bloco de grupo à área de conteúdo.

Agora você pode começar a adicionar blocos ao bloco de grupo para criar um layout de postagem único para o seu blog WordPress.

Você pode adicionar quaisquer blocos que desejar, incluindo colunas, mídia e texto, imagens de capa e muito mais.

Quando estiver satisfeito com o layout que você criou, você precisa levantar o mouse e selecionar o bloco de grupo.

Basta clicar no ícone do menu de três pontos e selecionar a opção 'Adicionar aos blocos reutilizáveis'.

Em seguida, você precisa fornecer um nome para o bloco reutilizável e clicar no botão Salvar. O WordPress agora salvará seu bloco reutilizável, incluindo todos os blocos dentro do bloco de grupo.

Você pode editar qualquer postagem existente em seu site ou criar uma nova. Na tela de edição de postagem, basta clicar no botão adicionar novo bloco e procurar o bloco salvo na guia 'Reutilizável'.

Adicione o bloco à sua postagem e o WordPress carregará todo o seu bloco de grupo com todos os blocos e configurações conforme você os salvou.

Este método permite que você salve seus layouts personalizados. No entanto, ele não permite que você altere como seu tema lida com postagens únicas.

Se desejar maior flexibilidade, continue lendo a próxima etapa.

Criando modelos personalizados de postagem única usando o SeedProd

A maneira mais fácil de criar um modelo de postagem único personalizado é usando o SeedProd. É o melhor plugin de construtor de sites WordPress e pode criar belos layouts de sites e modelos personalizados sem escrever nenhum código.

Você pode usar o construtor de arrastar e soltar do SeedProd para criar um tema WordPress totalmente personalizado, incluindo modelos personalizados de postagem única.

A primeira coisa que você precisa fazer é instalar e ativar o plugin SeedProd. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.

Após a ativação, você precisa inserir sua chave de licença. Você pode encontrar essas informações em sua conta no site da SeedProd.

Depois disso, é hora de criar um tema WordPress personalizado. Isso é muito mais simples do que parece.

Criando um tema WordPress personalizado

Primeiro, você precisa ir para a página SeedProd » Theme Builder . Aqui, você usará um dos temas prontos do SeedProd como ponto de partida. Isso substituirá seu tema WordPress existente por um novo design personalizado.

Você pode fazer isso clicando no botão 'Temas'.

Você verá uma lista de temas projetados profissionalmente para diferentes tipos de sites. Por exemplo, existem modelos chamados 'Modern Business', 'Marketing Agency' e 'Mortgage Broker Theme'.

Dê uma olhada nas opções e selecione a que melhor atende às suas necessidades clicando no ícone de marca de seleção.

Depois de escolher um tema, o SeedProd gerará todos os modelos de tema de que você precisa, incluindo um para páginas únicas e outro para postagens únicas.

Cada modelo vem configurado com layouts atraentes e conteúdo de espaço reservado fácil de personalizar.

Para saber mais sobre como criar um tema com o SeedProd, consulte nosso guia sobre como criar facilmente um tema WordPress personalizado sem nenhum código.

Personalizando o modelo de postagem única padrão

O SeedProd facilita a personalização do modelo padrão 'Single Post' usando um construtor de páginas de arrastar e soltar.

Basta clicar no link 'Editar design' encontrado sob o modelo. Isso abrirá seu modelo de postagem no editor visual do SeedProd.

O editor visual do SeedProd possui um layout de 2 colunas. À esquerda, você encontrará blocos e seções que você pode adicionar ao seu design. E à direita está uma prévia do modelo onde você pode ver suas alterações em tempo real.

Também é fácil personalizar o layout do seu modelo de postagem. Basta clicar em qualquer bloco para ver suas configurações na coluna da esquerda.

Por exemplo, se você clicar no título da postagem, poderá ver suas configurações. Agora você pode alterar o alinhamento, o tamanho da fonte, o nível do título e muito mais.

Clicar na guia Avançado permite alterar as cores da fonte, o espaçamento e outros estilos.

Você pode adicionar blocos adicionais arrastando-os da coluna da esquerda para a coluna de visualização. O SeedProd usa tags de modelo para obter conteúdo dinâmico, como títulos de postagens, imagens em destaque, comentários e muito mais. Isso permite adicionar conteúdo ao modelo sem precisar editar cada postagem individualmente.

Por exemplo, você pode adicionar um bloco de Posts no final do conteúdo do seu post. Isso exibirá postagens recentes que seus visitantes podem querer ler quando terminarem a postagem atual. Este bloco será exibido automaticamente em todas as postagens usando este modelo.

Em seguida, você pode alterar as configurações do bloco Posts para personalizar o conteúdo exibido.

Por exemplo, você pode exibir conteúdo de categorias específicas, usar um layout de duas colunas e alterar o número de postagens exibidas.

Sinta-se à vontade para experimentar diferentes blocos e explorar 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 'Salvar' no canto superior direito. Depois disso, você pode fechar o editor visual do SeedProd clicando no ícone de fechar 'X'.

Você pode personalizar o resto do seu tema WordPress da mesma maneira. Mas se você precisar de um pouco de ajuda, consulte nosso guia passo a passo sobre como criar um tema WordPress personalizado com o SeedProd.

Quando estiver satisfeito com a aparência de tudo, certifique-se de que a chave 'Ativar tema do SeedProd' esteja na posição ligada. Seu site WordPress agora usará seu tema SeedProd e um modelo de postagem único personalizado.

Usando configurações de tema para criar layouts personalizados de postagem única

Muitos temas populares do WordPress vêm com configurações internas para personalizar a aparência do seu modelo de postagem única.

Se o seu tema suportar essas configurações, você poderá encontrá-las na tela de edição de postagem. As opções disponíveis podem mudar dependendo do tema que você está usando.

Por exemplo, o tema Astra oferece opções de personalização ao editar uma única postagem. Usando essas opções, você pode alterar as barras laterais, ocultar cabeçalhos, título, menus e muito mais.

Por outro lado, muitos dos principais temas do WordPress vêm com modelos prontos para uso que você pode usar.

Se o seu tema incluir modelos de postagem única, você os encontrará no painel 'Modelo' ou 'Atributos de postagem' ao editar uma postagem.

Esses modelos são layouts completos que você pode usar sem necessidade de configuração.

Criando manualmente modelos personalizados de postagem única com código

Esse método é um pouco avançado, pois exige que você edite arquivos de tema, copie e cole código e, opcionalmente, adicione CSS personalizado. Se você ainda não fez isso, confira nosso tutorial sobre como copiar e colar código no WordPress.

Primeiro, você precisa abrir um editor de texto simples em seu computador como o Bloco de Notas e colar o seguinte código dentro dele:

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

Esse código define um novo modelo chamado 'Artigo em destaque' e o disponibiliza para os tipos de postagem, página e produto.

Você deve salvar este arquivo como wpb-single-post.php em seu desktop. Em seguida, você precisa adicionar o modelo ao seu site WordPress. Para fazer isso, você precisa usar um cliente FTP para enviar o arquivo para a pasta do tema atual.

Agora você pode fazer login na sua área de administração do WordPress e criar ou editar uma postagem. Role um pouco para baixo na tela de edição de postagem e você notará um novo painel 'Modelo' ou caixa meta 'Atributos de postagem' com uma opção para selecionar o modelo.

Você verá seu modelo personalizado de 'Artigo em destaque' listado lá.

No momento, seu modelo está essencialmente vazio, portanto, selecioná-lo simplesmente exibirá uma tela branca.

Vamos consertar isso.

A maneira mais fácil de fazer isso é copiando o código do arquivo single.php do seu tema e usando-o como ponto de partida. Você terá que abrir o arquivo single.php e então copiar tudo após a linha get_header() .

Em seguida, você precisa colar este código no final do arquivo wpb-single-post.php . Agora você pode salvar este arquivo e enviá-lo de volta para o seu servidor.

No entanto, isso será exatamente igual ao seu modelo de postagem única atual. Agora você pode começar a fazer alterações em seu modelo de postagem única personalizado.

Você pode adicionar suas próprias classes CSS personalizadas, remover barras laterais, criar um modelo de largura total ou o que quiser.

Criando modelos personalizados de postagem única por categoria

Você gostaria de usar um modelo de postagem único personalizado com base em categorias? Por exemplo, você pode dar às publicações da categoria viagens um layout diferente das publicações da categoria fotografia.

Você pode fazer isso usando o SeedProd Theme Builder ou código.

Criando modelos personalizados de postagem única por categoria usando o SeedProd

Anteriormente, abordamos como personalizar o modelo de postagem única padrão do SeedProd Theme Builder. Mas não para por aí. Com o SeedProd, você pode adicionar quantos modelos de postagem personalizados desejar, como um layout diferente para cada categoria de postagem.

Para adicionar um novo modelo de postagem única, basta clicar no link 'Duplicar' abaixo do modelo de postagem original. Um novo template chamado 'Single Post – Copy' será criado e adicionado ao topo da página de templates do tema.

Você pode personalizar o novo modelo da mesma forma que personalizou o modelo de postagem única padrão anteriormente. Basta clicar no link 'Editar design' do modelo e fazer as alterações que desejar usando o editor visual do SeedProd.

Quando terminar de personalizar o modelo, você precisará adicionar algumas condições para que o SeedProd saiba quais postagens devem usar esse modelo. Nesse caso, queremos que ele seja exibido ao visualizar postagens em uma única categoria.

Você pode fazer isso clicando no link 'Editar condições' do modelo e uma nova janela aparecerá.

Aqui você pode dar um nome e prioridade ao modelo. O modelo padrão de postagem única tem prioridade 0, portanto, certifique-se de dar a este modelo uma prioridade mais alta para que ele seja exibido nas categorias correspondentes.

Em 'Condições', selecione 'Tem Categoria' no segundo menu suspenso e digite o nome da categoria no último campo. Por exemplo, se você quiser que apenas as postagens da categoria fotografia usem esse layout, digite 'fotografia'.

Quando terminar, clique no botão 'Salvar' e agora este modelo será usado para todas as postagens na categoria correspondente.

Esta é a maneira mais fácil de criar vários modelos de postagem personalizados no WordPress. Ele não requer nenhum conhecimento de código e não estraga acidentalmente nenhum arquivo de tema.

Criando modelos personalizados de postagem única por categoria usando código

Este é outro método para aqueles que se sentem à vontade para adicionar código aos seus arquivos de tema.

Primeiro, você precisa adicionar este código ao arquivo functions.php do seu tema ou a um plugin de trechos de código.

/*
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
 
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_template');
 
/**
* Single template function which will choose our template
*/
function my_single_template($single) {
global $wp_query, $post;
 
/**
* Checks for single template by category
* Check by category slug and ID
*/
foreach((array)get_the_category() as $cat) :
 
if(file_exists(SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->slug . '.php';
 
elseif(file_exists(SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php';
 
endforeach;
}

Este código primeiro verifica se o WordPress está solicitando uma única postagem. Se for, ele diz ao WordPress para procurar o modelo na pasta /single/ do seu tema WordPress.

Agora você precisa adicionar arquivos de modelo definidos por este código.

Conecte-se à sua hospedagem WordPress usando um cliente FTP ou Gerenciador de Arquivos no cPanel e vá para /wp-content/themes/your-theme-folder/ .

Dentro da sua pasta de tema atual, você precisa criar uma nova pasta chamada 'single'. Em seguida, você precisa abrir esta pasta e criar um novo arquivo dentro dela. Vá em frente e nomeie este arquivo single-cat-{category-slug} . Substitua {category-slug} pelo seu slug de categoria real.

Por exemplo, se você tiver uma categoria chamada 'News', você criará o arquivo single-cat-news.php . Se você tiver uma categoria chamada 'Dicas de Viagem', crie um modelo single-cat-travel-tips.php e assim por diante.

Agora, esses arquivos de modelo estarão totalmente vazios. Como ponto de partida, você pode copiar o conteúdo do seu arquivo single.php da pasta do seu tema e colá-lo dentro de cada um desses modelos. Depois disso, você precisará editar esses modelos para fazer as alterações desejadas.

Quando terminar, você pode acessar seu site e visualizar uma postagem. Ele usará o modelo que você criou para a categoria em que esta postagem está arquivada.

Agora vamos supor que você tenha um post arquivado em duas categorias Notícias e Dicas de Viagem. O WordPress mostrará automaticamente o modelo de 'Notícias' porque ele aparece primeiro em ordem alfabética.

Por outro lado, se você preencheu uma postagem em uma categoria e não criou um modelo para essa categoria, o WordPress retornará ao modelo padrão single.php do seu tema.

Criando modelos personalizados de postagem única para autores específicos

Vamos supor que você queira que as postagens escritas por um autor específico tenham uma aparência diferente em seu site. Você pode fazer isso usando código seguindo a mesma técnica que mostramos para categorias.

Primeiro, você precisa adicionar este código ao arquivo functions.php do seu tema ou um plugin de trechos de código.

/**
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
 
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_author_template');
 
/**
* Single template function which will choose our template
*/
function my_single_author_template($single) {
global $wp_query, $post;
 
/**
* Checks for single template by author
* Check by user nicename and ID
*/
$curauth = get_userdata($wp_query->post->post_author);
 
if(file_exists(SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php';
 
elseif(file_exists(SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->ID . '.php';
 
}

Em seguida, você deve se conectar ao seu site usando o gerenciador de arquivos FTP ou cPanel no cPanel e depois ir para /wp-content/themes/your-theme-folder/ . Se você ainda não criou uma pasta chamada /single/ dentro dela, vá em frente e crie-a agora.

Dentro desta pasta, você precisa criar um modelo usando o nome de usuário do autor no nome do modelo. Por exemplo, single-author-johnsmith.php .

Este template estará vazio, então você pode copiar e colar o conteúdo do template single.php do seu tema e usá-lo como ponto de partida.

Agora você pode visitar seu site para ver uma postagem criada por um autor específico. Ele usará o modelo que você criou.

Esperamos que este artigo tenha ajudado você a aprender como criar modelos personalizados de postagem única no WordPress. Você também pode querer aprender como rastrear os visitantes do seu site WordPress ou ver nossa lista de plugins WordPress obrigatórios para expandir seu site.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.