BLACK FRIDAY SALE: Get 50% Off On Any UNLIMITED DOWNLOADS Plan! Use Code "blackfriday" At Checkout

DOWNLOAD ALL NOW!

Search for a plugin or theme

How to Change the ‘Read More’ Button Text in WordPress

You are currently viewing How to Change the ‘Read More’ Button Text in WordPress

The read more button will appear below every post excerpt on the blog archive page.

While many are OK with the default text, others would like to change it.

In this article, you’ll learn how to change the ‘Read More’ text on WordPress.

What is the Read More Button

The blog archive page displays the most recent ten blog posts of your website.

Because each blog post has its URL address, it is unnecessary to show the full article on the archive page.

Instead, the archive page will only display the post’s excerpt linked to the full blog post.

The read more button is positioned below every post excerpt, indicating that the visible content is just a tiny part of the article.

After clicking on the read more text, the user will be redirected to the full blog post to read the entire article.

While the default Read More text is used by most, some would like to have the option to customize every part of their website, including that button.

In the next section, I’ll show you how to change the Read More text to a custom text.

Changing the Read More Text

Changing the default button’s text is a straightforward task that can be done in a couple of different ways:

  • From the customization screen (theme dependent).
  • With a PHP function.

I recommend you first check if your theme can change the text from inside the customization screen before trying the PHP function method.

Method #1: Customization screen

This is my preferred way because it’s easy and does not require any codes.

Many themes should have the option to change the read more text to your desired text easily.

To check if your theme has the option, click on the customization link of the admin bar and look for it inside the different tabs.

Enter the customize screen

Because we can’t list all the different WordPress themes, we will use the popular Responsive theme as an example.

After entering into the customization screen, click on ‘Blog/Archive’ twice and scroll down the sidebar.

Blog archive tab

At the bottom of the screen, you’ll have the option to change the default text to your custom desired text.

Change the read more text

Once change, make sure to save the changes and revisit the archive page.

Most popular themes will have the option to change the read more text inside the customization tab.

If you couldn’t find the option to do so, you’ll need to use a PHP function.

Method #2: use a PHP function

This method should work for most WordPress themes.

As I said earlier, first check if your theme can change the read more text before using a function.

If you couldn’t find a way, your theme is using the default WordPress hook, and therefore you can change it with a function.

Step #1: Theme editor

The first step is to open the functions.php file of your child theme.

If you don’t already have one, make sure to create a child theme before moving on.

Navigate to Appearance -> Theme editor and click on the functions.php file from the list on the right.

Once clicked, scroll to the bottom of the file and move on to the next step.

Step #2: Use a function

Now, copy the function below, and paste it at the bottom of the functions file.

// Replaces the excerpt "Read More" text by a link
function new_excerpt_more($more) {
       global $post;
	return '<div class="moretag"><a href="'. get_permalink($post->ID) . '"> Read the full article...</a></div>';
}
add_filter('excerpt_more', 'new_excerpt_more');
WordPress function to change the read more text

Make sure to change the Read the full article... to your desired custom text, and click update when finished.

Step #3: Test the button

Once updated, the read more text button should change and reflect the new text you entered.

Refresh the blog archive page and verify that the new text is appearing instead of the old one.

Custom read more text

After changing the text, read how to change the link color article and learn how to style the button with CSS to match the rest of your website.

If the function above didn’t work for you, search for a function that was specifically coded for your theme. You can usually find it inside the documentation page of the theme you’re using.

Conclusion

In this article, you learned how to easily change the read more text in a few different ways.

Let us know which way you choose or need a specific function for the theme you’re using.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

Leave a Reply