WordPress技巧:简单三步轻松实现“回顶部、写评论”功能

老张博客曾多次提到过用户体验,《如何看网站的用户体验》中专门给大家讲解了用户体验。其实用户体验最基本的理解就是为浏览者着想就可以了。那么本文章的这个WordPress技巧就充分地体现了博客针对用户体验的一个功能。

细心的朋友一定会发现,在我的博客文章页面中,当文章过长时,左面就出现"回顶部、写评论"这两个小图标。当浏览者单击"回顶部"时,文章页面就会回到文章顶部,当浏览者单击"写评论"时,文章页面就会到最底部便于浏览者写评论。

现在老张就把这个方法分享给大家:

1、点击下载 功能包 ,此功能包内包含两个图片文件和一个JS文件。

2、将功能包直接解压放到博客的根目录中。

3、找到你博客主题下的文章页面模板 (single.php)加入以下代码

<script type="text/javascript" src="../t-c.js"></script>

当你完成以上三步,就可以实现这个功能了。

如果你想把功能包放在其他位置的话,只需要修改两处,一是功能包中的JS文件,另外是single.php中代码的路径。

suspendcode="<div id="full" style=’display:none; width:15px; height:57px; POSITION:absolute; left:50%; top:460px; margin-left:200px;  z-index:100; text-align:center;’><a href=’#’><img src=’../btn_top.gif’ border=0 /></a><br><br><a href=’#comment’><img src=’../btn_comment.gif’ border=0 /></a></div>"

<script type="text/javascript" src="../t-c.js"></script>

评论区

共 38 条评论
  1. 头像
    老大网络 Lv1.萍水相逢
    我去试试去
    15年前
    1. 头像
      老张博客 博主
      @老大网络 应该试下,这个功能非常实用
      15年前
  2. 头像
    您好,老张! 可以把你的友情连接模板给我发一份吗?
    15年前
    1. 头像
      老张博客 博主
      @奔跑的乌龟 不好意思,现在才回复你,你可以加我QQ:13156789
      15年前
  3. 头像
    老张分享很给力,建议更多分享些优秀插件应用,期待中。。。
    15年前
  4. 头像
    。。路过 我也不知道怎么进来的~
    15年前
  5. 头像
    Plc必备网为你提供plc教程,plc编程,plc视频,plc学习资料,plc资料下载等热门plc资源,一切尽在plc必备网
    15年前
  6. 头像
    这个比较简单些,我搬走了啊。
    15年前
  7. 头像
    古墓候梅 Lv1.萍水相逢
    暂时不需要这样的功能。
    15年前
  8. 头像
    需要什么来什么,谢谢博主!
    15年前
  9. 头像
    不错支持一下。
    15年前
  10. 头像
    李金龙 Lv3.点头之交
    呵呵,如果加上jquery效果就更加不错了!不过还是得谢谢老张了!呵呵
    15年前
😊