WordPress博客添加返回顶部按钮教程

当Wordpress文章较长或者评论较多导致页面较长时,如果要从下端位置返回顶端,使用鼠标滚轮是非常不方便的,这时就需要添加一个返回顶部按钮,提高用户体验。现在分享一个简单的教程,方便有这方面需要的博主。
其实非常简单,只要在WordPress主题的footer.php添加一段代码即可。

第一步 添加代码

进入WordPress 控制面板-“外观”-“编辑”,找到footer.php,在</body>之前添加以下代码:

返回顶部

第二步 添加按钮图片

将代码中图片绝对地址替换成你的返回顶部按钮图片链接,这样的图片在网上很容易找到,本人认为越简单越好。
推荐一个:up

附注

如果发现返回按钮的样式跟自己的博客不太协调,可以尝试修改步骤一中代码的style的值以自定义按钮位置。

懒人办法

发现一个网站提供了多种样式的js,直接插入footer中调用即可,地址http://dyygtfx.com/top/