How to make the Read more link into a button in WordPress

Many WordPress themes add a “Read More” or “Continue Reading” link after a blog post. In this tutorial, I am going to show how to turn this link into a button.

You can easily style the current class that is in the read more link and make it look like a button. In my case, I have the Bootstrap framework already included in my theme so there is no reason to style something to look like a button when I can just add the classes that Bootstrap offers.

To do this, I used a WordPress filter to target the read more link and just added a Bootstrap class.

Add a class to the Read More link

In the extras.php file, I added the following code that I copied from the WordPress codex and added the Bootstrap button classes.

Mentioned in the Video Tutorial