How to Add Read More to WordPress

This wikiHow teaches you how to add a "Read More" or "Continue Reading" link to your Wordpress.com blog post. The Read More link is a great option for when you don't want the entirety of your blog post to appear on your main blog page. You can control where the link appears on the page, and in some cases, you can even change "Read More" into your own custom text.

[Edit]Steps

[Edit]Using the Visual Editor

  1. Open the post you want to edit. You'll usually want to include a Read More link on longer blog posts.
    Add Read More to WordPress Step 1.jpg
  2. Click the where you want to insert the More break. To do this, hover your mouse cursor just below the block under which you want "Read More" to appear. When the plus sign appears, click it to add a new block.[1]
    Add Read More to WordPress Step 2.jpg
  3. Type into the search field. A list of search results will appear under "Layout options."
    Add Read More to WordPress Step 3.jpg
  4. Click in the search results. This adds a horizontal dashed line with the words "READ MORE" at the center. Everything below this line will only appear on the page once the reader clicks the Read More or Continue Reading button.
    Add Read More to WordPress Step 4.jpg
    • The text of the Read More link will vary by Wordpress theme. Depending on the theme and your account type, you may be able to change the text by clicking at the center of "READ MORE" and typing your own phrase.
  5. Click the button. Now you can refresh your blog's main page to see the "Read More" link.
    Add Read More to WordPress Step 5.jpg

[Edit]Using the Code Editor

  1. Open the post you want to edit. If you prefer coding your Wordpress blog entries in the built-in Wordpress code editor, you can enter a Read More tag manually.
    Add Read More to WordPress Step 6.jpg
    • To switch from the visual editor to the code editor, click the three horizontal dots at the top-right corner and select Code editor in the "EDITOR" section.
  2. Click the mouse cursor on the line you want "Read More" to appear. The Read More link should go directly below the part of your post that you want to appear on your blog's main page. The part of the post above the Read More code is called the "teaser" text.
    Add Read More to WordPress Step 7.jpg
  3. Type the Read More code. Type each of the following strings of code on their own separate lines:
    Add Read More to WordPress Step 8.jpg
  4. Click the button. Now when you refresh your blog, you'll see a Read More or Continue Reading link below the teaser text. When the reader clicks the link, they'll be able to see the entire blog post.
    Add Read More to WordPress Step 9.jpg
    • Depending on your account type, you may be able to change the text of the Read More link. In the second line of the above code, add the desired text after the word "more" like this: .[2]

[Edit]Tips

  • If the Read More link isn't appearing on your main blog page, click the Customize link in the toolbar, select Content Options, and select Post Excerpt.
  • If you're still not able to get the Read More link to work, the theme you're using likely doesn't support the feature.

[Edit]Related wikiHows

[Edit]References

[Edit]Quick Summary

Comments

Popular Posts