Adding a "read more" button into blog posts

There are two ways to see a “read more” or “continue reading” button on your site.


AUTOMATIC EXCERPTS

Many of our themes include a “natural” post break, or Read More tag, meaning that on the Home page and Archival pages, your readers will see a “Continue Reading” button after a set number of words. This is determined by the Automatic excerpt setting. This setting is controlled in the Customizer, by going to Appearance > Customize > Blog Feed. If available on your theme, the automatic excerpt button will look like this:

In the field titled Automatic excerpt length, you can designate how many words you would like to appear before a post break button appears. In the example above, you can see that a post break will appear after 40 words. Use the Read more text field to create a custom call to action for your post break button. Directives like “Read More,” “View the Post,” “Continue Reading,” or “Keep Reading” are all great!


MANUALLY SET WHERE THE CONTENT BREAKS

In other themes, you can manually insert a Read Moretag to set where the break in the content will be. This is a great option if your post content warrants a particular break or pause in the narrative, forcing the reader to click through to get the rest of the story!

If you wish to manually set where your content breaks, click the button next to Full content with read more tag to activate this setting. Then, use the instructions below to learn how to insert a break in your content. Wherever you set the break is where the “read more” button will appear in the Home Page and Archival feeds.


HOW TO INSERT A READ MORE TAG

To insert a Read More tag within a post, simply click on the Insert Read More button in your post editor menu options. It looks like this:

A dotted line will appear in your post, indicating where the break in content will occur on your live site. You can delete this line as you would any other text, should you wish to move it (or, copy and paste it elsewhere in your post should you wish to move it).

If you want to change the call to action on your Read More button, you can do this in your theme Customizer, as shown above.