现在的位置: 首页 > Wordpress > WP技巧 > 正文
给WordPress加上一个top按钮
2010年05月23日 WP技巧 ⁄ 共 582字 评论数 43 ⁄ 被围观 7,320+

这几天欣赏了不少优秀的博客,发现自己的博客还差得很远。无论是功能、界面、人气等方面,都远远好过自己的,所以我要走的路还很长、很远。

经常逛论坛的人一般都知道论坛底部有个Top或者返回顶部的按钮,这样便于读者看完文章、评论之后能第一时间回到顶部,浏览更多的帖子。而我们的网站虽然多数只是个人博客,不过如果也有这样一个功能,显然也可以为阅读者带来方便。

方法很多,也很简单。

方法一:html anchor实现

在你目前使用的主题目录下打开header.php文件,在合适的地方(一般是页面导航部分)加上下面简单的代码:(例如我是在header.php文件中的</header>后<body>前加的代码)

<a name="top" ></a>

然后再打开主题目录下的footer.php文件,在合适的位置加上如下的代码:

<a href="#top" >TOP/*可以换成泥想要显示的文字,比如“返回顶部”*/</a>


这样就大功告成了,在页面底部绘有“Top”或“返回顶部”的字样,点击就可以看到效果了。

方法二:js代码实现

直接在footer.php文件中适当位置添加如下的代码即可:

<a href="javascript:;" onclick="scrollTo(0,0);">TOP</a>

同样也可以实现“返回顶部”的目的,有需要的朋友们可以尝试下。我目前使用的是第一种方法,简单容易理解。



目前有 43 条留言 其中:访客:43 条, 博主:0 条

  1. 宁怡 : 2010年05月25日00:42:45  21楼

    不管如何,支持一下!貌似你最近在普及WORDPRESS知识啊,呵呵!

  2. 疾风 : 2010年05月25日10:26:24  22楼

    综合考虑 哪种方法最好呢~

  3. SuperRadio : 2010年05月25日11:15:30  23楼

    细节决定一切。

  4. 先看看 : 2010年05月25日11:24:10  24楼

    貌似挺实用

  5. 博百优 : 2010年05月25日11:37:57  25楼

    细节很重要啊

  6. huangjun : 2010年05月25日12:14:57  26楼

    我好像是第一次来,感觉还可以啊~

  7. 闲云野鹤 : 2010年05月25日12:58:38  27楼

    给WP 添加 Ctrl+Enter 快捷回复我找到了两个代码,但是在这里没办法贴出来,这个是链接http://wange.im/use-ctrl-enter-to-submit-comments-for-wordpress.html你看下吧


    • 管理员
      admin : 2010年05月25日13:23:41  地下1层

      @闲云野鹤:恩 那个我看过了 放进去没有效果~~~

  8. Afio : 2010年07月23日23:07:20  28楼

    好几次在 G 放狗都能在首页前几篇看到你文章。。。权重这么高。。。。看看你的PR也是0。。。哥相信你一定能达到4。。。

  9. Afio : 2010年07月23日23:22:45  29楼

    第二个 方法~实现了 😈 谢 😳

  10. daomeilu : 2011年02月08日06:21:47  30楼

    looks very good, I will add it soon


如果觉得文章或者网站对您有帮助请点击 向TA付款 捐赠作者或者点击下面的分享按钮支持作者

更多

给我留言

留言无头像?

无觅相关文章插件,快速提升流量

×