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

Related posts:

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.






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

    • Marbella: Hi Kim, To get a Valentine card from a child who has been working with it for a few days means so much. They show their...
    • Gaynell M. Jones: Hi Kim, Wow, This is amazing! How can you read this much and blog at the same time?.. Well I'm not that a reader myse...
    • Gaynell M. Jones: Wow! This are cute! I will creat this for my darling. Thanks for the sharing this wonderful Idea....
    • Cmack: I found this website that shows how to have thumbnails link to another page by using the alt/title info in the gallery. ...
    • Lily Rose: This is so cute! I love it when people make their day and do the same for their close ones...

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