Customize the More Tag on WordPress
The More tag is a very useful WordPress feature. It allows you to select a “cut-off” point, and only the content above that point will be displayed on the Homepage.
The More tag will also insert a “Read more” link after the excerpt to encourage the reader to continue reading the article in question.
Personally I am not a big fan of “Read more.” You can see on the Homepage that I am using “Continue Reading…”. Maybe you want to use yet something else, so how do you customize that link on the More tag?
It is pretty simple, just go to your WordPress control panel, then “Presentation,” then “Theme Editor.”
Now you need to open the file that governs the Homepage, which is usually called “Main Index Template” (or index.php).
Once you have that file open you will need to find the line that calls the posts. It looks like this:
<?php the_content(__('Read more'));?>
Just replace “Read more” with the text of your preference and you are done!
You can also style that text by creating a class on the stylesheet. The result would look like this:
<?php the_content(__('<span class="moretag">Your text here</span>'));?>
Related Posts
Sign-up To The Newsletter And Get A Free eBook
- Sign-up to the Daily Blog Tips newsletter and you will be able to download the "Make Money Blogging" eBook for free (worth $47).
- You will also receive tips to improve your blog, strategies to make money and useful resources from around the web.
26 Responses to “Customize the More Tag on WordPress”
Sponsors
Popular Articles
- 28 Ways to Make Money with Your Website
- 43 Web Design Mistakes You Should Avoid
- 4 Steps to Increase Your Blog Traffic
- How to Find Advertisers for Your Website
- Top 25 SEO Blogs
- 101 Blog Tips I learned in 2006
- 30 Traffic Generation Tips
- 6 Ways to Speed Up Your Site
- 9 Hacks to Show Readers Your Best Stuff
- 50 Simple Ways to Gain RSS Subscribers
- The Best Website Taglines
- What Is Success?
- How to setup a 301 Redirect
- The 7 Characteristics of Good Domains
- 7 Ways to Promote your Site
- Top 25 Celebrity Blogs
- What Is A Blog?
- Blog Setup: 40 Practical Tips
- 10 Tips To Write Your Most Popular Post
- The Blog Post Checklist
- Interview: 12 Top Online Entrepreneurs
- What Is Bounce Rate?
- 20 SEO Terms You Should Know
- How To Choose A Blog Name
- 10 Tips to Sell Your Website on Flippa
- Top 25 Web Design Blogs
Thanks For the post
http://www.technobuzz.net
This is a simple but useful customization. We changed our blog a long time ago to read “More >>”. Simple, but it gets the point across.
You can even add pictured to the More Tag, I will it to see how it looks.
Doesn’t wordpress allready have a CSS class assigned to “ream more” link? Anyway, I did not insert any additional things into “the_content()” and edited CSS class “.more-link” – and it works fine
But if you want add additional stuff there, then “the_content()” editing will be useful
Hairgel, WordPress does not come with a stylesheet, you are probably referring to your own theme, right?
If your theme does have a class for the more link than yes you can just change that for the styling part.
well, i’ve created my own theme from scratch, yes.. but I don’t remember editing any files inserting that CSS style for “read more” link..
Maybe just my memory fails me, sorry..
And the nickname is “Hairgel_Addict”, not just “Hairgel”
I’ve actually been looking around at how to do this, but my theme is weird and didn’t have the normal tag. I got it figured out though, thanks!
You can also do it inline to change only one post.
<!–more Text goes here–>
might be a WordPressMU only thing.
Nice one Dani!
I also suggest to use SEO pack plugin for wp ! I like it it helps a lot to rank up my page.
http://www.bontb.com
Do you allow html?
Yeah HTML is fine.
I used to put this break in my posts. But, now, I’m not doing it because, for some reason, it makes my feed into a partial feed in which only content till the “break” is shown. Any bright ideas ?
Very useful! Thank you! I have always used this opportunity to change my “Read more” links and it works great!
would be nice to have an entire page of tips like this, to replace default things and customize your site as your own. Like for instance – how do you get your copyright into each post…
and for god’s sake don’t you have a ‘subscribe to comments’ option?
nice one, i’ve been looking for an article like this to personalized the read more link on my upcoming blog.
Hi There,
I heard that using “Read more” prevents of duplicate content but why big blogs don’t use this function???
All the best,
Vad
http://www.plentyofluck.com/
I always use it, and display ads with read more as well
http://www.turkhitbox.com/adsense/adsense-instead-of-more-tag.html
Another cool tip used, or will be when I get in and edit the file.
good tip but i could not got it.
Is there any way you can use the “MORE” tag on a static front page with multiple posts?
There is a class called “more-link” that is added to the more content. This is after the code that have you given has been changed in the index.php. Can help me in finding out what is happening since I think the class that should be assigned needs to be moretag.
Clearly explained.. Even wordpress not doing that.. Keep rock on..
This is a cool tutorial. Thanks for the great post… =)
Hi there – what if you actually don’t want the words READ MORE (or anything like that) to appear at all on SOME posts? Is it possible to customise?
Looks like this article is a few years old. If you are using WordPress 2.8 or higher you can filter on the the_content_more_link hook to change the continue text. If you have a little PHP knowledge you can customize it to your heart’s content.
I have an article on how to do it on my site or you can just do a search on that hook name. My article is here.