Qoutes | Guides | Tips | Yuo Tube Downloads

On my previous post about customizing The Read More Link, we had learned how to make the link jump to the top of the page. If you don’t want that kind of behavior on your read more links, you may leave the code as is. Now if you want your excerpt to be more enticing and inviting to the readers to continue reading, you might want to customize how the read more link will be displayed.

By default, the read more tag displays more...

If you want to change the words from more…. to something else, just type in the new words into the tag.

Designing the Read More Link

1. Open your current theme template files that contain the <?php the_content();?> tag. These files are usually the index.php and single.php files located at /<root>/wp-content/themes/<current theme directory>.
2. To change the way your Read More link appears on your front page, lets edit the index.php file. Open the file in any text editor.
3. Look for the call on <?php the_content()?>. The call may contain some customized words already, but since we want to place our own customized words, say ‘Please click here to continue reading’, we will edit the parameter to look something like this:

<?php the_content('Please Click here to continue reading »'); ?>

4. When you load your page, the read more tag will be changed from (more…) to ‘Please click here to continue reading »’





5. If you want to customize the appearance of your read more link, you may edit your CSS file.

That’s it

Part 1: Customizing the ‘Read More’ – Link Jumps to Top of Page

Upcoming Post(s):

• Customizing the ‘Read More’ – Adding image to the Read More link

Tags: design, link, Read More Link

This entry was posted on Saturday, November 24th, 2007 at 10:05 pm and is filed under Blogging Tips, Wordpress tips. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.