Update 12/2015: I’m no longer updating this post so I can’t guarantee compatibility with latest version of WordPress, your theme or plugins. Test on your Localhost first before implementing it on your live site!
In my last post, I showed you how to change the post excerpt length in WordPress. Today I’d like to share with you how you can easily change the read more link to something less ubiquitous. For instance, “…are you eager to read more?” or “…click here to read the rest of the post”… you can even add an image or HTML character entities/extended characters. Try this ‘« « « «’
Here are two easy ways to customize your WordPress read more link. If you’re looking for a really good web host for your blog, try Bluehost – I found the setup procedure and their control panel very easy to adapt to and their IT team is awesome!
Method 1: Using a WordPress Plugin.
There are several WordPress plugins that you can use to change the read more link. I wouldn’t recommend any (unless you really hate writing code to your site!) since the couple I tried had limited functionality or didn’t work. Search for “read more plugin” on the WordPress plugin directory and take your pick.
Method 2: Edit your template’s functions.php
This requires very little knowledge of php or html. It’s easy as copy and paste.
Step 1: Find the functions.php
There are two ways to can access your template’s function.php: WP dashboard or your cPanel. From your WordPress Dashboard, go to appearance-editor. From the right hand sidebar, choose the functions.php file. Please note that you do not have access to the undo changes function and any saved changes are permanent! From your cPanel, you can edit the functions.php through the file manager. In most cases you will find it in this folder path: /public_html/wp-content/themes/YOUR THEME/. Most cPanel file managers allow you to search for the file, at least mine does!
Step 2: Edit functions.php
The next step is to copy and paste the following code to your functions.php. Where? Anywhere generally works, but try and paste it just before the end, inside the ?>. The ?> marks the end of the code in functions.php, so you want to add your code just inside that.
BUT, don’t copy the code directly to your functions.php. That’s because the fancy quotes will break your site! So you’ll need to first copy the code to Notepad, edit and make sure you don’t have fancy quotes and then copy the code to your functions.php. As, always you should test the code on your localhost; not live site, to make sure it works as intended before making changes to your live site.
Here’s the code. You need to copy and paste everything from // to ; and remember to edit the text “… on the edge of your seat? Read more!!” to whatever you want your read more text to be and make sure you don’t have any fancy quotes.
// Customizes read more link in excerpts
function new_excerpt_more($more) {
global $post;
return ' <a href="'. get_permalink($post->ID) . '"> ... on the edge of your seat? Read more! </strong> </a>'; //you can change this text to whatever you like
}
add_filter('excerpt_more', 'new_excerpt_more');Step 3: Save functions.php
Save the functions.php file and you’re done.
Would you like more WordPress customization tips? Leave a comment and let me know.
Leave a Reply