Preventing Post Scroll When A Visitor Clicks The Read More Link

This is one of those small things you can do to your WordPress site that can make a big difference.

By default, some themes, when you insert a “read more” link into your blog posts after a visitor clicks on the link, that visitor will be taken to the full post to continue reading from where they left off.

So the text that was shown before the “read more” link will no longer be visible and the user will need to scroll up the page to view it again.

If you are anything like me, you find it annoying and would rather have the full post to view when you click through.

But it’s more than just about annoying a few people. This can actually impact the effectiveness of your site if you have key things like optin forms, banners, etc above the fold in your sidebar.

A visitor may not see those things since they are taken to what is basically the middle of your page.

They will also not see the top menu bar where most times all your important links are located.

It takes one minute to prevent this page scroll from happening…

Step 1: Copy the code below:
function remove_more_link_scroll( $link ) {
$link = preg_replace( '|#more-[0-9]+|', '', $link );
return $link;
}
add_filter( 'the_content_more_link', 'remove_more_link_scroll' );

Step 2: Install and activate the free Code Snippets plugin on your site.

After the plugin is installed, on the left hand side of your admin dashboard, click on the ‘Snippets’ link and ‘add new’.

Name the new snippet ‘Read More’, paste the code from Step 1 into the box, and click on the ‘save and activate’ button at the bottom of the screen:

snip
Done.

Leave a Reply

Your email address will not be published. Required fields are marked *