EasyLifeguide - Posts about Life, Entertainment, Tips, Step by Step Guide and a lot more! » Read More Link http://www.easylifeguide.net Qoutes | Guides | Tips | Yuo Tube Downloads Fri, 05 Mar 2010 23:07:03 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Wordpress Tips: Customizing the ‘Read More’ – Designing the Read More Link http://www.easylifeguide.net/2007/11/24/wordpress-tipscustomizing-the-read-more-designing-the-read-more-link/ http://www.easylifeguide.net/2007/11/24/wordpress-tipscustomizing-the-read-more-designing-the-read-more-link/#comments Sun, 25 Nov 2007 03:05:47 +0000 Jers http://www.easylifeguide.net/index.php/2007/11/24/wordpress-tipscustomizing-the-read-more-designing-the-read-more-link/ 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:

    4. <?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. b4.jpg

    after.jpg

  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
]]> http://www.easylifeguide.net/2007/11/24/wordpress-tipscustomizing-the-read-more-designing-the-read-more-link/feed/ 2