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. 2013.10.30

    博客升级到 WordPress 3.7.1

    才升级到WordPress 3.7正式版没几…

  2. 没有图片

    2010.09.27

    微软安全软件 Microsoft Security Essentials

    通过正版验证的Windows电脑用户,可以免…

  3. 没有图片

    2012.03.03

    精选15个CSS框架

    1.960 Grid System 960网…

  4. 没有图片

    2012.09.25

    一段VB代码

    Dim dtmBeginTime As Da…

  5. 没有图片

    2011.12.05

    网站提速、穿越封锁:Cloudflare使用教程

    今天研究了一下Cloudflare对网站的加…

  6. 没有图片

    2009.09.07

    西班牙 微博客系统 Jisko

    国外最有名的微博客系统莫非就是Twitter…

评论

  1. 菠萝 2009.10.20 7:42上午

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

  2. 菠萝 2009.10.20 7:41上午

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

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

  3. 菠萝 2009.10.20 7:37上午

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