当前位置: 首页 > wordpress分享 > 正文

为wordpress博客添加返回顶部按钮

很久没更新文章了,现在很多网站都带有“返回顶部”的按钮,这虽然是很小的一个细节,确能够为小站的用户体验增分不少,下面我

们分三步来实现为一个wordpress站点添加“返回顶部”按钮。

1、打开wordpress后台,选择“外观”–“编辑”–找到“footer.php”,在</body>之前加上下面这段代码:

【代码下载】

2、将上面代码中返回顶部按钮图片的路径改成自己想要的图片路径;

本站用的按钮图标:

3、如果觉得图标的位置不太舒服,可以通过改动上面代码部分里,style下的left和top等参数的值来进行调整。

这个功能虽然很简单,但是很实用。

如果发现你从本站拷贝的代码不能用,那是因为代码中的英文符号 ” 被拷贝成了中文的 “ ,只要改回来就行了。

原文转自:http://www.fishandwater.com/?p=115

转载是为了更好的宣传!

本文固定链接: https://www.ziyouwu.com/archives/295.html | 自由屋博客www.ziyouwu.com|wordpress建站技巧分享

为wordpress博客添加返回顶部按钮:目前有6 条留言

  1. 地板
    dreamkite

    测试有效果,呵呵

    2013-08-03 下午5:43 上海市浦东新区 电信 [回复]
  2. 板凳
    chaozhoue

    好吧,试下

    2012-12-30 下午9:06 广东省潮州市 电信 [回复]
  3. 收藏了,马上试试

    2012-12-17 下午6:18 安徽省合肥市 电信 [回复]
    • 多谢支持!我也是转载来的!呵呵,分享一下!

      2012-12-17 下午6:49 四川省绵阳市 铁通 [回复]

发表评论

4 + 3 = ?


快捷键:Ctrl+Enter