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. Jethro 的头像
    Jethro Lv5.熟稔有加
    难道是沙发? 老张,没看到你左边有这个功能啊。。
    15年前
  2. ifenwen 的头像
    ifenwen Lv5.熟稔有加
    正好拿来使用
    15年前
  3. ifenwen 的头像
    ifenwen Lv5.熟稔有加
    不过评论之后就看不到效果了 不知道是怎么回事
    15年前
  4. 囧啊囧 的头像
    囧啊囧 Lv5.熟稔有加
    有需要,等过段时间再弄,已经标记这个功能很久了
    15年前
  5. 心理咨询 的头像
    PHP高手,参考一下
    15年前
  6. 淘宝减肥产品排行榜 的头像
    有些日子没来,博主的文章都更新了!~
    15年前
  7. 英语四级 的头像
    英语四级 Lv1.萍水相逢
    热门文章这个栏目是如何调用的呢,期待楼主回复
    15年前
  8. yesureadmin 的头像
    yesureadmin Lv9.惺惺相惜
    很好很强大,不过有类似的功能了
    15年前
  9. 龙的传人 的头像
    龙的传人 Lv6.推心置腹
    可以动的小图标能给博客带来一点生气~ 感谢老张分享,有空试试~
    15年前
  10. Code之行人 的头像
    Code之行人 Lv1.萍水相逢
    由于长期彼此之间很少互访,现在撤下你的博客友链,也烦请撤下我的链接。见谅~ 元旦快乐
    15年前
😊