Things should be kept simple and readers experience should be improved. Sometimes small things are not given importance but the fact is that those small things are really important from your site visitors/readers point of view. For example, after reading a long and lengthy post, the reader will need to manually scroll at the top of the article to navigate to other pages of the site. Surely, this is not a good user experience and therefore you can add a “Scroll to top” link or button to the bottom of your WordPress post.
Here is a very useful but simple way for your reader to scroll back to top with just a single click.
Firstly, open your header.php and ensure that you have
<div id="header"> in your file. This is usually present in most themes.
Now open footer.php file and insert the below code where you want your Scroll to top link to appear.
<a href="#header">Scroll to top</a>
If you want to place a button, then use the below code:
<a href="#header"><img src="full image URL"></a>
If you don’t have
<div id="header"> in your header.php then use the below code to insert a link:
<a href="#top">Scroll to top</a>
And use the below code to insert a button/image to Scroll to top:
<a href="#top"><img src="full image URL"></a>
Insert this code where you want to place the link or image for scrolling to top. Place it where readers can easily find and click on it.
Welcome to a more improved reader experience.