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

    在线相册程序Imagevue安装与使用教程

    上次给大家推荐了一款效果非常牛的在线相册PH…

  2. 2013.12.26

    phpMyAdmin “缺少 mcrypt 扩展。请检查 PHP 配置。”解决办法

    在安装配置phpMyAdmin管理mysql…

  3. 没有图片

    2010.07.05

    Windows 8 应该实现的新功能

    通过对Windows 7的使用体验,在新的操…

  4. 没有图片

    2010.12.12

    WordPress简洁主题 Type Easy 发布

    为了庆祝中国博客联盟成立一周年,联盟官方今天…

  5. 没有图片

    2016.08.02

    Bootstrap 生成5栏技巧及代码

    玩Bootstrap的同学们都知道,Boot…

  6. 没有图片

    2010.09.27

    Excel 2010 的功能和优点

    使用 Microsoft Excel 201…

评论

  1. 涛神 2010.07.13 8:23下午

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

  2. 贤人 2010.04.24 2:32下午

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

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