WordPress评论嵌套下课 -悬浮显示评论菜鸟教程

可以说目前网上很热门而且受关注的Wordpress嵌套评论一时风靡网络,很多有技术的博主们纷纷都设置上了嵌套评论,这个功能主要是让评论者容易找到谁评论了谁,实现嵌套的效果,一目了然,演示:万戈博客

但我用的主题的设计者MG12发布了实现悬浮显示评论的方法,看起来效果还真不错,

菠萝引路>>演示看这里!(这里也有教程,不过有几个地方新博主可能不好理解)

我来把我设置的过程详细介绍一下,尽可能简单,让新博主们也能按教程实现效果:

悬浮@评论

1、下载 commenttips.js 文件,文件放置到 iNove/js 目录。(我用的是iNove主题)

2、后台编辑你正在使用的主题风格,找到style.css文件编辑,在最后面添加上以下代码:

#thecomments .tip {
	background:#FFF;
	border:1px solid #CCC;
	width:605px;
	padding:10px !important;
	padding:10px 10px 0;
	margin-top:0;
	position:absolute;
	z-index:3;
}
#thecomments .tip .act {
	display:none;
}
*+html #thecomments .tip {
	padding:10px 10px 0 !important;
}

3、在主题中添加Javascript调用代码,建议代码放在footer.php文件里,我的风格的页脚文件是footer.php,而MG12的是End.php,这个地方可能会让新手发晕,我略作解释。把下面代码放在</body>前面!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/commenttips.js"></script>

至此,就实现了你的评论回复内容的悬浮显示!如果还有什么问题,欢迎交流!

你如果有什么好的办法,也欢迎分享!

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2009.07.26

    金山毒霸通行证7月26日

    通行证:KSDA69262213 密码:01…

  2. 没有图片

    2013.10.30

    WordPress模板开发获取优酷视频缩略图

    有时写WEB程序时本文主要介绍WordPre…

  3. 没有图片

    2009.10.17

    推荐三款我正在使用的WordPress优化插件

    本文应该算是写给新博主,如果你是才建博客,应…

  4. 2012.08.01

    WordPress主题 X5 正式发布

    现在大家看到的是我的新作品,主题结构来自11…

  5. 没有图片

    2014.09.03

    如何正确地给固态硬盘分区(转)

    如果您正在使用或者准备购买固态硬盘(SSD)…

  6. 没有图片

    2013.12.26

    phpMyAdmin 高级功能设置方法

    phpMyAdmin 安装后,默认其高级功能…

评论

  1. 涛神 2010.07.13 8:23下午

    我关心的是你站上这个评论效果是如何实现的。。

  2. 贤人 2010.04.24 2:32下午

    Nobird :
    过来学习一下…总觉得嵌套看上去舒服点,不过嵌套多了就乱了…

    好像效果不错,我也来试试看。

  3. 集趣 2010.04.22 9:19下午

    这种效果不错!
    .-= 集趣的最新日志:男人的梦想 =-.

  4. asdfd 2010.02.11 5:31下午

    @Nobird
    wo kan kan xiaoguo

  5. 老马事途 2009.12.25 11:55下午

    学习了。顺便转些东西过去,以备后用
    .-= 老马事途的最新日志:WordPress评论嵌套 -悬浮显示评论菜鸟教程 =-.

  6. Nobird 2009.11.26 10:47上午

    过来学习一下…总觉得嵌套看上去舒服点,不过嵌套多了就乱了…

  7. 最后块烧饼 2009.11.01 7:02下午

    这评论效果做的很漂亮

  8. 菠萝 2009.10.21 9:23上午

    @qiqiboy
    那就太好了!你发来的消息让我兴奋!

  9. chisdy 2009.10.21 1:12上午

    哈哈,这效果挺不错的,看来嵌套评论是不需要

  10. qiqiboy 2009.10.20 10:24下午

    @whisperer
    opera下啥问题,没觉得呀。。。我是在mac 上的opera 10.0上测试的。。。

  11. sleepy 2009.10.20 9:30上午

    还是喜欢嵌套的

  12. 菠萝 2009.10.20 8:55上午

    @万戈
    whisperer弄错了,我文章里说是你用的嵌套,并链到你的博上演示,结果他非说你放弃了。哈哈。。。

  13. 万戈 2009.10.20 8:40上午

    @whisperer
    没有啊,好不容易给主题动了大手术完成了原生的嵌套,我怎么会抛弃嵌套呢

  14. 随影 2009.10.20 8:34上午

    晕 互动特效 有时候 感觉效果还是挺无聊的 可能简单就是美吧!

  15. 菠萝 2009.10.20 7:42上午

    @mimzyx
    各有所爱,自由选择!嵌套其实也不错啊,只是这个是新生事物,尝尝鲜。。。

  16. 菠萝 2009.10.20 7:41上午

    @bolo
    说得对,Opera不支持,不过目前用O浏览器的不多。

    @帅青蛙
    帅青蛙,你的头像就是@o@这个青蛙,哈哈!很可爱的头像。

  17. 菠萝 2009.10.20 7:37上午

    @whisperer
    你不好好阅读我的内容,这里万戈是嵌套评论的代表。

  18. 翔子 2009.10.20 6:50上午

    wordpress 悬浮评论

  19. bolo 2009.10.20 12:40上午

    @whisperer
    该脚本不支持Opera

  20. bolo 2009.10.20 12:33上午

    我反而想使用嵌套

  21. mimzyx 2009.10.20 12:06上午

    我喜欢你这个嵌套评论。

  22. whisperer 2009.10.19 11:21下午

    如果其他地方用到jQuery就不用再加载了,另外好像用的最多的jQuery是1.3.2、1.2.6、1.2.3!

    再囧 误导人,万戈没有用这个效果!

  23. whisperer 2009.10.19 11:17下午

    早就用上了 哈哈

    不过在opera下是有问题的

    万戈抛弃嵌套了?围观去。。。。

  24. 帅青蛙 2009.10.19 11:11下午

    博主我的头像为什么显示是这样的。我的本来是小青蛙的( ⊙ o ⊙ )啊!。

  25. 帅青蛙 2009.10.19 11:11下午

    @帅青蛙
    酱紫。

  26. 帅青蛙 2009.10.19 11:10下午

    我来试试看。啥效果的。