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. 没有图片

    2010.02.28

    Windows 7 Build 7700 泄露版图片收藏

    一直使用着Windows 7 7600版本,…

  2. 没有图片

    2011.04.03

    网页设计用到的漂亮字体.备用(更新)

    因为折腾主题和设计网页一直需要与字体打交道,…

  3. 2014.06.25

    响应式 jQuery 滑块插件 – iView Slider

    iView Slider 是一款优秀的 jQ…

  4. 没有图片

    2011.11.20

    同步WordPress到新浪微博插件wp-tsina

    博客搬家后,很久不玩同步了,本来哥是个同步控…

  5. 没有图片

    2011.03.22

    推荐12款WordPress TwentyTen 衍生主题

    TwentyTen 主题是WordPress…

  6. 没有图片

    2011.04.20

    WordPress默认评论样式CSS类

    今天折腾了一下博客的评论CSS,其实Word…

评论

  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下午

    我来试试看。啥效果的。

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!