Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar trechos às suas páginas no WordPress (passo a passo)

A inclusão de resumos concisos da sua página pode melhorar significativamente a experiência do usuário e a visibilidade do mecanismo de pesquisa.

Os trechos são pequenos extratos de seu conteúdo que funcionam como uma descrição, um resumo ou pequenos detalhes sobre uma postagem ou página. Por padrão, os trechos estão disponíveis apenas para publicações no WordPress.

Na WPBeginner, escrevemos centenas de tutoriais ao longo dos anos e entendemos que alguns usuários também podem querer mostrar trechos de páginas em seus sites para aumentar o desempenho do site.

Neste artigo, mostraremos como adicionar facilmente trechos às suas páginas no WordPress, passo a passo.

Add Excerpts to Your Pages in WordPress

Por que adicionar trechos às páginas no WordPress?

O WordPress vem com posts e páginas como dois tipos de conteúdo padrão. As postagens são exibidas em ordem cronológica inversa (da mais recente para a mais antiga) em seu blog ou página inicial.

As páginas, por outro lado, são conteúdos independentes que não são publicados em uma ordem específica de tempo. Normalmente, elas são usadas para conteúdo único, como a página sobre nós ou a página de contato.

Às vezes, você pode precisar exibir trechos de suas páginas. Por exemplo, isso pode ser útil se você tiver criado um site WordPress usando apenas páginas.

Os trechos podem proporcionar uma melhor experiência geral para o usuário, facilitando a navegação dos visitantes pelo conteúdo e a visualização de um resumo das páginas.

Dito isso, vamos dar uma olhada em como adicionar trechos às suas páginas no WordPress e exibi-los no seu site. Você pode usar os links rápidos abaixo para alternar entre os diferentes métodos:

Como adicionar trechos a páginas no WordPress

Você pode ativar os trechos de página no WordPress adicionando um código personalizado ao arquivo functions.php do seu tema.

No entanto, o menor erro ao digitar o código pode danificar seu site. Além disso, se você mudar para um tema diferente ou atualizá-lo, terá que adicionar o código novamente.

É aí que entra o WPCode. Ele é o melhor plug-in de snippets de código para WordPress do mercado e torna seguro e fácil adicionar códigos personalizados ao seu site.

Primeiro, você deve instalar e ativar o plug-in WPCode. Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: o WPCode tem um plano gratuito que você pode usar para este tutorial. No entanto, a atualização para a versão profissional lhe dará acesso a uma biblioteca em nuvem de trechos de código, lógica condicional inteligente e a opção de bloco personalizado.

Após a ativação, visite a página Code Snippets ” + Add Snippet no painel do WordPress. Aqui, clique no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.

Add new snippet

Isso o levará à página “Criar snippet personalizado”, onde você poderá começar adicionando um nome para o snippet. Esse nome é apenas para sua identificação e não será exibido no front-end do seu site.

Em seguida, selecione a opção “PHP Snippet” no menu suspenso à direita.

Choose the PHP Snippet option for the page excerpts code

Agora, você deve adicionar o seguinte código personalizado na caixa “Code Preview” (Visualização de código):

add_post_type_support( 'page', 'excerpt' );

Depois de fazer isso, role para baixo até a seção “Insertion” (Inserção) e escolha o modo “Auto Insert” (Inserção automática).

O código personalizado será executado automaticamente em seu site assim que você ativar o snippet.

Choose insertion method

Depois disso, role de volta para a parte superior da página e alterne o botão “Inativo” para “Ativo”.

Por fim, clique no botão “Save Snippet” para armazenar suas configurações.

Click the Save Snippet button for the page excerpts code

Agora, abra a página em que você deseja adicionar um trecho no editor de blocos do WordPress.

Depois de fazer isso, você notará uma guia “Excerto” no painel de blocos no lado direito da tela.

Aqui, você pode expandir facilmente a guia e adicionar um trecho à sua página do WordPress.

Add page excerpts in the Excerpts tab in the block panel

Depois de fazer isso, não se esqueça de clicar no botão “Update” (Atualizar) ou “Publish” (Publicar) para armazenar suas alterações.

Agora, basta repetir o processo para todas as páginas do WordPress em que você deseja adicionar trechos.

Como exibir trechos de páginas no WordPress

Agora que você adicionou a funcionalidade de trecho às suas páginas, é hora de exibir esses trechos em seu site do WordPress.

Para fazer isso, você precisará adicionar um shortcode à sua área de widgets ou página.

Primeiro, você deve instalar e ativar o plug-in Display Posts. Para obter mais detalhes, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Esse plug-in ativará um shortcode que exibe 10 páginas recentes com seu título, trecho e um link para continuar lendo.

Se você não inserir um trecho personalizado para uma página, o plug-in gerará automaticamente um trecho com um tamanho padrão de 55 palavras.

Método 1: Exibir trechos de página em uma página do WordPress

Após a ativação, você deve criar uma nova página na qual deseja exibir uma lista de suas páginas e seus trechos.

Quando estiver lá, clique no botão add block ‘+’ para abrir o menu de blocos e adicionar o bloco Shortcode. Em seguida, cole o seguinte shortcode no próprio bloco:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add the page excerpt shortcode in the block editor

Por fim, clique no botão “Update” (Atualizar) ou “Publish” (Publicar) para armazenar suas configurações.

Agora, basta acessar seu site do WordPress para ver a lista de trechos de páginas.

Preview of page excerpts on a page

Método 2: Exibir trechos de páginas na barra lateral do WordPress

Se quiser exibir trechos de páginas na barra lateral do WordPress, você deverá visitar a página Appearance ” Widgets no painel do WordPress.

Observação: Se você não vir a guia do menu “Widgets” no painel, isso significa que está usando um tema de bloco. Nesse caso, você pode pular para o próximo método.

Aqui, clique no botão “+” de adicionar bloco para expandir o menu de blocos à esquerda. Em seguida, adicione o bloco Shortcode à área da barra lateral.

Add page excerpts shortcode in a widget area of your choice like the Sidebar

Depois disso, copie e cole o seguinte shortcode no bloco:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Por fim, clique no botão “Update” (Atualizar) para armazenar suas configurações.

Agora, você pode visitar seu blog do WordPress para visualizar os trechos da página.

Preview of page excerpts in the WordPress sidebar

Método 3: Exibir trechos de página no Editor de site completo

Se você estiver usando um tema de bloco, deverá visitar a página Appearance ” Editor na barra lateral do administrador do WordPress.

Isso abrirá o editor de site completo, onde você deve escolher a página em que deseja exibir uma lista de trechos de página.

Choose a page to edit in the full site editor

Em seguida, clique no botão “+” de adicionar bloco na tela para adicionar o bloco Shortcode.

Em seguida, copie e cole o seguinte shortcode nele:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add page excerpts shortcode in the full site editor

Por fim, clique no botão “Save” (Salvar) para armazenar suas configurações.

Agora, vá em frente e visite seu site para visualizar a lista de trechos de páginas.

Page excerpts preview in the WordPress block theme

Bônus: Exibir trechos de postagens no WordPress

Além das páginas, também é uma boa ideia mostrar trechos de postagens em seu blog do WordPress.

Por padrão, o WordPress mostra suas postagens completas na página inicial, na página de arquivos ou na página do blog. Isso significa muita rolagem, o que pode proporcionar uma experiência de usuário negativa para os visitantes que desejam navegar rapidamente pelo seu site.

À medida que seu blog crescer, a lista de postagens mais antigas também será transferida para outras páginas e terá menos visualizações. É por isso que você deve considerar a possibilidade de mostrar trechos de publicações na página do blog ou dos arquivos.

An example of post excerpts in a WordPress theme

Se estiver usando um tema clássico, você poderá adicionar trechos de postagens visitando a página Appearance ” Customize (Aparência ” Personalizar ) na barra lateral do administrador do WordPress.

Quando o personalizador for aberto, expanda a guia “Blog” na coluna esquerda da tela. Isso abrirá algumas novas configurações, nas quais você pode rolar para baixo até a seção “Post Content” e clicar na opção “Excerpt”.

Adding post excerpts to your WordPress website

No entanto, lembre-se de que essas configurações podem variar de acordo com o tema que você estiver usando.

Se o seu tema não for compatível com trechos, você poderá usar código personalizado ou criadores de páginas como o SeedProd para adicionar trechos de postagens ao seu blog.

Adding blog excerpts to a WordPress theme

Para obter instruções detalhadas, consulte nosso tutorial sobre como exibir trechos de postagens em temas do WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar trechos às suas páginas no WordPress. Talvez você também queira ver nosso guia sobre como escolher o melhor construtor de sites ou nossa escolha especializada do melhor software de bate-papo ao vivo.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

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

Reader Interactions

42 ComentáriosDeixe uma resposta

  1. Moinuddin Waheed

    easy to follow tutorial for making excerpts for the blog posts.
    I have used excerpts for most of my blog posts but didn’t know the exact length of the excerpts to use.
    is there any minimum or maximum length for post excerpts?
    and does the length of the excerpts make any difference advantage or disadvantage of seo?

  2. marcelo araujo

    Hi, great tip. Tks a lot! Its possible to use same param to get “tags” in pages?
    add_post_type_support( ‘page’, ‘excerpt’ );
    like:
    add_post_type_support( ‘page’, ‘tags’ );
    its correct? it works?
    Tks!

  3. Jim Kernicky

    Easy as pie – thanks a lot for that!

    • WPBeginner Support

      You’re welcome :)

      Administrador

  4. Jean-Louis

    It’s very helpful… Thank you so much!

    • WPBeginner Support

      Glad our article was helpful :)

      Administrador

  5. Adam

    So, I can’t find the “excerpt” option under “screen options” on the post/page editing page. I added the code to my functions.php file and the option to include the ‘excerpts’ is still not showing up. It’s as if the excerpts function doesn’t even exist on my install of wordpress. I added the following code and nothing changed:
    add_post_type_support( ‘page’, ‘excerpt’ );

    Please help

  6. Juan Manuel Linares

    Thanks so much, it also worked for me, just when I needed it!

    It would also be advisable that you suggest ppl to check Screen Options (as CTGIRL said), ‘cause in my case it was hidden there ;)

    Thanks anyway!

  7. Steve

    Is there a way to add an excerpt to an archive category page like with the code for pages? The following code worked great for pages. Wanting to add it to the category archive too.

    add_post_type_support( ‘page’, ‘excerpt’ );

  8. Ruth Billheimer

    Thank you so much! This is excellent and just what I was looking for.

  9. Djong Timoer

    I works !!
    Thank you

    Do you have idea how to use in post types?

  10. Manoj

    Thanks for the code .But if i don’t write content in excerpt section , Excerpt is not retrieving from editior .

  11. Amit kumar

    how to separate post excerpt in box

    • Sreehari P Raju

      You have to use CSS for that :)

  12. Toure

    How can it be added to a page template?

  13. nad ray

    You should wrap the code in :

    …for it to work and not make your site break/display a blank page.

  14. Reza

    How can I add excerpts to the events? Can anyone please help?

    • nad ray

      I would use the same code, but change page to events (line 3). If that does not work you need to find your events custom post type name and enter it instead of pages.

  15. ctgirl

    The code worked for me. Added it to functions.php, and the Excerpt field became available in Screen options. Thanks so much!

  16. kapil

    around 15 days ago, same above code work perfectly for me, but now it is not working, what may be the problem, can anyone help me ? above code doesn’t show excerpt place in admin panel for new website that I am developing right now.

    • Firda

      It’s working for me. Maybe the exceprt was hide by screen options?

  17. João G.

    That’s amazing! I got a job to change the layout of a website which is running on WP and I would have to search for a function to get the content with “strip_tags” and reduce characters, but after “googling”, found your post. Great !!

  18. Real name

    Tank’s

    codex.wordpress.org/Function_Reference/add_post_type_support#Example

  19. Dave Andrew

    Worked a treat. Thanks for the post.

  20. Lins

    Thanks, super-handy & works easily. :)

  21. Alastair Barnett

    Hello,

    I posted the above code to my functions php. I now cannot access my website. Here is the message I receive:Parse error: syntax error, unexpected T_FUNCTION in /home/content/94/8738594/html/wp-content/themes/associate/functions.php on line 82

    Please tell me how I can access my website in order to delete this code. Thanks if you can help. I’ve just lost my website and in a bit of a panic. Website address: http://www.thewritingbutler.com
    AB

  22. WK

    Added the code to my functions.php to enable excerpts on my pages.

    Worked perfectly, first time – thanks.

    W.

  23. mebhuwan

    Thank you for posting. Great Code. :)

  24. softboxkid

    no need any plugins… just place this add_post_type_support( 'page', 'excerpt' );
    to your functions.php

    • ghimeray

      How to get this excerpt into the page?
      Tne Excerpt function is working well, but i’m not able to get the excerpt into the front page.

    • adam

      This didn’t work for me. :( Still no excerpts option. Using default 2015 theme.

Deixe uma resposta

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