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

    2012.11.19

    萌芽主机一周年,旗下MT主机限时活动开始!

    庆祝萌芽主机健康运营一周年,感谢一年来朋友们…

  2. 没有图片

    2011.03.02

    菠萝筐加入无觅网 启用相关插件

    昨晚无觅网管理员QQ联系了菠萝,想与博客联盟…

  3. 没有图片

    2010.01.27

    DedeCMS 5.5 SP1 年底发布

    今天突然想起我曾经相处多年的DedeCMS了…

  4. 2014.02.24

    响应式jQuery幻灯片 – ResponsiveSlides.js

    ResponsiveSlides.js是一个…

  5. 没有图片

    2010.10.13

    分享到QQ空间后,让倒计时永远计下去!

    平时把一篇文章分享到QQ空间后,就会出现一个…

  6. 没有图片

    2013.08.28

    WordPress主题 NewsPlus 安装使用教程

    很多朋友都在使用我发布的原版汉化作品 New…

评论

  1. mimzyx 2009.10.20 12:06上午

    我喜欢你这个嵌套评论。

  2. whisperer 2009.10.19 11:21下午

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

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

  3. whisperer 2009.10.19 11:17下午

    早就用上了 哈哈

    不过在opera下是有问题的

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