首页 » WordPress » 最简单的代码方法给wordpress加入返回顶部按钮

最简单的代码方法给wordpress加入返回顶部按钮

 

搞了个新网站,由于主题没有自带返回顶部按钮,那只能自己动手了,这类的第三方插件非常多,但是我认为能用代码实现的就不要用插件,插件越多拖慢网站速度那是必须的。
 
在网上找到一种代码方法,非常简单,Window事件控制的,下面就分享一下吧:
 
准备工作:
1、准备一个返回顶部的图片
2、上传返回顶部所需要用到的脚本文件
 
实施:
1、首先下载所需脚本文件:点击下载
下载后再上传到网站FTP中,等第2步调用脚本。
 
2、编辑主题模板中的footer.php文件,把下面代码复制到footer.php的</body>标签之前即可:

<div id="full" style="position:fixed; right:40px; bottom:15px; text-align:center; cursor:pointer;">
<a><img src="<span style="color: #ff0000;"http://www.5abj.com/wp-content/themes/Everyday/img/gototop.png</span>"></a>
</div>
<script src="<span style="color: #33cccc;">http://www.5abj.com/js/gototop.js</span>" type="text/javascript"></script>

注意:复制进去后,把代码中图片链接和脚本链接换成自己的返回顶部图片地址和刚上传脚本获取的链接地址,最后保护即可。
 
刷新下网站页面看看右下角是否已经有返回顶部按钮了~~如果觉得位置不对,可以自行调整right:40px; bottom:15px;这2个参数。

原文链接:最简单的代码方法给wordpress加入返回顶部按钮,转载请注明来源!

4