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

Os trechos do WordPress oferecem aos leitores uma prévia rápida de suas postagens em páginas de arquivo, resultados de pesquisa e sua página inicial.

Quando funcionam bem, ajudam as pessoas a decidir no que clicar. Quando não funcionam, podem parecer genéricos, cortados no meio da frase ou perder completamente o ponto do seu conteúdo.

Por padrão, o WordPress gera automaticamente trechos para você, mas esses resumos nem sempre são ideais. É por isso que muitos proprietários de sites optam por personalizá-los para serem mais claros, intencionais e melhor alinhados com o que os leitores realmente se importam.

Neste guia, mostraremos várias maneiras fáceis de personalizar trechos do WordPress sem tocar em nenhum código. Você aprenderá a escrever seus próprios resumos, ajustar o comprimento do trecho e controlar exatamente o que aparece em seu site.

Quando e Por Que Usar Excerptos no WordPress

Um trecho do WordPress é um breve resumo de sua postagem que aparece em sua página inicial, página de blog, arquivos e resultados de pesquisa. Ele oferece aos visitantes uma prévia do seu conteúdo para que eles possam decidir se clicam para ler mais.

Por padrão, o WordPress exibe o texto completo de cada postagem nessas páginas. Isso pode diminuir a velocidade do seu site e criar problemas de conteúdo duplicado que prejudicam seu SEO.

Mudar para trechos mantém suas páginas carregando rapidamente porque apenas um pequeno trecho de cada artigo é exibido.

Aqui estão alguns lugares onde o uso de trechos 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á usa trechos na sua página inicial e nos arquivos. Se você estiver usando um tema premium, poderá até ter opções para alternar entre posts completos e trechos nas configurações do tema.

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

Por que você pode querer personalizar seus resumos

Se o seu tema do WordPress usa trechos por padrão, o WordPress gerará um automaticamente para você. Por padrão, o WordPress pega as primeiras 55 palavras do seu post para criar o trecho. Alguns temas substituem isso com suas próprias configurações ou filtros para mostrar um comprimento diferente.

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ê deve ver o link ‘Edit Excerpt’ logo abaixo do título do post 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 de post personalizado aqui. Em nossos sites, geralmente copiamos a frase mais convincente ou duas da introdução e usamos isso como trecho. Isso ajuda a chamar a atenção e dá aos leitores uma ideia clara do que eles aprenderão.

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 do post ou na imagem destacada do post para ler seu post completo.

2. Alterando o Comprimento do Trecho

Se você quiser alterar o comprimento dos trechos em seu site, você pode usar o plugin gratuito WPCode. É a maneira mais fácil de gerenciar código personalizado no WordPress.

O WPCode vem com uma biblioteca útil de dezenas de trechos 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 Snippets de Código » Adicionar Snippet 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', 'wpb_custom_excerpt_length', 999 );

function wpb_custom_excerpt_length( $length ) {
	return 40;
}

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

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

Em nossa experiência, 25-35 palavras funcionam bem para a maioria dos temas e mantêm os trechos legíveis sem serem cortados de forma estranha.

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 snippet separado e personalizado no WPCode.

É muito fácil copiar e colar snippets de código no WordPress, e como estamos usando o WPCode, isso segue muitos dos mesmos passos acima.

Primeiro, navegue até Snippets de Código » Adicionar Snippet. Basta passar o mouse sobre ‘Adicionar Seu Código Personalizado (Novo Snippet)’ e clicar no botão ‘+ Adicionar Snippet 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', 'wpb_limit_custom_excerpt_length', 10, 2 );
function wpb_limit_custom_excerpt_length( $excerpt, $post ) {
	$excerpt_length = 40; 
	$excerpt_more   = '...ID) . '">Read More »';
	if ( has_excerpt( $post ) ) {
		$excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
	}
	return $excerpt;
}
	
	$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 snippet às suas necessidades, certifique-se de que o ‘Tipo de Código’ esteja definido como ‘Snippet 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 disso, você pode usar o snippet acima, você também pode usar a biblioteca de snippets do WPCode para alterar o texto ‘Read More’ que aparece com os trechos na maioria dos temas.

Assim que o plugin for 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 Excerptos’.

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 seus posts.

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 blocos, então você pode ir para a página Appearance » 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 Query Loop, que é a maneira padrão de exibir uma lista de posts.

Após adicionar o bloco Query Loop, 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, então você pode adicionar um trecho de post criando um tema filho e adicionando algum código.

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.

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 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(); ?>

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 deseja que a tag More vá. Selecione o bloco More na seção Layout Options 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 na versão mais recente do WordPress (6.9) e ele funcionou como esperado. Para mais informações, leia nosso guia sobre como 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.

Perguntas Frequentes Sobre Trechos do WordPress

Aqui estão algumas perguntas comuns que nossos leitores fazem sobre os excertos do WordPress.

Qual é o comprimento padrão do excerto do WordPress?

Por padrão, o WordPress gera excertos usando as primeiras 55 palavras do seu post. Alguns temas substituem essa configuração para mostrar um comprimento diferente.

Preciso de um plugin para personalizar excertos?

Não, você não precisa de um plugin. O WordPress tem um campo de excerto integrado no editor de posts que permite escrever resumos personalizados. No entanto, plugins como WPCode ou Advanced Excerpt oferecem mais controle sobre o comprimento e a formatação dos excertos.

Qual é a diferença entre um excerto e a tag Mais?

Um excerto é um resumo de texto separado que aparece nas páginas de arquivo. A tag Mais divide o conteúdo real do seu post em um ponto específico. Os excertos são apenas texto, enquanto a tag Mais preserva toda a sua formatação, como imagens, texto em negrito e links.

Por que meus excertos personalizados não estão aparecendo?

Seu tema pode não suportar excertos ou pode estar configurado para exibir posts completos em vez disso. Verifique as configurações do personalizador do seu tema ou a documentação. Você também pode usar um plugin como o Advanced Excerpt para forçar a exibição de excertos.

Posso usar formatação HTML em excertos?

Por padrão, o WordPress remove o HTML dos excertos e exibe apenas texto simples. Se você quiser manter a formatação, pode usar um plugin como o Advanced Excerpt, que tem uma opção para preservar tags HTML.

Tutorial em Vídeo

Recursos Adicionais para Personalizar o WordPress

Abaixo estão alguns recursos úteis que você pode achar interessantes 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 posts do 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.