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




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

    • Property Marbella: Hi Kim, Good article with several good tips, my friend up in Sweden has clothing stores and online sales with little tr...
    • Kim Woodbridge: This post was written 2.5 years ago. At that time people wanted detailed instructions and asked me to write it. And wh...
    • Kim Woodbridge: Pretty much all themes have a page.php file. Are you using a child theme? If so, you will want to look for the page.ph...
    • Mitch: That's why the internet has evolved into a worthless piece of "junk yard". Everybody is repeating the same thing over an...
    • Meredith: This is very straightforward info, and I think it will help, but I have one question. What if I don't have a page.php fi...

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