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. 头像
    PHP高手,参考一下
    15年前
  2. 头像
    囧啊囧 Lv5.熟稔有加
    有需要,等过段时间再弄,已经标记这个功能很久了
    15年前
  3. 头像
    ifenwen Lv5.熟稔有加
    不过评论之后就看不到效果了 不知道是怎么回事
    15年前
  4. 头像
    ifenwen Lv5.熟稔有加
    正好拿来使用
    15年前
  5. 头像
    Jethro Lv5.熟稔有加
    难道是沙发? 老张,没看到你左边有这个功能啊。。
    15年前
😊