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

  • A+
所属分类:网站建设

老张博客曾多次提到过用户体验,《如何看网站的用户体验》中专门给大家讲解了用户体验。其实用户体验最基本的理解就是为浏览者着想就可以了。那么本文章的这个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>

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:38   其中:访客  38   博主  0

    • Jethro Jethro 5

      难道是沙发?

      老张,没看到你左边有这个功能啊。。

      • ifenwen ifenwen 5

        正好拿来使用

        • ifenwen ifenwen 5

          不过评论之后就看不到效果了 不知道是怎么回事

          • 囧啊囧 囧啊囧 4

            有需要,等过段时间再弄,已经标记这个功能很久了

            • 心理咨询 心理咨询 0

              PHP高手,参考一下

              • 淘宝减肥产品排行榜 淘宝减肥产品排行榜 0

                有些日子没来,博主的文章都更新了!~

                • 英语四级 英语四级 1

                  热门文章这个栏目是如何调用的呢,期待楼主回复

                  • yesureadmin yesureadmin 6

                    很好很强大,不过有类似的功能了

                    • 龙的传人 龙的传人 5

                      可以动的小图标能给博客带来一点生气~
                      感谢老张分享,有空试试~

                      • Code之行人 Code之行人 1

                        由于长期彼此之间很少互访,现在撤下你的博客友链,也烦请撤下我的链接。见谅~
                        元旦快乐

                        • 老大网络 老大网络 2

                          这个号
                          他娘的GG阅读器太不好用了
                          有更新也不提示

                          • internet marketing secrets internet marketing secrets 0

                            对啊,试了两篇文章,没看到这个功能啊

                            • ziyouhua ziyouhua 0

                              你 曾说有将快照天天更新的办法,但说的太简单,请再说得具体点好吗

                              • 新少林寺 新少林寺 0

                                天气那么冷,不想打字了,哈哈

                                • 阿普雷 阿普雷 3

                                  :mrgreen: 新年快乐

                                  • 李金龙 李金龙 4

                                    呵呵,如果加上jquery效果就更加不错了!不过还是得谢谢老张了!呵呵

                                    • 立顿商城 立顿商城 0

                                      不错支持一下。

                                      • 左旋肉碱 左旋肉碱 0

                                        需要什么来什么,谢谢博主!

                                        • 古墓候梅 古墓候梅 1

                                          暂时不需要这样的功能。

                                          • iciy博客 iciy博客 0

                                            这个比较简单些,我搬走了啊。

                                            • plc教程 plc教程 0

                                              Plc必备网为你提供plc教程,plc编程,plc视频,plc学习资料,plc资料下载等热门plc资源,一切尽在plc必备网

                                              • arka arka 0

                                                。。路过 我也不知道怎么进来的~

                                                • 漂石 漂石 0

                                                  老张分享很给力,建议更多分享些优秀插件应用,期待中。。。

                                                  • 奔跑的乌龟 奔跑的乌龟 0

                                                    您好,老张!
                                                    可以把你的友情连接模板给我发一份吗?

                                                    • 老大网络 老大网络 2

                                                      我去试试去

                                                      • 西安SEO 西安SEO 1

                                                        来支持了,,,

                                                        • 路四方博客 路四方博客 1

                                                          好东西啊!可惜自己太笨了!看不懂! :mrgreen:

                                                          • 罗迦费升格 罗迦费升格 5

                                                            好东西哇~~正好需要。

                                                            • 橙色多天网 橙色多天网 0

                                                              围观加学习,谢谢

                                                              • toinka toinka 4

                                                                老刘~这个插件我可以上传到WP后台,再去加那个JS代码吗?

                                                                • toinka toinka 4

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

                                                                  这个代码是不是放到哪里都可以?

                                                                  • 电脑回收 电脑回收 2

                                                                    这两天就加这个功能,老张qq号不错

                                                                    • CHEUNG CHEUNG 0

                                                                      这两个图片在我的博客上显得偏右了,需要改哪个代码能左移一下?

                                                                      • ww ww 0

                                                                        ;-)

                                                                        • 兰州SEO 兰州SEO 0

                                                                          前辈,我的按这个方法做了,可是就出来个回顶部。不知道哪里出问题了,怎么评论的就不出来