Insert read more tag wordpress

New Page

How to Properly Use Plus Blocking in WordPress

Last Updated On Sep 7, 2022 By Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.

Share 247 Share Tweet Share Facebook Messenger WhatsApp Email

Do you want to use the More block on your WordPress website?

WordPress offers you several different ways to display a preview of your posts in the archive and home page. This can help grab the visitor’s attention and get them to read the entire post.

Dans cet article, we will show you how you can properly use the More block in WordPress. We’ll also show you how to create an excerpt, in case you’re using a theme that ignores the More block.

How to Properly Use Plus Blocking in WordPress How to Properly Use the Plus Block in WordPress

How to Use the Plus Blocker in WordPress

Many websites use post previews to animate visitors to the full version.

As a WordPress user, you can create views on posts in different ways. For example, you can use a WordPress chord add-in or show and hide content using the alternating effect.

By default, most modern WordPress themes automatically display a preview of your posts on the home page and in the blog archives instead of the full post. For example, on our blog page, we display a few words and then a ‘Read More’ link to view the full blog post.

A WordPress blog archive with En savoir plus buttons A WordPress Blog Archive with Read More Buttons

This preview text helps visitors see more of the topics available on your blog without having to scroll through each post. It also helps increase pageviews because your visitors will have to click through to finish reading a post.

You can control exactly what WordPress displays in these previews using either the Plus block or a snippet.

The best choice for your site will vary depending on your WordPress theme. Some themes will ignore any More blocks you create, so you’ll need to use an excerpt instead.

To help you show an engaging preview no matter what theme you’re using, we’ll be covering both More blocks and excerpts.

If you prefer to jump straight to a particular method then you can use the links below.

  • How to properly use the More block in WordPress
  • How to properly use excerpts in WordPress

How to Properly Use the More Block in WordPress

The WordPress block editor has a built-in More block that allows you to specify the exact cut off point for the preview text of any WordPress post. In the classic editor, it was previously known as the More tag.

You can add the More block anywhere in the post, including mid sentence or in the middle of a paragraph.

All of the content above the More block will appear on your blog archive pages and wherever else your posts are listed on your WordPress site. WordPress will also add a ‘Read More’ link to the preview, so visitors can click to read the full version of the post.

Blocks it More from WordPress The WordPress Plus block

Note: Every WordPress theme is different and some may override the default ‘Read More’ label. With that in mind, you may see different text on your ‘Read More’ button.

Before you add a More block to your post, it’s important to check that your site is set up to show the latest posts on the homepage. If you are using a static page as your custom homepage, then your theme may ignore the More blocks and use its own settings instead.

Not sure if you’re using a static front page as your homepage? To check, simply go to Settings » Reading in the WordPress dashboard.

The WordPress settings page The WordPress Settings page

At the top of this screen, you’ll see a ‘Your homepage displays’ section. If ‘Your latest posts’ is selected, then you should have no problems using the More block.

To get started, simply open the post where you want to add a More block. Then, find the spot where you want to create the cut off point for your preview, and click on the + icon to add a new block.

You can then type in ‘More’ and select the right block to add it to your page.

The WordPress More block, formerly the More tag The WordPress More block, formerly the More tag

Some themes have a limit on how many words they will show on their homepage and archive pages. There’s a chance your theme may override the More block if you try to include a very large number of words in your preview. With that in mind, it’s a good idea to create the cut off point early in the post.

You can now carry on writing the rest of your post as normal.

You’ll be able to see the More block when editing your post in the block editor, but your visitors won’t see it when they’re reading the post on your WordPress blog.

Just like any other block, WordPress has some settings that you can use to configure the More block. To see these settings, simply click to select your More block.

In the right-hand menu, you can now choose whether to hide or show the excerpt on the full content page, which is the page you’re currently looking at.

By default, all of the content above the More block will appear on the full content page, as you can see in the following image.

Customizing the WordPress More Block Customizing the WordPress More block

However, you may want to write a custom excerpt that will only appear on your homepage and archive page, and not in the full post itself.

To do this, simply click the ‘Hide the excerpt….’ slider to turn it from white to blue.

Hide WordPress More Block Content Hide the WordPress More block content

Now, everything above the More block will appear on the archive page and homepage only.

Once you’re finished, you can go ahead and save your changes by clicking on the Update or Publish button.

Now if you visit your homepage or blog archive page, you’ll see the preview you just created for this post.

Are you seeing something different?

Then your WordPress theme may be ignoring your More blocks.

Some themes are designed to show excerpts and will override all of your More blocks. If your homepage and blog archives aren’t showing the preview you created using the More block, then you may need to use excerpts instead.

How to Change the More Block’s ‘Read More’ text

By default, the More block will show a Read More link on your archive and homepage.

There are a few different ways to change this text, but you may get slightly different results depending on your WordPress theme. Some themes will override your changes with their own default settings.

To start, it’s worth checking whether you can change the Read More text using the WordPress post editor.

To do this, simply open any post that has a More block. You can then click on the default ‘READ MORE’ text and type in the text that you want to use instead.

Change the text in the Read More label Changing the text on the Read More label

After that, either update or publish the page as normal. You can then visit your homepage or blog archive to see whether the Read More text has changed.

If you’re still seeing the original Read More link, then you may need to override your theme’s settings using code.

You can either create a site-specific plugin or use a code snippets plugin like WPCode, and then add the following code to your site:

1

2

3

4

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

This replaces the default ‘Read More’ text with ‘Check out the full post,’ as you can see in the following image.

You can use any text you want by replacing ‘Check out the full post’ in the code snippet.

An example of a More block with custom text An example of a More block with custom text

How to Properly Use Excerpts in WordPress

WordPress has two different ways to show a post preview. We’ve already covered the More block, but you can also create a preview using excerpts.

For the people who visit your WordPress blog or website, previews created using excerpts and the More block look exactly the same. However, some themes are coded to use excerpts, which means they will ignore your More blocks and show an excerpt instead.

If you don’t add an excerpt to a post manually, then WordPress will create one automatically based on the excerpt length defined by your theme. This can lead to previews that cut off mid sentence.

With that in mind, you can choose to create an excerpt manually instead. To do this, simply open a post and then click to expand the ‘Excerpt’ section in the right-hand menu.

Adding an excerpt to a WordPress post Adding an excerpt to a WordPress post

In the ‘Write an excerpt box’ you can then either type in or paste the excerpt that you want to use for the post.

Don’t see an ‘Excerpt’ box in the right-hand menu? Then you can enable this setting by clicking on the three-dotted icon in the upper-right corner.

Once you’ve done that, click on Preferences.

Enabling the WordPress excerpt settings Enabling the WordPress excerpt settings

In the popup that appears, simply click on ‘Panels.’

You’ll now see all the settings that you can add to the right-hand menu. Simply find ‘Excerpt’ and give it a click to turn it from white (disabled) to blue (enabled).

Activating the WordPress excerpts feature Activating the WordPress excerpts feature

Then, simply close this popup. You should now have access to the ‘Excerpt’ settings in your right-hand menu.

Now, you can create an excerpt following the same process described above.

Once you’ve done that, simply save your changes and visit your site. You will now see your custom excerpt on the homepage and blog archive.

We hope this article helped you learn how to properly use the More tag in WordPress. You may also want to check out our ultimate SEO guide for beginners and the best WordPress landing page plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Comparte 247 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

How to Add the Read More Tag in WordPress

23 de abril de 2021

Por Dusica Popovic

Tutoriales

How to Add the Read More Tag in WordPress

Providing users with a short description of what your content is about is a great way of inciting them to read your posts and further explore your site. The title and a preview image might be enough to capture their attention, but a content preview can persuade them to take the plunge and press the Read More button. In this tutorial, we will show you how to add the Read More tag in WordPress and we will discuss:

  • ¿Por qué debería agregar el botón Leer más a su sitio?

  • Should You Display an Excerpt or Use the Read More Tag

  • How to Add the Read More Button In Gutenberg

  • How to Add the Read More Button In the Classic Editor

Why Should You Add the Read More Button to Your Site

If you run a blog or have a blog section on your site, adding short, concise descriptions of articles ensures quicker page load times. It also helps your audience understand if and how they can benefit from reading your post in its entirety.

Moreover, the Read More option is very important for users who prefer to browse websites on mobile phones. Given the smaller screen size, truncating posts and displaying previews allows you to better organize your content. If users were to see just a list of blog titles, they may not be prompted to click on them. Or worse, if you clutter their screen by displaying complete articles below titles, you’ll make it hard for them to navigate your site, so you risk having higher bounce rates. On the other hand, if you display the title, add a preview image and an introduction to the article along with the Read More link, your content will be easier to consume.

If you’re worried that Google won’t be able to index content that isn’t visible, which could negatively affect your SEO, don’t be. What matters is that the content is not hidden – users can see and access it in full with an extra mouse click. And specifically regarding tabbed content on mobile pages, Google webmaster John Mueller had said that Google would consider everything as long as it was viewable in HTML.

Blog and Magazine Themes

See the collection

Behold banner

See

Personal Blog WordPress Theme

Buzzy banner

buzzing

Creative magazine theme

Journal banner

Journal

Creative magazine and blog theme

Should you use the snippet or the tag Read more

In WordPress, there are two ways of displaying post previews. One is by using the Read More tag and the other is by using the Post Excerpt option. Both allow you to display any part of your text as a preview, so what is the difference between the two?

The main distinction between the Read More and Excerpt tags is that the latter is theme dependent. If your theme does not support the excerpt_tag (which is highly unlikely given the fact that WordPress started off as a blogging platform), then you won’t be able to display summaries. Furthermore, excerpts are always displayed like plain text and you don’t have the option to enrich them with additional elements. On the other hand, you can always use the Read More option and add images, links, etc. to your previews.

Another difference between the pair is that you have the option to enter custom text in the excerpt field and create custom excerpts. Alternatively, you can also go to Settings > Reading and below For each post in a feed, include check Summary. That way, WordPress will automatically display excerpts on all posts using the first 55 words of each entry. As for the Read More tag, the platform allows you to display only the already existing part of your text as a preview.

When it comes to deciding which of the two to use, it all comes down to your preferences. It might be more convenient to go with the Read More tag because it’s featured on every WordPress theme. If you decide to go down the excerpts route, you might have to manipulate the code and add the excerpt_tag to your theme if there is none. We are going to focus on the Read More tag and show you how to add it to your site using two of the most popular page builders.

How to Add the Read More Button In Gutenberg

Gutenberg facilitates the process of adding the Read More tag in WordPress big time. When you finish entering the text that you would like to display as the summary, click on Add Block and select More.

Gutenberg More Block

The Read More block will appear below your text.

Read More Block

You can now edit the Read More text and enter something else according to your requirements, e.g. Continue Reading, Learn More, etc.

Continue Reading

Another thing you can do is hide the content before the Read More tag on full content pages. That means the text you set as the teaser won’t appear on the full post after users click on the Read More option.

Once you’re done with the editing, save the changes.

Read More Gutenberg Live

How to Add the Read More Button In the Classic Editor

While creating a post in the Classic editor’s Visual editor, place the cursor at the point where you wish for the preview to end and select the Insert Read More tag option from the toolbar displayed above the text.

Classic Read More Tag

You can also move it with the left-mouse click and place it wherever you please.

Classic Editor More Tag

If you are using the text editor, you can use the following tag and add it right at the end of the preview:

< !–plus– >

<!–plus–>

<!–plus–>

Once you save the changes, the Learn More button will appear on your site.

Classic Editor Read More Live

Conclusion

Adding the Learn More tag in WordPress does not require any coding knowledge on your part. With the classic editor and Gutenberg, you can view the post preview and Read More link with just a few mouse clicks. What matters is to think carefully about the part of the text that could pique the curiosity of your users and encourage them to continue reading your content.

Blog Content Tips WordPress Tips

How to Publish WordPress Articles with Multiple Authors

0

Blocks » More Blocks

With the More Block, you can shorten your blog entries so that only the first part of a post is displayed on the homepage, archive pages, and in subscriber emails.

Table of Contents

  1. How the More Block Works
  2. Add the More Block
  3. Block Toolbar
  4. Block Settings
    1. Hide the Excerpt on the Full Content Page
  5. Add the More Tag in the Classic Editor
    1. Customize the More Tag

How the More Block Works

The More block can be used to keep your blog posts concise. It displays only the initial part of your post content in places where an excerpt is more appropriate than the full post content. This can include the homepage, archive pages, and subscriber emails.

If your theme is built to display the post’s full content on archive pages, then the More block will insert a “Read more” link below the text above the block. If your theme is built to display excerpts on archive pages, the More block will be ignored. If your theme supports Content Options for Blog Display, be sure to choose Full post if you’d like to add the More Tag to posts manually.

↑ Table of Contents ↑

Add the More Block

To add the More block, click on the + Block Inserter icon and search for “more”. Click it to add the block to the post.

💡

Using your keyboard, you can also type /more on a new line and press enter to quickly add a new More block.

Type /more on a new line, then press Enter on your keyboard to quickly add the More block. Using the / inserter to quickly add the More block

For more, visit our detailed instructions on adding blocks.

When you add the More block, a link is placed directly after the text above the block, pointing the reader to the full post.

You can put this link anywhere in a post, and customize it to say whatever you want.

Click into the text area and type to customize the wording.

Click and type inside the text area to customize the wording for the More block.

Este es un ejemplo de cómo podría verse el  bloque Más  después de haberlo personalizado y publicado la publicación. El diseño final dependerá  del tema de su sitio .

An example of what the More block looks like on an archive page.

↑ Table of Contents ↑

Barra de herramientas de bloque

Al hacer clic en el bloque, aparecerá una barra de herramientas de opciones sobre él:

More blocks toolbar.

El bloque Más tiene las siguientes opciones en su barra de herramientas:

  • Cambiar tipo de bloque.
  • Arrastra el bloque.
  • Mueve el bloque hacia arriba o hacia abajo.
  • Más opciones .

↑ Table of Contents ↑

Ajustes de bloque

Al hacer clic en el bloque, encontrará configuraciones de bloque adicionales en la barra lateral derecha. Si no ve la barra lateral, es posible que deba hacer clic en el ⚙️icono (engranaje/rueda dentada) en la esquina superior derecha para abrir la configuración.

Block settings can be found in the right sidebar. Haga clic en el ⚙️icono para abrir la configuración del bloque

Ocultar el extracto en la página de contenido completo

Cuando activa la opción Ocultar el extracto en la página de contenido completo , todo el texto que está arriba del bloque Más en su publicación no aparecerá una vez que el lector haga clic en el enlace “Leer más” para ver la publicación completa.

Change the option to "Hide excerpt on full content page" within the More Blocks settings.

↑ Table of Contents ↑

Add the More Tag in the Classic Editor

Si está utilizando el editor clásico , puede agregar una etiqueta Más en cualquier parte de su publicación para que solo se muestre la primera parte de la publicación en la página de inicio, las páginas de archivo y los correos electrónicos de los suscriptores.

Cuando haga esto, se colocará un enlace directamente después de su extracto, dirigiendo al lector a la publicación completa. 

Puede agregar la etiqueta Más siguiendo las instrucciones a continuación:

  1. Cree una nueva publicación y agréguele contenido según sea necesario.
  2. Coloca el cursor en el lugar de la publicación donde deseas que aparezca la etiqueta Más .
  3. En su barra de herramientas, haga clic en el botón Insertar etiqueta Leer más . Puede encontrar el botón Insertar etiqueta Leer más en la primera fila. Una vez que haga clic en él, verá que aparece la división en su publicación:

Add the label More in the classic editor.

Personaliza la etiqueta Más

Para personalizar el texto que se muestra después de haber insertado la etiqueta Más , siga las instrucciones a continuación:

  1. Click on the Text tab in the upper right corner of the post editing area to open the HTML Editor.
  2. Buscar <!–plus–>
  3. Add a space after “more” and then write a personalized message, such as<!–more Continue reading!–>
  4. This will insert a read more link that says “Keep reading!” instead of the default message.

Customize the text that appears after adding the More tag.

Versatile plans and pricing

  • Libre

    plan-free-circle

    Ideal for students

  • Personnel

    plan-personal-circle

    Ideal for hobbyists

  • Prime

    plan-premium-cercle

    Ideal for freelancers

  • Company

    plan-business-circle

    Ideal for small businesses

Choose a package

Google Google translator

Google Google Translate


Video Insert read more tag wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…