Posted on 6 August, 2009 By 28 Comments

Using the WordPress More Tag to Control Content Displayed on Front Page

 

Please Sir, Can I have some more? (by TravelJunkieoz)

Most WordPress Themes are set up to display the full post on the front page rather than the excerpt. If you display a number of articles on the front page, such as the 10 that are in the default WordPress settings, this can make for a very long front page.

I like to use the More tag to display the first paragraph or so and then have a link that says Continue or Keep Reading. And what is nice about using the More tag is that you don’t have to edit any templates – it is right on the toolbar in both the html and visual editors.

The index page of a WordPress template, index.php, displays the article posts with

<?php the_content('continue'); ?>

or

<?php the_excerpt(); ?>

I find it is usually the first.

Whatever comes in the ‘continue’ part is what the link will say when you use the More tag. Some say Keep Reading or Read More of this Article. But it can say anything you want, such as “Read On, If You Dare Sucker!”.

In the html editor there is a simple button that says more.

htmlmore

In the visual editor is a little icon that looks like a ripped piece of paper that says “Insert More Tag” when you hover over it.

more

Wherever you place this tag in your post is where the break on the front page will be. This gives you control over how the article appears and keeps you from having full posts on the front page.

The more link contains a CSS class so you can do all sorts of nifty things when styling it, like using an image. But this will have to wait for another post.

Do you use the More tag? Why or why not?

photo credit: _TravelJunkieoz


StudioPress Premium WordPress Themes

Keep Reading:
Posted In : WordPress Tips

Did you enjoy this article? I can assist you with your WordPress or Facebook project. Contact me and I will provide you with an estimate. You can also connect with me on Facebook or follow me on Twitter. If you are looking for Hosting, WordPress Theme, Newsletter or other recommendations, please view my detailed list.




28 Responses to “Using the WordPress More Tag to Control Content Displayed on Front Page”

Trackbacks/Pingbacks
  1. How to Style the Read More Link in WordPress | (Anti) Social Development
Leave a Comment
You may use: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

CommentLuv badge

About

Kim Woodbridge is an accomplished Information and Technical Consultant specializing in the entire implementation of a WordPress based website including installation, theme design, upgrades, unique customizations and ongoing site maintenance.

Recent Comments

    • Tanya: These are some great plugins! Will have to try a few out, Thanks :) Love that its free too!...
    • Gary Starkman: I wonder if there are gonna be any new posts, I'm a big fan of posts like this one, really is helpful....
    • Raviraj: I am a big fan of woocommerce.. I have installed in many of my websites.. Glad to see these awesome free woocommerce ext...
    • Gary Starkman: Thanks for sharing, put a smile on my face....
    • vaibhav: I have a friend with one. This might help him. Il ask him to contact you...

Wordpress Services

  • Installation, upgrades and maintenance
  • Conversion of existing html and css templates
  • Theme and plugin recommendations
  • CSS customizations
  • Troubleshooting and tweaks for unique situations
  • Customization for individual blogging goals and needs
  • Training and advice