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.萍水相逢
    这个号 他娘的GG阅读器太不好用了 有更新也不提示
    15年前
  2. internet marketing secrets 的头像
    internet marketing secrets
    对啊,试了两篇文章,没看到这个功能啊
    15年前
  3. ziyouhua 的头像
    ziyouhua
    你 曾说有将快照天天更新的办法,但说的太简单,请再说得具体点好吗
    15年前
  4. 新少林寺 的头像
    新少林寺
    天气那么冷,不想打字了,哈哈
    15年前
  5. 阿普雷 的头像
    阿普雷 Lv2.初识寒暄
    :mrgreen: 新年快乐
    15年前
  6. 李金龙 的头像
    李金龙 Lv3.点头之交
    呵呵,如果加上jquery效果就更加不错了!不过还是得谢谢老张了!呵呵
    15年前
  7. 立顿商城 的头像
    不错支持一下。
    15年前
  8. 左旋肉碱 的头像
    左旋肉碱
    需要什么来什么,谢谢博主!
    15年前
  9. 古墓候梅 的头像
    古墓候梅 Lv1.萍水相逢
    暂时不需要这样的功能。
    15年前
  10. iciy博客 的头像
    iciy博客
    这个比较简单些,我搬走了啊。
    15年前
😊