Como Personalizar os Trechos do WordPress (Sem Necessidade de Código)

Como um profissional de marketing ou blogueiro experiente, você já sabe como as primeiras linhas de um artigo podem prender instantaneamente os leitores. Mas como garantir que seu site WordPress exiba os ganchos mais interessantes nos excertos em todo o seu site?

Os excertos do WordPress funcionam como resumos de suas postagens, aparecendo em sua página inicial, arquivos e resultados de pesquisa. Eles dão aos leitores uma ideia do que seu conteúdo trata, ajudando-os a decidir se devem clicar.

Neste guia, mostraremos como personalizar os excertos do WordPress sem escrever nenhum código. Você aprenderá como fazer seus excertos trabalharem mais para você em apenas algumas etapas.

Quando e Por Que Usar Excerptos no WordPress

Notamos que o uso de excertos pode fazer uma grande diferença no desempenho do seu site WordPress. É uma maneira simples de acelerar seu site e evitar problemas de conteúdo duplicado.

Por padrão, o WordPress exibe postagens completas em sua página inicial, página de blog e arquivos. Embora isso possa parecer conveniente, pode desacelerar seu site e criar conteúdo duplicado, o que os mecanismos de pesquisa não gostam.

Mudar para excertos significa que suas páginas carregarão mais rápido porque apenas um trecho de cada artigo é carregado. Aqui estão alguns lugares onde o uso de excertos faz sentido:

• Sua página inicial, se ela exibe postagens de blog
• Suas páginas de arquivo para categorias e tags
• Sua página de blog, especialmente se você usa uma página inicial estática

A maioria dos temas do WordPress já está configurada para usar resumos em sua página inicial e em arquivos. Se você estiver usando um tema premium, poderá até ter opções para alternar entre posts completos e resumos.

Para mais informações, confira nosso guia sobre posts completos vs. resumos. Ele explica ainda mais razões pelas quais os resumos são uma ótima escolha.

Por que você pode querer personalizar seus resumos

Se o seu tema WordPress usa resumos por padrão, o WordPress gerará automaticamente um resumo para você.

Por padrão, o WordPress usa as primeiras 55 palavras do seu post, embora muitos temas mostrem um pouco mais.

Então, qual é o problema? Você não pode simplesmente economizar tempo deixando o WordPress criar o resumo para você?

Em nossa experiência, isso não funciona bem para a maioria dos sites.

O resumo gerado automaticamente começará com qualquer texto que esteja no início do seu post. Isso pode ser bom em alguns casos, mas não funciona tão bem se você tiver algo antes de começar a introdução do seu post.

Aqui está um exemplo de um site usando o tema Ribosome:

Como você pode ver, o resumo mostra o texto desde o início do post. Isso inclui o crédito da imagem em destaque e uma nota sobre quando o post foi atualizado mais recentemente. Isso não parece muito bom.

Se o seu tema não lida bem com resumos, você pode querer personalizá-los para torná-los mais fáceis de ler e ajudá-lo a obter mais cliques para os posts.

Dito isso, vamos analisar diferentes maneiras de personalizar resumos no WordPress. Você pode usar os seguintes links para pular para o método que desejar:

1. Como adicionar um resumo personalizado no WordPress (Padrão)

Adicionar um trecho personalizado no WordPress é bem simples. Primeiro, você precisa criar uma nova postagem ou editar uma existente.

No painel ‘Post’ do lado direito do editor de conteúdo do WordPress, você deverá ver o link ‘Editar Trecho’ logo abaixo do título da postagem e da imagem destacada.

Clicar nele exibirá a caixa de trecho onde você pode escrever o resumo da sua postagem.

Você pode digitar seu trecho personalizado aqui. Nós simplesmente copiamos o primeiro parágrafo da nossa postagem.

Seu tema do WordPress agora usará o trecho personalizado para esta postagem.

Como você pode ver, o link Leia Mais não é exibido após o trecho. Dependendo do tema que você usa, trechos personalizados podem não ter este link.

O leitor ainda pode clicar no título da postagem ou na imagem destacada da postagem para ler sua postagem completa.

2. Alterando o Comprimento do Trecho

Se você deseja alterar o comprimento dos trechos em seu site, pode usar o plugin gratuito WPCode.

Na nossa opinião, o WPCode é a maneira mais fácil de gerenciar código personalizado no WordPress. Ele vem com uma biblioteca útil de dezenas de trechos de código comumente usados no WordPress que ajudam você a personalizar o WordPress sem instalar plugins adicionais.

Para mais detalhes, veja nossa análise completa do WPCode.

Nesta seção, usaremos um dos trechos de código integrados do WPCode.

Para começar, você precisa instalar e ativar o WPCode. Para mais detalhes, você pode conferir nosso guia passo a passo sobre como instalar um plugin do WordPress.

Uma vez ativado, você pode ir para Trechos de Código » Adicionar Trecho no seu painel de administração do WordPress e procurar por ‘excerpt’.

Passe o mouse sobre o resultado intitulado ‘Alterar Comprimento do Resumo’ e clique no botão ‘Usar Trecho’.

O plugin então inserirá o seguinte trecho de código para você:

add_filter(
	'excerpt_length',
	function ( $length ) {
		// Number of words to display in the excerpt.
		return 40;
	},
	500
);

Depois disso, você verá a tela ‘Editar Trecho’. O WPCode já pré-configurou todas as configurações para você.

Por padrão, este trecho limitará o resumo a 40 palavras. Você pode ajustar o número na Linha 5 para o que funcionar melhor para o seu blog WordPress.

Assim que você definir o comprimento do resumo que deseja, basta alternar o interruptor para ‘Ativo’ e clicar no botão ‘Atualizar’.

Agora, quando você visitar seu site, os resumos encurtados estarão onde quer que seu tema os exiba.

Abaixo está um exemplo de como ficaria usando o tema Twenty Twenty-Two e definindo o trecho do WPCode para exibir 5 palavras.

Observe que o trecho do WPCode só funciona com os resumos padrão que o WordPress gera.

Alterando o Comprimento de Resumos Personalizados

Se você quiser alterar o comprimento de trechos personalizados, precisará adicionar um trecho personalizado separado no WPCode. É muito fácil copiar e colar trechos de código no WordPress, e como estamos usando o WPCode, fazer isso segue muitos dos mesmos passos acima.

Primeiro, navegue até Trechos de Código » Adicionar Trecho. Basta passar o mouse sobre ‘Adicionar Seu Código Personalizado (Novo Trecho)’ e clicar no botão ‘+ Adicionar Trecho Personalizado’.

Em seguida, você verá a página ‘Criar Trecho Personalizado’.

Agora você precisará dar um título ao seu novo trecho e, em seguida, colar o seguinte código no campo ‘Pré-visualização do Código’:

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
	
	$excerpt_length = 40; // Change excerpt length 
	$excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
	
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
	
    return $excerpt;
	
}, 10, 2 );

Você pode alterar o valor de $excerpt_length na Linha 3 para escolher quantas palavras seu trecho personalizado terá.

Além disso, editar o texto destacado abaixo na Linha 4 alterará o texto âncora para o link Leia Mais quando o trecho for cortado.

Quando você personalizou o trecho de acordo com suas necessidades, certifique-se de que o ‘Tipo de Código’ esteja definido como ‘Trecho PHP’.

Em seguida, você pode ativar o interruptor para ‘Ativo’ e clicar no botão ‘Salvar Snippet’.

Agora, ao visitar seu site, você verá que seus trechos personalizados são encurtados para o comprimento que você escolheu na Linha 3.

3. Alterando o Texto ‘Leia Mais’ para Trechos

Além do snippet acima, você também pode usar a biblioteca de snippets do WPCode para alterar o texto ‘Leia Mais’ que aparece com os trechos na maioria dos temas.

Basta instalar e ativar o plugin gratuito WPCode. Para mais informações, você pode seguir nosso guia passo a passo sobre como instalar um plugin do WordPress.

Uma vez ativado, você pode ir para Snippets de Código » Adicionar Snippet em seu painel de administração. A partir daí, basta procurar por ‘excerpt’ e passar o mouse sobre o resultado intitulado ‘Alterar Texto Leia Mais para Trechos’.

Você pode clicar no botão ‘Usar Snippet’ para ir para a página ‘Editar Snippet’. O WPCode já pré-configurou o snippet de código para você e, por padrão, está definido para dizer ‘Leia o post completo’.

No entanto, você pode substituir o texto na Linha 4 por qualquer coisa que desejar.

Sempre que estiver satisfeito com seu novo texto, basta ativar o interruptor para ‘Ativo’ e clicar no botão ‘Atualizar’.

4. Exibindo Trechos em Seu Tema

A maioria dos temas populares do WordPress vêm com suporte integrado para exibir trechos personalizados em suas postagens.

No entanto, alguns temas podem não ter suporte a trechos. Se for o caso do seu, você precisará modificar manualmente os modelos do seu tema.

Adicionando Resumo de Post em Temas de Bloco

Se você estiver usando um tema de bloco, você pode ir para a página Aparência » Editor para editar seu tema no Editor de Site.

Isso abrirá o editor de site. Clique no modelo que você deseja editar na barra lateral esquerda ou simplesmente aponte para a área onde seus posts são exibidos.

O editor de site completo pode exibir seus posts mais recentes usando o bloco Loop de Consulta, que é a maneira padrão de exibir uma lista de posts.

Após adicionar o bloco Loop de Consulta, você precisa clicar no botão 'Escolher' para selecionar um padrão.

O WordPress inclui vários layouts como padrões para o Loop de Consulta, você pode escolher entre grade, tabela, lista e mais.

O modelo de post gerado agora exibirá automaticamente o resumo do seu post.

No entanto, a única coisa que você pode mudar aqui é o texto 'leia mais'.

Adicionando Resumo de Post em Temas Clássicos

Se você estiver usando um tema clássico, você pode adicionar um resumo de post criando um tema filho e adicionando algum código.

Isso adiciona alguma complexidade ao processo e, se você não se sentir confortável com isso, pode usar o método 3 deste artigo, que não exige que você adicione nenhum código.

Em seu tema filho, você precisará do template usado para exibir as páginas que deseja modificar. Veja nosso guia sobre a hierarquia de templates do WordPress para descobrir qual template você precisa editar.

Os nomes dos arquivos serão ligeiramente diferentes dependendo do seu tema, mas você provavelmente estará procurando por home.php, content.php, archive.php e category.php.

Em cada um desses arquivos, você precisará encontrar esta linha:

<?php the_content(); ?>

Em seguida, você precisará substituí-la pela tag the_excerpt, assim:

<?php the_excerpt(); ?>

Importante: Não recomendamos este método para iniciantes. Mesmo que você tenha bastante experiência com o WordPress, talvez queira evitar a criação de um tema filho e a edição dos seus arquivos de template.

Os dois próximos métodos são ótimas alternativas.

5. Exibindo o Início de Seus Posts Com a Tag More

Outra maneira de criar uma versão curta do seu post para a página inicial e as páginas de arquivo do WordPress é usando a tag ‘More’.

Isso funciona de forma um pouco diferente de um trecho. Em vez de criar um trecho de texto do seu post, a tag More permite que você divida seu post em um determinado ponto.

Isso significa que apenas a primeira parte do seu post (até a tag) será exibida na lista de posts na sua página inicial, página de categorias e assim por diante. O benefício da tag More é que ela mantém toda a sua formatação.

No ponto em que você coloca a tag More, o WordPress exibirá um link ‘Leia Mais’. Os leitores podem clicar nele para ir para o post inteiro. Eles serão automaticamente direcionados para o ponto certo no post também.

Para criar uma tag More, crie um novo post ou edite um existente.

Em seguida, você precisa adicionar um bloco onde você deseja que a tag More vá. Selecione o bloco More na seção Opções de Layout ou procure por ele usando a barra de pesquisa.

É assim que a tag More aparecerá dentro do editor de conteúdo.

Opcionalmente, você pode escolher ocultar o conteúdo antes da tag More no post real.

Observação: Você também pode adicionar uma tag More no editor clássico antigo. Clique onde você deseja colocar a tag no seu post, em seguida, clique no botão More na barra de ferramentas visual.

Praticamente todos os temas poderão usar a tag More em qualquer lugar onde os posts são exibidos. Observe que, se o seu tema exibir trechos, você precisará personalizar o trecho em si. Você não pode alterá-lo adicionando uma tag More aos posts.

6. Adicionando Trechos Personalizados do WordPress Usando um Plugin

E se a funcionalidade de trechos personalizados integrada do WordPress não fizer o que você quer... e você também não quiser usar uma tag More?

Existe uma solução fácil. Você pode usar um plugin para criar e exibir trechos personalizados.

Primeiro, você precisa instalar e ativar o plugin Advanced Excerpt.

Observação: A página do plugin pode exibir um aviso sobre não ter sido testado com versões mais recentes. No entanto, testamos o plugin e ele funcionou como esperado. Para mais informações, leia nosso artigo explicativo sobre instalar plugins não testados do WordPress.

Se você nunca instalou um plugin antes, confira nossas instruções passo a passo sobre como instalar um plugin do WordPress.

Depois de ativá-lo, você pode ir para Configurações » Resumo para configurar como ele funciona.

Aqui, você pode alterar coisas como quantos caracteres ou palavras o resumo exibirá. Você também pode decidir se o resumo pode ser cortado no meio de uma palavra ou frase.

Você também pode restaurar o link 'Leia mais' que normalmente desaparece do resumo personalizado. Você pode até mesmo alterá-lo para qualquer texto que desejar e mudar como ele funciona:

Dica: Para usar resumos personalizados com este plugin, desmarque a caixa 'Gerar resumos mesmo que uma postagem tenha um resumo personalizado anexado'.

Parece com isto.

Após fazer alterações nas configurações do Advanced Excerpt, certifique-se de clicar no botão 'Salvar' na parte inferior da tela.

Com o plugin Advanced Excerpt, seus resumos preservarão a formatação da sua postagem. Aqui está um resumo gerado automaticamente com o plugin ativado.

Como você pode ver, a quebra de linha e o texto em itálico foram mantidos.

Por padrão, o plugin Advanced Excerpt usará resumos em sua página inicial, feed RSS e outras páginas de arquivo.

Isso não faz nenhuma alteração no seu conteúdo e, se você quiser desativá-lo, basta desativar o plugin.

Tutorial em Vídeo

Recursos Adicionais

A seguir estão alguns recursos úteis que você pode achar úteis na personalização do WordPress para um melhor engajamento do usuário.

• Como Adicionar Palavras-chave e Meta Descrições no WordPress
• Melhores Práticas de Call to Action (CTA) para Conversões Garantidas em Landing Pages
• Como Adicionar Metadados Open Graph do Facebook em Temas do WordPress
• Como Adicionar Campos Meta Personalizados a Taxonomias Personalizadas no WordPress

Esperamos que este artigo tenha ajudado você a personalizar facilmente os trechos do WordPress sem nenhum código. Você também pode gostar da nossa lista de plugins que todo site de negócios deve ter ou do nosso guia sobre como exibir metadados de postagens de blog em temas do 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.