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 usar corretamente o bloco More no WordPress

O uso do bloco More (Mais) no WordPress pode ajudá-lo a criar visualizações atraentes de suas postagens. Esse recurso chama a atenção dos visitantes e os incentiva a ler o artigo completo.

Por exemplo, no WPBeginner, usamos o link “Leia mais” para direcionar os leitores para a postagem completa do blog.

A boa notícia é que o WordPress oferece várias maneiras de mostrar visualizações de postagens em seu arquivo e página inicial, permitindo que você faça o mesmo!

Neste artigo, vamos orientá-lo nas etapas para usar o bloco More do WordPress. Também abordaremos a criação de um trecho se o seu tema não for compatível com o bloco More.

How to properly use the More block in WordPress

Quando usar o bloco More no WordPress

Muitos sites usam visualizações de postagens para incentivar os visitantes a conferir a versão completa.

Como usuário do WordPress, você pode criar visualizações de posts de algumas maneiras diferentes. Por exemplo, você pode usar um plug-in de acordeão do WordPress ou mostrar e ocultar conteúdo usando o efeito de alternância.

Por padrão, a maioria dos temas modernos do WordPress mostra automaticamente uma prévia de suas postagens na página inicial e nos arquivos do blog, em vez da postagem completa.

Por exemplo, nossa página de blog mostra algumas palavras da postagem e um link “Leia mais” para a postagem completa.

A WordPress blog archive with Read More buttons

Esse texto de visualização ajuda os visitantes a verem mais tópicos do seu blog sem precisar rolar a tela de cada publicação. Ele também ajuda a aumentar as visualizações de página, pois os visitantes precisarão clicar para terminar de ler uma publicação.

Você pode controlar exatamente o que o WordPress mostra nessas visualizações usando o bloco More ou um trecho.

A melhor opção para seu site varia de acordo com o tema do WordPress. Alguns temas ignoram todos os blocos More que você criar, portanto, você precisará usar um trecho.

Para ajudá-lo a mostrar uma visualização envolvente, independentemente do tema que estiver usando, abordaremos More blocks (Mais blocos) e excertos. Se preferir ir direto para um método específico, você pode usar os links abaixo:

Pronto? Vamos começar.

Como usar corretamente o bloco More no WordPress

O editor de blocos do WordPress tem um bloco More incorporado que permite especificar o ponto de corte exato para o texto de visualização de qualquer publicação do WordPress.

No editor clássico, esse bloco era conhecido anteriormente como a tag More.

Você pode adicionar o bloco More em qualquer lugar da postagem, inclusive no meio de uma frase ou no meio de um parágrafo.

Todo o conteúdo acima do bloco More aparecerá nas páginas de arquivo do seu blog e em qualquer outro lugar em que suas publicações estejam listadas no site do WordPress. O WordPress também adicionará um link “Leia mais” à visualização, para que os visitantes possam clicar para ler a versão completa da postagem.

The WordPress More block

Observação: Cada tema do WordPress é diferente, e alguns podem substituir o rótulo padrão “Read More”. Com isso em mente, você poderá ver um texto diferente no seu botão “Leia mais”.

Antes de adicionar um bloco More à sua postagem, é importante verificar se o seu site está configurado para mostrar as postagens mais recentes na página inicial.

Se estiver usando uma página estática como sua página inicial personalizada, o tema poderá ignorar os blocos More e usar suas próprias configurações.

Não tem certeza se está usando uma página inicial estática como sua página inicial? Você pode verificar isso simplesmente acessando Configurações ” Leitura no painel do WordPress.

The WordPress Settings page

Na parte superior dessa tela, você verá a seção “Your homepage displays”. Se a opção “Your latest posts” estiver selecionada, você não terá problemas para usar o bloco More.

Para começar, basta abrir a postagem na qual você deseja adicionar um bloco More. Em seguida, encontre o local onde deseja criar o ponto de corte para a visualização e clique no ícone “+” para adicionar um novo bloco.

Em seguida, você pode digitar “More” e selecionar o bloco certo para adicioná-lo à sua página.

The WordPress More block, formerly the More tag

Alguns temas têm um limite de quantas palavras serão exibidas em sua página inicial e nas páginas de arquivo.

Se você incluir um grande número de palavras em sua visualização, seu tema poderá substituir o bloco More. Portanto, é uma boa ideia criar o ponto de corte no início da postagem.

Agora você pode continuar a escrever o restante da postagem normalmente.

Você poderá ver o bloco More ao editar sua postagem no editor de blocos, mas seus visitantes não o verão quando estiverem lendo a postagem no blog do WordPress.

Assim como qualquer outro bloco, o WordPress tem algumas configurações que você pode usar para configurar o bloco More. Para ver essas configurações, basta clicar para selecionar seu bloco More.

No menu do lado direito, agora você pode escolher se deseja ocultar ou mostrar o trecho na página de conteúdo completo, que é a página que você está vendo no momento.

Por padrão, todo o conteúdo acima do bloco More aparecerá na página de conteúdo completo, como você pode ver na imagem a seguir:

Customizing the WordPress More block

No entanto, talvez você queira escrever um trecho personalizado que será exibido somente na página inicial e na página de arquivo, e não na postagem completa em si.

Para fazer isso, basta clicar no controle deslizante ‘Hide the excerpt….’ para mudá-lo de branco para azul.

Hide the WordPress More block content

Agora, tudo o que estiver acima do bloco More aparecerá somente na página de arquivo e na página inicial.

Quando terminar, você pode salvar suas alterações clicando no botão “Update” (Atualizar) ou “Publish” (Publicar).

Agora, se você visitar a página inicial ou a página de arquivo do blog, verá a visualização que acabou de criar para esta postagem.

Você está vendo algo diferente?

Então, seu tema do WordPress pode estar ignorando seus blocos More.

Alguns temas são projetados para mostrar trechos e substituirão todos os seus blocos More. Se a página inicial e os arquivos do blog não estiverem exibindo a visualização que você criou usando o bloco More, talvez seja necessário usar trechos.

Como alterar o texto “Leia mais” do bloco More

Por padrão, o bloco More mostrará um link Read More em seu arquivo e página inicial.

Há várias maneiras de alterar esse texto, mas, dependendo do seu tema do WordPress, você pode obter resultados ligeiramente diferentes. Alguns temas substituirão suas alterações por suas próprias configurações padrão.

Para começar, vale a pena verificar se você pode alterar o texto do Read More usando o editor de posts do WordPress.

Para fazer isso, basta abrir qualquer postagem que tenha um bloco Mais. Em seguida, você pode clicar no texto padrão “LEIA MAIS” e digitar o texto que deseja usar em seu lugar.

Changing the text on the Read More label

Depois disso, atualize ou publique a página normalmente. Em seguida, você pode visitar sua página inicial ou o arquivo do blog para ver se o texto Read More foi alterado.

Se ainda estiver vendo o link original Read More, talvez seja necessário substituir as configurações do seu tema usando código.

Você pode criar um plug-in específico do site ou usar um plug-in de trechos de código como o WPCode (recomendado) para adicionar o seguinte código ao seu site:

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">Check out the full post</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link', 999 );

Isso substitui o texto padrão “Leia mais” por “Confira a postagem completa”, como você pode ver na imagem a seguir.

Você pode usar qualquer texto que desejar substituindo “Confira a postagem completa” no trecho de código.

An example of a More block with custom text

Como usar corretamente os trechos no WordPress

O WordPress tem duas maneiras diferentes de mostrar uma visualização de postagem. Já falamos sobre o bloco More, mas você também pode criar uma visualização usando trechos.

Para os visitantes de seu blog ou site do WordPress, as visualizações são criadas usando trechos, e o bloco More tem exatamente a mesma aparência. Entretanto, alguns temas são codificados para usar trechos, o que significa que eles ignorarão seus blocos More e mostrarão um trecho em seu lugar.

Se você não adicionar um trecho a uma postagem manualmente, o WordPress criará um trecho automaticamente com base no tamanho do trecho definido pelo seu tema. Isso pode fazer com que as visualizações sejam interrompidas no meio da frase.

Com isso em mente, você pode optar por criar um trecho manualmente. Para fazer isso, basta abrir uma postagem e clicar para expandir a seção “Excerto” no menu à direita.

Adding an excerpt to a WordPress post

Na caixa “Write an excerpt” (Escrever um trecho), você pode digitar ou colar o trecho que deseja usar para a postagem.

Não está vendo uma caixa “Excerto” no menu à direita? Então você pode ativar essa configuração clicando no ícone de três pontos no canto superior direito.

Depois de fazer isso, clique em “Preferences” (Preferências).

Adding an excerpt to a WordPress post

Na janela pop-up que aparece, basta clicar em “Panels” (Painéis).

Agora você verá todas as configurações que podem ser adicionadas ao menu do lado direito. Basta localizar “Excerpt” e dar um clique para mudá-lo de branco (desativado) para azul (ativado).

Activating the WordPress excerpts feature

Em seguida, basta fechar essa janela pop-up. Agora você deve ter acesso às configurações de “Excerto” no menu à direita.

Agora, você pode criar um trecho seguindo o mesmo processo descrito acima.

Depois de fazer isso, basta salvar as alterações e acessar seu site. Agora você verá o trecho personalizado na página inicial e no arquivo do blog.

Esperamos que este artigo tenha ajudado você a aprender a usar corretamente a tag More no WordPress. Talvez você também queira dar uma olhada em nosso guia sobre como adicionar conteúdo com várias colunas em posts do WordPress ou como adicionar tabelas em posts e páginas do WordPress sem necessidade de HTML.

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

28 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed

    I have seen many blogs and websites which have static home page and then many blog posts on some sections of the home page itself with more blog in the second line.
    That is very good to have a static page as well as the blog posts on the same home page and when clicked it directs to the particular blog posts.
    Is there a way to add blog posts on home page itself like in a section?

    • WPBeginner Support

      It would depend on how your theme has the homepage set up but if you have a static home page you could add the posts via a block to the page.

      Administrador

  3. Andy Manshel

    This tutorial says nothing about how to do this in the “Block” editing system.

    • WPBeginner Support

      The article was last updated in 2015, we will look into updating it when able. For the block editor, you would use the more block :)

      Administrador

  4. Karis Seans

    How do I do this on my blog now? I can’t even find the more tag you are talking about.

    • WPBeginner Support

      This article was created before the block editor was added, to do this now you would add the more block to your post :)

      Administrador

  5. Famous

    Please how will l know if my theme supports More Tag or excerpt?

    • WPBeginner Support

      If the plugin does not mention it in the documentation then the simplest method would be to test it to see if the read more works properly

      Administrador

  6. Tracy

    I am wondering if I am able to change the wording in the read more tag. Like if I wanted it to say. Click to carry on reading?

  7. Thomas Conrad

    What is the equivalent way to do this on pages instead of posts?
    Thank you

  8. Susie

    You never explain what to do after you insert the “read more” tag. Nothing happens on my wp page when I insert the tag in the middle of a content box. I mean, is it supposed to automatically hide the rest of the text? You just tell us to insert the tag and that is that.

  9. Pat

    Hi,

    I got the same problem, it’s not working when using More Tag in my post which appeared in my static page .

    I tried to read those given blogs and explaination but it is really hard to understand it.

    Could anyone help to give a tutorial or a detail example?

    Thanks in advance!

  10. Cyprus

    Is there a way to use ‘More Tag’ not just for excerpt purposes, but to actually toggle hide/unhide specific paragraphs of your post unless tag/button is clicked or hovered by reader? If not, then, are there any other alternatives to apply a similar effect without using shortcodes/plug-ins or css (as I am using a simple Wordpress.com account)? If there REALLY is none, then I might be willing to explore other options but hopefully without having to pay anything…?

    I would be grateful for some guidance. Thanks!

  11. Peter Samuel

    If I want to change the location of the ‘more tag’ how do I cancel a more tag break? I’ve tried a couple of times to simply delete it and it deletes not only the more tag but all the text above it. If I add a more tag in a new position the old more tag remains.

    Is there any clean way of undoing a more tag?

  12. Charlie Parker

    Question: When the user clicks on the “continue reading” link, it goes to a spot in the blog where the link was. That is, it goes to a page using something like this:

    http://example.com/how-to-have-a-great-day/#more-227

    The “#more” parameter has “-227” after it indicating that the visual top of page should start at “position 227”.

    But I want the visual top of the page to be the actual top of the page. If I manually change the URL to take off the “#more” parameter, then the actual top of the page is shown – which is what I want.

    How do I make this happen automatically when I add the more tag in my post?

    Thanks.

  13. Maria

    Hi! Can I change the “read more” text? How can I do that? I want to put it in Spanish. Thank you.

  14. abhay

    CAN ANY ONE TELL ME HOW TO ADD MORE READ IN POST , NOT PAGE OR HOME PAGE , LIKE SAME CONENT IN ANOHTER POST

  15. Sam

    I have seen the same information everywhere, yet nothing happens when I insert the more tag option. I receive the dotted line, but it does not hide the larger portions of my post thereby leaving me with a post too large on my homepage. I am looking for perhaps an HTML version so I can do it manually.

    • Alan Kelly

      If you are using the text editor, then you can use the ‘more’ button in the toolbar or manually enter the more tag like this:

    • Rob

      Sam,

      I write blog posts on domain.com/blog/ subfolders. When I use the “more” tag, it doesn’t show up on the actual post itself. When I’m on the blog landing page and it shows all the blogs with a truncated entry with a clickable “more” button. Clicking this opens the full post.

      Hope this helps.

  16. Rusi

    I’m not satisfied. It did not help me at all..

  17. Baz

    All that has happened is that part of the Blog post has disappeared using More tag. Is it supposed to reappear somewhere?

  18. Malcolm

    Are either of these a good tactic for using SEO excerpts for a membership sites? ie if someone wants to read more, they would hit a firewall requiring them to join? (But the More or Excerpt content would be open for anyone to read?)

  19. Chris

    Hi,
    your screenshot shows a “word count” in the excerpt area.
    This seems to be not a standard, I don’t have this in my WP.
    How have you made this please?

    Thx.

  20. fadhili

    Thanks

    And how do I edit that default ‘read more’ tag to my language?

  21. cjt

    You can use excerpts in yout theme as an intro to the post by adding the_excerpt (); tag anywhere in the html sheet.
    You can use images in the excerpt by usin the img src tag. The only issue here is that they will not become responsive.
    On the other hand, you can always use custom fields… and use excerpt, subtitle, etc. – all before the text for a more tag.

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.