如何高亮你的评论背景色

    前几天整理评论模板这块,网上胡搜了一通,有了点小心得。

    高亮作者评论背景色,已经有不少插件,比如 highlight-author-commentsauthor-highlight

    前者似乎是通过判断作者邮箱地址来应用不同样式,不过针对的只是 comment_text 这块?不太好看,zEUS将其简化成一段代码,不用插件,只要拷到 theme 的 functions.php 中就可以了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function hac_highlight_comment($content){
	global $comment;
	if ($comment->comment_author_email !== get_the_author_email()) 
		return $content;
	else {
		$options = get_option('hac_highlight_author_comments');
		return '<div style="border:1px dashed #EEE;background: #555;padding: 5px 5px 5px;margin:0 0 5px;color: #EEEEEE;">'.$content.'</div>';
	}	
}
 
add_filter('comment_text', 'hac_highlight_comment');
 
function hac_option_menu() {
	if (function_exists('current_user_can')) {
		if (!current_user_can('manage_options')) return;
	} else {
		global $user_level;
		get_currentuserinfo();
		if ($user_level < 8) return;
	}
}
 
// Prepare the default set of options
add_option('hac_highlight_author_comments', $default_options);

    后者则是同时判断作者名字和邮箱来应用样式。文档需参看作者主页。

    网上也有很多通过修改模板来实现高亮样式:

例一:

1. 打开你的comment.php找到以下代码:

<li class=”<?php echo $oddcomment; ?>” id=”comment…

将其改为:

<li class=”<?php
if (1 == $comment->user_id)
$oddcomment = “authcomment”;
echo $oddcomment;
?>” id=”comment…

2. 在你的style.css中为你的authcomment定义一种背景色:

.authcomment {
background-color: #B3FFCC !important;
}

    这里是通过user_id来判断的,一般管理员默认都是1,如果有删除或新建帐号的可能就是2或其它。这个方法很简洁好用。

     不过布鲁曾导入以前的评论,结果发现对以前的评论不起作用,为什么?

例二:

1. 在所使用主题的comments.php里找到代码的这一行

<li class=”<?php echo $oddcomment; ?>”

id=”comment-<?php comment_ID() ?>”>

修改成这样:

<li class=”<?php echo $oddcomment; ?>

<?php comment_author();?>”

id=”comment-<?php comment_ID() ?>”>

    在引号里面新增了一个comment author的参数,注意这个参数要与前面原有参数隔开一个空格。

2. 在CSS里面写针对这个的判断语句,这个东西就因模板不同或创意不同有别了,比如:

.asiapan {
border-left: 10px solid red
}

.commentlist li.asiapan:hover{
border:1px solid red;
border-left:10px solid red
}

    “asiapan”是留言人的名字,也就是说用这个方法可以很方便地针对任何一个固定使用某一ID的留言访客进行专门的设定。不只是针对Blog作者了。

    基本上可以这么说,如果说第一种方法是通过将Blog作者的身份交由php数据库来判断以确定身份并实现效果(需要登陆),那么Shawn教的这个方法就是把这个判断直接交由Blog作者,二者的方式分别是由数据库确认作者和由作者自己设定。前者需要登陆,是多了一道确认程序,但胜在保险机制,一旦设定后就由数据库把关了;后者一旦设定好相应ID的留言样式,就只认定ID本身,无需登陆,确实便捷,但也许别人恶作剧……

例三:

…………

    曾看过针对多个管理者和不同留言人的循环样式,不过现在想写,居然找不到了……晕

方法都有了,可是背景色要用什么颜色?

 

参考自:后80花园Asiapan Talks这里


延伸阅读:
  1. What? 30个优秀Wordpress技巧 Wordpress是强大的,尤其是你用插件将其武装起来。Hongkiat在博客上写了40个Wordpress里的技巧,相信大多数使用wordpress的Blogger都不会满足于默认模板、默认的设置。应用这些技巧,你能将WP改装得更漂亮,更个性化。本想将每个技巧都翻译出来,无奈最近太忙太懒。所以这40个技巧将链接到不同的文章,在文章里有具体的实现方法。这里展示30个,要查看全部请到原作者的博客。 1、类别下拉菜单 分类太多,但又想展示全部展示出来,不妨考虑用下拉菜单的方式展示,和可能吧菜单栏上的“更多”有点类似。...
  2. 自己进行WordPerss的SEO优化 也许你对所谓SEO不屑一顾,因为你觉得只是写给自己看的,不过简单的方法何不试一下?     ...
  3. Creating Two-Tiered Conditional Navigation in Wordpress     Here is...
  4. 为wordpress添加相册模板     已经知道如何调用wordpress的原生相册,那要建立一个相册页面就很简单了。新建一个页面,点击添加图片——选择所有要上传图片——点旁边的图片库,选择“插入相册到日志”,再发布页面就OK了。...
  5. 如何设置wordpress的永久链接?(一) 系列连载一之链接结构    ...

Tagged: , , , ,

See more on 互联网技巧

Google书签 新浪ViVi 365Key网摘 天极网摘 我摘 POCO网摘 博采网摘 YouNote网摘 和讯网摘 博拉网 igooi网摘 I2Key网摘 天下图摘 百特门网摘 Del.icio.us Yahoo书签 奇贴 QQ娱乐摘 添加到Digg! 添加到Facebook!

Leave a comment