Como Adicionar Subtítulo para Posts e Páginas no WordPress (Passo a Passo)

Legendas são aquele pequeno texto que aparece logo após o seu título principal. Após anos de blogging, descobrimos que este é um elemento útil para incentivar os usuários a se aprofundarem em nosso conteúdo.

Uma legenda bem elaborada pode fornecer o contexto extra ou o intriga que transforma um navegador casual em um leitor engajado. Infelizmente, o WordPress não tem um bloco de legendas padrão (mesmo que achamos que deveria).

Felizmente, encontramos uma maneira fácil de adicionar legendas às suas postagens e páginas do WordPress, e vamos mostrar como neste guia.

Como adicionar legendas para posts e páginas no WordPress (passo a passo)

Por que Adicionar Legendas a Postagens e Páginas no WordPress?

Legendas, ou títulos secundários, permitem que você mostre mais informações sobre suas postagens de blog, o que incentiva os visitantes a lerem mais.

Muitos blogs populares usam legendas dessa forma, incluindo Medium, Buzzfeed, Mashable, Brain Pickings e outros.

Exemplo de legenda de post

Legendas dão a você a chance de explicar seu título e dizer aos leitores o que eles obterão ao ler sua postagem de blog do WordPress.

Elas também incentivarão os visitantes a permanecerem em seu site por mais tempo e lerem mais conteúdo, o que pode aumentar pageviews e reduzir a taxa de rejeição. Isso envia sinais positivos para os motores de busca, então pode até melhorar seu SEO do WordPress.

Dito isso, vamos mostrar como adicionar facilmente legendas às suas postagens e páginas do WordPress.

Como Adicionar Legendas a Postagens e Páginas do WordPress

A maneira mais fácil de adicionar legendas ao seu site WordPress é usando Secondary Titles.

Este plugin permite que você adicione facilmente legendas às suas postagens e páginas e, em seguida, personalize a aparência dessas legendas.

Exemplo final de legenda de post

A primeira coisa que você precisa fazer é instalar e ativar o plugin Secondary Titles. Para mais detalhes, veja nosso guia para iniciantes sobre como instalar um plugin WordPress.

Após a ativação, vá para Configurações » Título Secundário, onde você pode configurar as opções do plugin.

As configurações de legenda do WordPress

O Título Secundário pode mostrar automaticamente a legenda de cada página ou postagem, mesclando-a com o título padrão. Outra opção é mostrar a legenda apenas para páginas e postagens específicas.

Como é a opção mais fácil, vamos começar mostrando automaticamente uma legenda para todas as páginas e postagens. Na seção 'Mostrar automaticamente', basta selecionar 'Ativado'.

Depois disso, você pode alterar a aparência da legenda. Por padrão, o Título Secundário mostrará o título principal e a legenda separados por dois pontos, assim:

O Título Secundário:O Título da Postagem 

Para alterar isso, basta editar o HTML na caixa 'Formato do título'.

Por exemplo, você pode tornar a legenda menor. Neste caso, você pode usar tags de cabeçalho H1 para o título e uma tag de cabeçalho inferior como H2 ou H3 para a legenda.

Você também pode alterar a cor, remover ou substituir os dois pontos por qualquer outro símbolo que desejar usar.

A 'Visualização' será atualizada automaticamente conforme você faz alterações, assim você pode experimentar diferentes configurações para ver o que fica melhor em seu blog WordPress.

Configurando o formato do título no plugin Título Secundário

Depois disso, você pode controlar onde as legendas aparecem na seção 'Regras de Exibição'.

Primeiro, selecionaremos 'Ativado' na seção 'Mostrar apenas na postagem principal', pois isso significa que as legendas só aparecerão se estiverem no feed principal do blog.

Mostrar apenas no post principal em

Na seção 'Tipos de postagem', você pode escolher os tipos de postagem onde deseja exibir legendas.

Para exibir legendas em postagens e páginas, basta marcar ambas as caixas.

Selecione os tipos de post para exibir legendas

Em seguida, você pode escolher as categorias de postagem onde deseja permitir legendas.

Na seção 'Categorias', basta marcar ou desmarcar as diferentes categorias de postagem.

Marque as caixas para exibição de categoria de post

Você deseja exibir legendas apenas para postagens específicas?

Em seguida, basta digitar os IDs deles na caixa ‘Post ID’. Para instruções passo a passo sobre como encontrar essas informações, consulte nosso guia sobre como encontrar IDs no WordPress.

Insira IDs exclusivos para post ou página

Na caixa final ‘Configurações Diversas’, você pode permitir que os visitantes pesquisem posts usando seus subtítulos selecionando o botão de rádio ‘Ativado’.

Dependendo do seu site, esta pode ser uma boa maneira de melhorar a pesquisa do WordPress.

Tornando suas legendas do WordPress pesquisáveis

Finalmente, você pode alterar se o subtítulo aparece à esquerda ou à direita do título principal usando as configurações de ‘Posição da coluna’.

Quando estiver satisfeito com a configuração do subtítulo, basta clicar no botão ‘Salvar alterações’.

Caixa de configurações diversas e salve as alterações

Com isso feito, você está pronto para criar seu primeiro subtítulo abrindo um post ou página.

Aqui, basta digitar seu subtítulo na caixa ‘Título Secundário’ no menu do lado direito. Em seguida, clique em ‘Atualizar’ ou ‘Publicar’ para tornar suas alterações visíveis.

Adicionar legenda e salvar post

Agora, os visitantes verão o subtítulo ao visualizar seu post.

Exibindo Subtítulos Manualmente em Posts e Páginas do WordPress

Você também pode adicionar subtítulos aos seus posts e páginas manualmente. Isso lhe dá mais controle sobre onde seus subtítulos aparecem em posts e páginas individuais.

Para fazer isso, basta ir para Configurações » Título Secundário. Em seguida, selecione a opção ‘Desativado’ na seção ‘Mostrar automaticamente’.

Desativar exibição automática de legendas

Uma maneira de fazer isso é usando shortcodes para exibir o título secundário. Isso permitirá que você exiba títulos secundários apenas em páginas e posts específicos.

Este é o shortcode que o plugin forneceu:

[secondary_title]

Para mais informações sobre shortcodes, confira nosso guia sobre como adicionar shortcodes no WordPress.

Você também pode exibir manualmente títulos secundários em seu tema WordPress adicionando código aos arquivos de modelo do seu tema.

Se você quiser fazer isso, recomendamos usar o WPCode. Este plugin de snippets de código torna seguro e fácil adicionar código aos arquivos do seu site sem modificá-los diretamente.

Primeiro, você precisa instalar o plugin em seu site WordPress. Em seguida, vá para Snippets de Código » + Adicionar Snippet.

Nesta página, selecione ‘Adicionar Seu Código Personalizado (Novo Snippet)’ e clique no botão ‘Usar snippet’.

Adicionar um novo snippet personalizado no WPCode

Depois disso, o plugin recomenda adicionar o seguinte snippet de código de tag de modelo:

echo get_secondary_title();

Quando testamos o código, o título secundário não parecia alinhado com o conteúdo da postagem. Portanto, recomendamos adicionar as tags div ao código.

É assim que deve ficar:

echo '<div>';
echo get_secondary_title();
echo '</div>';

Se você ainda não adicionou código antes, consulte nosso guia para iniciantes sobre como colar snippets da web no WordPress.

Depois de fazer isso, você pode nomear seu snippet de código. Pode ser algo como ‘Snippet de Título Secundário’.

Além disso, altere o Tipo de Código para ‘Snippet PHP’ para que o código funcione corretamente.

Inserindo o código de eco do título secundário no WPCode

Depois disso, certifique-se de rolar para baixo e deixar o Método de Inserção como ‘Inserção Automática’.

Quanto à Localização, você pode mudar para a aba ‘Específico da Página’ e clicar na localização desejada. Escolhemos ‘Inserir Antes do Conteúdo’ para que o título secundário apareça após o título e antes do primeiro parágrafo da postagem.

Você também pode consultar nossa tabela de referência da hierarquia de modelos do WordPress para decidir o melhor local para exibir o título secundário.

Escolhendo a localização Inserir Antes do Conteúdo no WPCode

O legal do WPCode é que ele tem um recurso de lógica condicional. Isso permite que você crie regras para exibir as legendas que são mais detalhadas do que o plugin Título Secundário.

Para fazer isso, basta rolar para baixo até o recurso ‘Lógica Condicional Inteligente’. Em seguida, ative o botão ‘Ativar Lógica’.

Você pode então criar regras para mostrar ou ocultar a legenda. Essas regras podem ser baseadas em várias condições, como o tipo de visitante que está visualizando a página, o tipo da própria página, slugs de URL específicos e muito mais.

Recurso de lógica condicional do WPCode

Quando terminar, basta ativar o código e clicar em ‘Salvar Snippet’ no topo. É isso!

Para mais dicas e truques para gerenciar suas postagens e páginas do WordPress, confira estes guias abaixo:

Esperamos que este artigo tenha ajudado você a aprender como adicionar legendas às suas postagens e páginas no WordPress. Você também pode querer ver nossas seleções de especialistas dos melhores plugins de posts relacionados para WordPress e nosso guia sobre como redirecionar usuários para uma postagem aleatória no WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

21 CommentsLeave a Reply

  1. Tentei isso com o Code Snippet e, ao tentar ativá-lo, aparece:

    “Call to undefined fuction get_secondary_title()”

    não tenho certeza de como consertar isso… ajuda por favor

    • Por favor, certifique-se de que o plugin está instalado e ativado, pois é necessário para essa função, sendo essa a causa mais provável.

      Admin

  2. Tenho procurado maneiras de aumentar o engajamento do usuário e legendas parecem ser a resposta.
    Para ser honesto, pensei que esse recurso estivesse disponível apenas para certos temas. Eu não sabia que um plugin poderia fazer isso.
    MUUITO OBRIGADO WPBeginner por isso!

  3. Olá wpbeginner, quero usar o slug/postname das minhas postagens como subtítulo. Tentei alguns códigos curtos, mas sem sucesso. você pode ajudar? Obrigado.

    • At the moment the plugin does not have an option to use the post slug specifically, if you reach out to the plugin’s support they can help with setting that up in a way that you can use :)

      Admin

  4. O plugin com o Elementor não funciona bem. Ao usar uma grade de posts, o segundo título aparece estragando todo o design. Ainda não consegui removê-lo de lá. É uma pena porque o plugin é muito bom.

    • Obrigado por compartilhar, para plugins que interagem com outros plugins, recomendamos entrar em contato com os autores para ver se há possibilidade de eles trabalharem juntos no futuro.

      Admin

  5. E se eu quiser que o título secundário apareça em todos os lugares, exceto no topo de uma página de blog individual?
    Obrigado

    • Se estivermos entendendo o que você quer corretamente, então você pode usar blocos de cabeçalho para adicionar sua legenda no próprio artigo.

      Admin

    • Você pode inserir CSS inline no campo de formato do título.
      Se você estiver usando o método manual, pode adicionar um estilo ou classe personalizado como

  6. Alguma forma de fazer isso manualmente? Posso usar uma metabox personalizada para isso, mas quero que seja como este plugin, ao lado do título. Não no final do editor com outras metaboxes

  7. Parece que o subtítulo é inserido na tag onde o título principal existe.

    Isso significa que a estilização só pode ser feita com tags span e estilos inline. Isso causa problemas com coisas como barras laterais que listam posts recentes.

    Por exemplo, eu queria o subtítulo menor e abaixo do título principal, mas font-size: 20px significava que ele também aparecia nesse tamanho na barra lateral.

    Mais alguém já passou por isso ou sabe de uma solução?

  8. Você tem que pagar para se juntar ao “Wpbegginer”? Vejo suas referências para hospedagem dizendo, “usuários do wpbegginer ganham tal e tal de desconto”

  9. Secondary Title é um ótimo plugin! E seu artigo foi especialmente útil em relação a fazer o título secundário aparecer abaixo do título principal. Muito obrigado.

  10. Se tivermos este plugin ativado, mas não precisarmos de um título secundário, podemos simplesmente deixar a linha do título secundário em branco? Ficará diferente do título básico e post sem o plugin?

Deixar uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.