First of all, create and upload an image you want to use to your WordPress ftp, and save the url to it’s location.
Secondly, log into your dashboard and click on Editor, then Header.php.
Look for the following code: </head>
<body>
If the body element already has an id, copy that id name, but if it does not, give it an id by changing it to the following and save your template: <body id=”top”>
Now, go to your Footer.php and find the following code <p> class=”art-page-footer”></p>
</div>
Directly after that code, add this code: <div>
<a style=”display:scroll;position:fixed;bottom:10px;right:10px;” href=”#top“><img
src=”THE URL TO YOUR IMAGE HERE”/></a>
</div>
Change the URL to your actual image url, and you can change the position on the screen by changing the red elements above.
Make sure, that if your Header.php already had an id associated with the body, that you replace “#top” to that id instead making sure to keep the # and quotation marks.
Save your template, and you are all done!
If you also want to add a text link to the bottom of your posts, all you need to do is add the code below to the bottom of each post that you write (just make sure that you are in HTML mode and not Visual): <a href=”#top”>Back to Top</a>
Posts
