You see it on blogs all over the place. You’ve probably even used the
<!--more--> tag yourself. It’s a great way to create an excerpt on your blog to a longer article.
<!--more--> tag keeps things nice and tidy on your blog’s home page, making it easier for readers to scan your home page for interesting articles. When a reader clicks the
more link she’ll be taken to the complete single post.
Did you know the “More” tag can be easily customized?
Your theme probably has a standard phrase that is used when the
<!--more--> tag is displayed. Maybe “Continue reading…” appears, or “By golly, there’s more!” Whatever text appears, it’s easy to change it and you don’t need to know HTML, PHP, or CSS to do it. In fact, you can do it while writing your blog post.
Let’s say you want to change the
more text from its default to “Keep reading this super-awesome post.” Simply change
<!--more Keep reading this super-awesome post-->
<!--more--> tag will go from Continue reading to Keep reading this super-awesome post. It’s that simple! No scary coder stuff needed.
There is one caveat, however: you must be editing your blog in Text mode rather than Visual mode.
If you do most of your blog writing in Visual mode (including adding your
more tag) simply switch to Text mode right before you publish your post.
You’ll see the
more tag where where you placed it in the post and it will be easy to change.
There are also a lot of other customizations that you can do using CSS and a little bit of PHP coding which will add the title of your blog post or an image to the
more tag. If you’re comfortable with those types of changes check out this more technical article at Digging Into WordPress. (See what I did there?)
John Wilkerson has been married to Lisa for 15 years and they have 7 homeschooled children. When he’s not at his day job or hanging with his family, John likes to podcast, blog, and coach soccer. Connect with John online at The Wired Homeschool.