how to add read more to blog posts

How to Add Read More to Blog Posts in WordPress (with Video) – Engage Your Readers Quickly!

WordPress is one of the most customizable blogging platforms out there. If you’ve been following the Build Your Site Right categoryย at WorkFromYourLaptop.com, then you’ve learned, among other things, how toย embed YouTube video, optimize your images, turn your images into links, and master internal, external and back linking. But how about customizing your blogroll? Knowing how to add Read More to blog posts can clean up that blogroll and engage your readers into each post.

how to add read more to blog posts

In this article (with video), you’re going to learn how to add Read More to blog posts and how to use it in the right way to engage your readers quickly. Don’t worry, there’s no coding needed. It’s as easy as the press of one button! This will improve your bounce rate and keep eyes on your site longer!


How to Add Read More to Blog Posts


Watch the following video to understand the simple process of how to add read more to blog posts. It’s quick and easy and doing it right will have your readers wanting to do exactly what the tag says: read more!

Why Use the Read More Tag in Your Blog Posts?


One of the essential elements to SEO (Search Engine Optimization) is creating a good user experience. Many themes by default show your posts in their entirety on your blogroll. Using the Read More tag in WordPress helps to clean up your blogroll by showing just a tease of what’s coming instead of the entire article. It allows your reader to more easily see the titles of your content and a sentence or two of what they’re about instead of having to scroll all the way down through an entire post to see the next article.

You can place it anywhere in the beginning of your post so your reader sees only a tease of your post from the blogroll. To jump into the post and read the rest they simply click on “Read More".


The following steps show how to add Read More to blog posts.

You can access the Read More tag from your post editor. The Read More button is the icon with the hyphens on it:


how to add read more to your blog posts

Place the cursor wherever you’d like to create a break in your content and then click theย Read More tag.

I’ll use a sample post to show the steps to add the Read More tag. From the visual editor, you’ll see a hyphenated “MORE" appear in your text once you’ve created the break. In the text editor the Read More HTML code appears slightly different. Please see the images below.


how to add read more to blog posts

How Read More appears in visual editor

how to add Read More to blog posts

How Read More appears in text editor


Try your best to leave just a sentence or two before the Read More tag. The text above the break will be what is seen in your blogroll as the tease. You want your reader to read this little snippet, be engaged, and then click to enter the actual post and read the rest of the content.

And this is how your post will appear from your blogroll once saved and published.


how to add read more to blog posts

Your post now shows just a couple of sentences of content before the prompt to read more. Notice the prompt may not say “Read More" but may say something like “Continue Reading" as in this example once published. This is theme dependent and will vary from theme to theme.


Can You Use Read More in Pages the Same Way it is Used in Posts?


Understanding how to add Read More to blog posts is important because WordPress usually displays posts in their entirety on the blogroll. This is not true for pages.ย Pages have to be nested into menus in WordPress. They aren’t listed in any kind of blogroll the way your blog posts are.

For this reason the Read More tag isn’t necessary for Pages.


Summary


Creating a great user experience is the name of the game when it comes to blogging. Content is absolutely king.

By cleaning up your blogroll and having an organized summary of each post before diving in, your readers can see more of your content at one time and easily decide on which article they’d like to dive into.

Understanding how to add read more to blog posts is a quick and painless process that once put into use, can really add to the aesthetics of your blog and improve the user experience.

If blogging is something that interests you I highly recommend taking a look at this online training platform. The mentorship is head and shoulders above the rest and can help you turn your blog into a legit online business that pays.

how to add read more to blog posts

Feedback


What questions do you have for me? Is understanding how to add Read More to blog posts a quick and painless lesson? Will you be integrating this into your blogroll? Don’t hesitate to share your stories and ask any questions you have in the comments below. I’m always available and look forward to getting back to you.


22 Comments

  • Katie says:

    Wow this is a really helpful article, I plan to apply this to my future posts.

  • Vanessa says:

    Thanks for this training. I found the video to be especially helpful as I’m not a technical gal so the step-by-step instructions were easy to follow and implement. I’m surprised how some themes don’t have this button but at least we can fix this.

    • Eric Cantu says:

      Thanks for the comment, Vanessa ๐Ÿ™‚ Yes, and by using the Read More tag you have more control over how much of your content is shown. It’s a simple and easy way to engage your reader! Glad to help.

  • Wow great article! I never knew adding the “read more” sign was so simple. I was lucky enough to have that on my website automatically somehow and I must say I love how it looks. I’ll definitely be checking out more of your tutorials because you make it seem so easy ๐Ÿ™‚

  • Don says:

    Hi Eric, I have to laugh because, I screwed up a few before I understood how to do this. This is a needed post. You go into great detail on how to add the read more tag. If you’re still having problems I doubt they read the post. My question, can you change the placement of the read more tag after it has been added to the blog post? If so, how might one do that?
    All the best to you,
    Don

    • Eric Cantu says:

      What’s up, Don. Sure you can move the placement of the Read More tag to anywhere you’d like. You can even have it at the very beginning of your content so that in your blogroll only the title would appear along with the “Continue Reading”.

      To change it’s placement just go into your text editor and remove the Read More HTML code and then move it elsewhere. You can see what the HTML code looks like in one of the images in this article. It has an exclamation point, a could dashes, then “More”. You can highlight it, select ‘cut’, then ‘paste’ it to any other location in the article.

      Thanks for chiming in!

  • ben says:

    Lol I’ve always wondered what exactly that read more thing did. I played around with it but didn’t see it doing anything. Now I know it’s for your blogroll. Even though my theme doesn’t display the whole blog, I still like to control what they can see and until when they can read, for example I can make the preview end at the end of a sentence. I think I’ll start using it every time I write a post now.

    • Eric Cantu says:

      Absolutely, Ben. You can use this Read More tag and get full control of exactly how much your readers see. Great idea for creating a mini cliffhanger! Thanks for the comment!

  • Andrei says:

    Hi Eric!

    Oh my god! This is what I was looking for! I created a blogroll and I always wondered how to force WordPress to show only 2-3 sentences instead of the whole 1000 words post! Thank you so much for taking time aside and sharing this trick with us! Cheers!

  • Trevor says:

    Thanks for the insightful post. I’ve always seen this on other sites and they keep you on the site for longer as you keep wanting to see the next page or pic and keep having to click on read more. I’m pretty new to blogging and i’ve see the bounce rate on Google analytics. What does it mean and do you want a lower or higher %

    Thanks

    Trevor

    • Eric Cantu says:

      What’s up, Trevor! Bounce rate refers to the percentage of people who come to your site and then leave without clicking or visiting any other part of it. They get there and bounce. So when you have a Read More tag set up like this, not only does it help your readers to see more of your content on the blogroll itself, but by showing them excerpts instead of the whole post, they are engaged quickly and will click on the Read More tag to dive into your article ๐Ÿ™‚ There are several ways to improve your bounce rate and this is a simple one that helps with aesthetics as well and improves your reader’s overall user experience.

  • Marcie says:

    I found this post very interesting. I have been building my website for quite a while, but haven’t done the things shown in your video! I’m going to make that a priority now.
    How could I get more back links to my site? I’d be interested in your take on this!

    • Eric Cantu says:

      How’s it going, Marcie! I’m glad this was helpful for you. Backlinks are a great way to get your content ranked higher, especially when you get backlinks from authority sites. The clear cut way to do this is to create a relationship with authority sites. Reach out to them, Maybe offer to write a guest post. When you develop a relationship with them that’s real and not just about you trying to push your agenda, you can have a mutually beneficial partnership. Find some authority sites in your niche and start being active on your site ๐Ÿ™‚ Thanks for the comment!

  • Kay says:

    This is so awesome. I often wondered what that icon meant. For someone as clueless as myself, this post was extremely helpful and easy to understand. I will try and let you know how I do with it. I also never thought of the read more tags as a way to keep readers on the website longer, but I can certainly see how it can improve the bounce rate, which I certainly need help in that department. Great post!

    • Eric Cantu says:

      I’m glad you liked the article, Kay! Thank you! Every little bit helps when we’re talking about getting content seen and ranked higher. Let me know how you do with it ๐Ÿ™‚ Thanks for the comment!

  • SJ says:

    Thanks for the helpful tutorial Eric!

    As a blog owner, I’m thinking why am I not doing this already? The wordpress theme I have automatically gives me excerpts of my posts on the first page. It works great mostly but sometimes it just cuts off in silly places.

    This plugin sounds like it will solve this issue of mine. Thanks for sharing!

    • Eric Cantu says:

      Thanks for the comment! The best part about this is it isn’t a plugin. It’s native to the WordPress editor, so no downloading necessary. It’s ready to use right out of the box. And yes you get much more control over what your readers see in the tease this way ๐Ÿ™‚ thanks for chiming in!

  • Weston says:

    Great post! I love WordPress! Like you said, it’s so customizable. It’s so nice to be able to make your website how you want it. It’s part of showing who you are when you can customize your own website.

    Your post was very helpful. Being able to add the Read More Tag has made my blogroll a lot more user friendly and displays way more of my posts. I appreciate you including the video too. A visual is super helpful.

    Thank you!

    Weston

Leave a Reply

Your email address will not be published. Required fields are marked *