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.