Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como personalizar trechos de postagens no WordPress (sem código)

Como personalizar trechos de postagens no WordPress (sem código) 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: John Turner
imagem do revisor John Turner
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja personalizar o trecho de sua postagem no WordPress?

Um trecho é uma pequena prévia das publicações completas que você pode exibir na página do blog, em áreas de widgets e em outras páginas do site WordPress.

Neste artigo, mostraremos como personalizar os trechos de postagens do WordPress sem escrever uma única linha de código.

Quando usar trechos de postagens no WordPress

Primeiro, vamos falar sobre por que é uma boa ideia personalizar trechos em seu site WordPress.

O WordPress exibirá o conteúdo completo do post na página inicial, na página do blog e nos arquivos quando você publicar um post de blog. Infelizmente, isso pode tornar seu site mais lento e afetar as classificações do mecanismo de pesquisa, pois o mesmo conteúdo estará em várias páginas.

Entretanto, se você usar trechos, ele não exibirá artigos completos. Em vez disso, suas páginas da Web mostrarão uma caixa de extrato com um pequeno trecho do conteúdo da postagem, evitando conteúdo duplicado e problemas de velocidade da página.

Alguns dos melhores lugares para usar trechos incluem:

  • Sua página inicial, se ela exibir postagens
  • Páginas de arquivo para tags e categorias
  • Sua página de blog, se você tiver uma página inicial estática

Se estiver usando um tema moderno do WordPress, é possível que ele ofereça suporte a trechos e os tenha incorporados em suas configurações. Muitos temas também permitem que você personalize a funcionalidade de trechos, permitindo que você escolha onde exibir trechos em vez de postagens completas.

Por que personalizar trechos de postagens no WordPress?

Alguns temas do WordPress geram um trecho para as publicações automaticamente. Por padrão, o WordPress usa as 55 palavras iniciais de sua publicação para o snippet, embora outros temas possam mostrar mais.

No entanto, isso pode ser um problema se você tiver conteúdo antes da introdução do post.

Como o trecho gerado automaticamente começa com qualquer texto no início da publicação, ele pode incluir conteúdo desnecessário, como meta descrições, créditos de imagem e muito mais.

Aqui está um exemplo do que queremos dizer:

Um trecho de postagem mostrado no tema Ribosome

Como você pode ver, os detalhes extras do início da postagem não têm aparência profissional e podem confundir os visitantes do seu site.

Se o seu tema atual do WordPress não lida bem com trechos, talvez você queira personalizá-los. Dessa forma, eles serão mais fáceis de ler e gerarão mais cliques nas postagens.

Agora que você sabe o que são trechos, vamos examinar os diferentes métodos para personalizá-los em seu site.

Como personalizar o trecho de postagem do WordPress

Nas etapas a seguir, compartilharemos três maneiras de personalizar os trechos de postagens do WordPress.

O primeiro método mostrará como criar um tema personalizado do WordPress (sem código) e usar configurações fáceis de apontar e clicar para adicionar trechos personalizados. O segundo método mostrará como usar o editor padrão do WordPress para personalizar trechos de postagens.

Em seguida, o método final mostra como editar os arquivos do tema para exibir trechos de posts personalizados manualmente.

Clique nos links abaixo para acessar o método mais adequado às suas necessidades.

1. Adicione trechos de posts personalizados do WordPress ao seu tema

Se o seu tema atual do WordPress não incluir a funcionalidade de personalização de trechos de postagens do WordPress, talvez você não saiba o que fazer em seguida. Você deve alterar seu tema do WordPress ou codificar manualmente os trechos nos arquivos do tema?

Felizmente, há uma terceira opção. Você pode criar um tema WordPress personalizado com o SeedProd e personalizar trechos com apenas alguns cliques.

Construtor de sites WordPress SeedProd

O SeedProd é o melhor construtor de sites do WordPress. Com esse poderoso plugin, você pode criar temas do WordPress do zero e adicionar recursos personalizados para o site da sua empresa, inclusive:

E o mais importante é que o SeedProd não requer nenhum conhecimento técnico, de código ou de design. Ele gerará automaticamente todos os arquivos de modelo de tema, permitindo que você personalize o tema do WordPress com o construtor de páginas do tipo arrastar e soltar.

Clique aqui para começar a usar o SeedProd e, em seguida, siga este guia passo a passo para criar um tema personalizado do WordPress. Depois, você pode seguir estas instruções para adicionar trechos de postagens personalizáveis ao seu novo tema.

Editar o modelo de página do blog

Depois de criar seu tema do WordPress com o SeedProd, acesse a tela SeedProd " Theme Builder no seu administrador do WordPress. Nessa página, você verá uma lista dos modelos que compõem seu novo tema.

Editar o arquivo de tema da página do blog com o SeedProd

Você pode personalizar cada modelo visualmente com o editor visual do SeedProd.

Em seguida, percorra a lista até ver o arquivo de modelo Blog, Index, Archives e Search e clique no link Edit Design.

Personalizar o trecho de postagem do WordPress

Agora, o modelo será aberto no construtor de páginas ao vivo, onde você poderá apontar e clicar para personalizar sua aparência e funcionalidade.

Modelo de página de blog no construtor de arrastar e soltar do SeedProd

O layout desse modelo depende das configurações que você escolher ao selecionar o kit do site. Por padrão, seu modelo de página de blog mostrará os seguintes elementos:

  • Título
  • Título do arquivo
  • Publicações

Para personalizar os trechos de suas postagens, clique no bloco Posts em sua visualização ao vivo. Depois de fazer isso, você verá as configurações do bloco no lado esquerdo da tela.

Configurações do bloco de postagens do SeedProd

Nesse painel, você pode escolher o que mostrar aos usuários quando eles visitarem a página do seu blog. Por exemplo, você pode listar publicações de blog por tipo de consulta, alterar o layout da coluna, exibir paginação, mostrar a imagem em destaque e ajustar a tag de título.

Você também pode mostrar ou ocultar o trecho da postagem no mesmo painel, ativando ou desativando o botão Show Excerpt (Mostrar trecho ).

Ative a opção Show Excerpt (Mostrar trecho) no bloco de postagens do SeedProd

Depois de colocar o botão de alternância na posição "On", você pode alterar o tamanho do trecho inserindo uma contagem de caracteres personalizada. Você também pode ativar um link Read More e personalizar seu texto.

Personalizar o texto do link "leia mais" do trecho

Quando estiver satisfeito com o trecho do post personalizado, clique no botão Save (Salvar ) no canto superior direito da tela.

Lembre-se: Para exibir suas alterações no front-end do seu site, é necessário ativar o tema do SeedProd. Para fazer isso, acesse SeedProd " Theme Builder e coloque a opção "Enable SeedProd Theme" na posição "On".

Habilite seu tema SeedProd

Agora, você pode ver os trechos de posts personalizados do WordPress em seu site.

Exemplo de trecho de postagem no WordPress

2. Adicionar trechos personalizados no editor do WordPress (padrão)

Se não quiser alterar o tema do WordPress, você pode usar o editor de blocos padrão do WordPress para adicionar trechos de posts personalizados.

Primeiro, edite uma postagem existente no WordPress ou crie uma nova.

Dentro do editor de conteúdo do WordPress, você deverá ver o menu suspenso "Excerto" no painel à direita. Clique na seta para baixo para expandir a caixa de trecho personalizado.

Painel de excerto de postagem do WordPress

Agora, você pode digitar o trecho de sua postagem personalizada na caixa. Por exemplo, você pode copiar o primeiro parágrafo de sua postagem e colá-lo.

Caixa de trecho de postagem personalizada do WordPress

Clique no botão Publish (Publicar ) ou Update (Atualizar ) para salvar as alterações e, em seguida, você poderá ver o trecho quando visualizar o site.

Exemplo de trecho de postagem no WordPress

Dica profissional: Se você for o editor clássico, clique na guia Screen Options (Opções de tela ) no canto superior direito. Em seguida, marque a caixa "Excerto". Depois disso, você verá uma seção para o trecho abaixo da área onde você escreve a postagem.

3. Personalizar trechos de temas do WordPress manualmente com código

Conforme mencionado anteriormente, a maioria dos temas modernos tem suporte integrado para trechos de postagens personalizadas, mas alguns podem não ter. Se esse for o caso do seu tema atual, você terá de modificar os arquivos do tema manualmente, criando um tema filho e adicionando código.

Se você não se sentir à vontade para editar os arquivos do tema, poderá usar o método 1 desta publicação, que não requer código.

Primeiro, você precisará encontrar o arquivo de modelo que seu tema filho usa para exibir posts. Consulte este guia sobre a hierarquia de modelos do WordPress para saber de qual arquivo você precisa.

Os nomes dos arquivos podem ser diferentes dependendo do seu tema. No entanto, é mais provável que você esteja procurando os arquivos home.php, content.php, archive.php e category.php.

Dentro de cada arquivo, você precisará encontrar essa linha:

<?php the_content(); ?>

Em seguida, substitua-o pela tag the_excerpt desta forma:

<?php the_excerpt(); ?>

Lembre-se de atualizar seus arquivos para salvar as alterações antes de visualizar os trechos em seu site. Se estiver tendo problemas com erros, siga estas etapas para corrigir os trechos do WordPress que não são exibidos.

É isso aí!

Perguntas frequentes sobre trechos de postagens no WordPress

O que é um trecho em uma postagem do WordPress?

No WordPress, um trecho é um breve resumo da publicação completa do blog, normalmente exibido em páginas de arquivo ou resultados de pesquisa. Ele funciona como um teaser para motivar os leitores a clicar e visualizar o artigo inteiro.

Onde encontrar trechos de postagens no WordPress?

Há dois lugares para encontrar trechos de postagens no WordPress:

  1. Tela de edição: Ao editar uma postagem, procure a caixa "Excerto" no lado direito do editor. Aqui, você pode escrever um resumo personalizado para essa postagem específica.
  2. Configurações do tema: Seu tema pode ter opções para controlar como os trechos são exibidos. Essas configurações geralmente estão nas opções "Tema" ou "Blog" em seu painel.

Como faço para desativar o trecho da postagem no WordPress?

Há duas maneiras de desativar os trechos de postagens no WordPress:

  1. Deixar o campo de trecho em branco: Ao editar uma postagem, basta deixar a caixa "Excerpt" vazia. Isso impedirá a exibição de qualquer trecho, mesmo que seu tema tenha uma configuração padrão.
  2. Use CSS (para páginas específicas): Se quiser ocultar trechos somente em páginas específicas (como postagens únicas), você poderá adicionar código CSS ao tema para ocultar o elemento que contém o trecho. Isso requer alguma familiaridade com CSS.

Próximas etapas

Neste guia, você aprendeu a personalizar os trechos de postagens do WordPress. Aqui estão mais alguns tutoriais que também podem ser úteis:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.