How to change the "read more" button text

Depending on which theme you're using, the "Read More" button may say:

  • Read the Post
  • View the Post
  • Continue Reading

If you'd like to change the button text to something else, we'll show you how in this tutorial!

Before making any edits to your Functions.php file, please make sure that you have access to the File Manager in your cPanel or FTP. The Functions.php file is incredibly sensitive and if a mistake is made, it can cause the "white screen of death" on your site. Having easy access to your File Manager means you can easily upload a fresh copy of the Functions.php file if the need arises.

1. Go to Appearance > Theme Editor > Functions.php.

2. Locate this section:

//* Modify Genesis Read More Link
add_filter( 'excerpt_more', 'harper_read_more_link' );
function harper_read_more_link() {
    return '...</p><p><a class="more-link" href="' . get_permalink() . '">' .
__( 'Read More', 'harper' ) . '</a></p>';
}
Note: The display of this section will vary slightly between themes. The example above is from Harper; yours will say your own theme name.

3. Replace Read More with your desired text. Be sure to keep the apostrophe marks on either side of the text.

5. Click Update File to save your changes.


If you are using the Amelia, Uptown, or Vivienne themes, this is what the text will look like between the apostrophes instead of "Read More" —

Read <em>the</em> Post

The <em> italicizes "the." If you would like part of the button to remain italicized, put the word between <em> and </em>. Otherwise, just remove the <em>'s and place plain text between the apostrophes.

Genesis Responsive Slider button

If your theme supports Genesis Responsive Slider, you may have a separate section in the Functions.php for the slider:

//* Modify Read More Link in Genesis Responsive Slider
add_filter( 'get_the_content_more_link', 'harper_slider_read_more_link' );
add_filter( 'the_content_more_link', 'harper_slider_read_more_link' );
function harper_slider_read_more_link() {
    return '...</p><p><a class="more-link" href="' . get_permalink() . '">' .
__( 'View the Post', 'harper' ) . '</a></p>';
}

In this example, replace View the Post with your desired text.