How to create a read more tag for your posts
© David Blackwell, Read More, via Flickr
Have you noticed that some blog listings pages only show the beginning of posts?
This is the case with this and my other blog, and it is because of the theme I use.
You can see that only the first three lines are shown, and a nice 'Read more' button is offered to entice you to read the rest of the post.
However, with WordPress.com blogs, you probably find all your posts are presented in full on your listings page.
There is an ongoing debate about whether you should show all your posts in full on your blog post listing page, or whether it is better to abbreviate them as above.
Personally I prefer showing all that my post has to offer, as it may encourage readers to scan and then read them. It's like presenting all your wares on your shop's counters, rather than keeping most of what you have to offer in the stock cupboard.
But if your theme doesn't allow this, there isn't much you can do unless you are prepared to enter the world of code to sort it out!
But I want a 'Read more' button
If you have a WordPress.com blog (or even a WordPress.org blog that allows full post presentation) and you want to create your 'Read more' call to actions yourself, there is a simple way.
The first thing you might think of would be to the Reading Settings (accessed under Settings in the left sidebar) and change from 'Full Text' to 'Summary':
But you'd be wrong.
This doesn't work any more. I know, because I have tried with a variety of blogs, under a variety of themes, with no success.
Therefore I can only assume this is now redundant.
So, you'll have to do this manually using the read more tag. Which is not such a bad thing, as you'll have more control where they will be placed within your text.
Let me introduce the read more tag
If you look at what I call the 'kitchen sink', the editing icons above the text box where you write your post, you'll find this icon in between the cancel link and spell check icons:
This will allow you to create your own read more tag links, but only in a text format:
And you won't have a choice in the words used either. You're stuck with 'Continue reading' whether you like it or not.
However, this is a good call to action, so you can live with it.
First, write your post as normal. Then you decide where to break your post for the read more tag, and place your cursor there:
Then click on the read more tag icon:
And this will appear in your post:
This is the visual representation of your read more tag so you can easily identify it.
If you preview your post (click on the Preview button in the Publish menu box):
You'll see that your post will look totally normal for your readers:
And the read more tag link will only appear in the blog listings page after you've published your post.
You'll find this feature particularly useful if your posts have an infographic at the beginning, like I do in my other blog, and the listings page shows the code you add with it, which isn't very appealing to your readers:
So a strategically placed read more tag:
Will sort this out:
Ah, that's much better!
Now go and experiment with using a read more tag, and let me know how you get on.
Latest posts by Alice Elliott (see all)
- How to create a blog if you’re a real beginner - 9 January 2016
- Comparing blog post writing pages - 27 August 2015
- Comparing blog post listings pages - 19 August 2015
