首页 Wordpress为博客添加返回顶部按钮

为博客添加返回顶部按钮

当Wordpress网页显示的内容增多时，如果继续使用鼠标滚动来返回顶部导航的话将会是件很麻烦的事情。很多时候我们需要滚好几下才能到达顶部,这时为博客添加返回顶部按钮是很有必要的，不过现在大部分博客主题都已集成这个功能。这次添加的返回顶部是我在上个主题mossight中用到的,具体效果为icon
源代码下载地址：http://pan.baidu.com/share/link?shareid=1248009496&uk=2114932829
引入lrtk.css/jquery.js/js.js文件

<link type="text/css" href="<?php bloginfo('template_directory');?>/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/js.js"></script>

在single.php或者index.php添加 

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#@@@@@@"></a>
	<a id="xiangguan" href="#@@@@@@"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

在本主题中，可以如下设置定位到快速回复，相关文章

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#respond"></a>
	<a id="xiangguan" href="#share"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

大家可以自身主题更改下............<高手勿喷>

评论 ( 51)
  1. 沙发
    fenng 2013-08-25 15:10

    😈 我喜欢极客公园的返回效果，好帅

    回复
  2. 板凳
    一季花落 2013-07-30 06:00

    改了嘛 怎么没看到

    回复
  3. 地板
    从良未遂 2013-07-16 06:14

    你自己用的不是这个啊。

    回复
  4. 4 楼
    wordpress中文 2013-07-11 09:27

    这个东西不错，收藏了，哪天说不定会用得上呢！

    回复
  5. 5 楼
    一季花落 2013-07-08 13:17

    支持海蓝的 我也喜欢那个

    回复
  6. 6 楼
    海蓝 2013-07-08 04:54

    其实还是有个向上和评论的按钮比较方便

    回复
  7. 7 楼
    谷力果粒 2013-07-06 18:26

    嗯，看起来很不错呢。

    回复
  8. 8 楼
    明修网络博客· 2013-07-05 15:00

    这就是用户体验，很不错的设计

    回复
  9. 9 楼
    anopos 2013-07-05 05:30

    简单的东西被搞得太复杂了吧。

    回复
    • 回复
      andy 2013-07-05 09:15
      @anopos： @anopos : 其实不是很复杂吧，大部分都是这样的吧
1 2 3 4

发表评论