WordPress高亮作者和文章置顶的实现
主题又折腾了一下,看起来舒服一点了。在折腾的途中,发现几个有趣的地方,一个是高亮作者评论,另外一个是文章置顶的实现。话说第一次在zww那儿看到,还不知道sticky post是个啥玩意……
一、高亮作者评论。但是发现很少人在用。
高亮作者,可以使用插件,这里不做讨论。用代码实现的话主要有两种方法。
第一种来自Matt Cutts,是比较古老了。
1.为主题添加一个“authcomment”样式来高亮作者评论
1 2 3 |
.authcomment { background-color: #B3FFCC !important; } |
2.编辑 comments.php 并加入一些代码
通常comments.php可能含有如下语句:
1 |
<li class=”<?php echo $oddcomment; ?>” id=”comment… |
通过一些修改变成如下样式:
1 2 3 4 5 6 |
<li class=”<?php /* Only use the authcomment class from style.css if the user_id is 1 (admin) */ if (1 == $comment->user_id) $oddcomment = “authcomment”; echo $oddcomment; ?>” id=”comment… |
这样就成功了。
————————————————————————————————–
另外一种可以直接在后台添加样式(需要登录后台才可以显示),遍历评论可以发现作者评论一般会含有类似class=”comment byuser comment-author-admin bypostauthor even depth-2″这样的样式,我们要做的就是添加一个comment-author-admin,让它显得与其他评论不一样,例如添加个背景图片、变一下颜色或者其他的。我是这么写的:
1 2 3 4 |
.children li.comment-author-admin span.avatarx{ background: #C04019; padding: 4px; } |
其中children是子评论,因为我发表的更多是回复,回复都在子评论里嵌套。Avatarx是评论显示的头像的样式,这样就实现了我这里的样子。
二、Sticky post。中文应该叫做文章置顶,从wp2.7开始出现。基本可以这样实现:
1.首先查看index.php中关于显示文章部分的代码。
比如默认主题中:
1 2 3 |
<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> |
关键就是确定有这个语句。如果没有,例如类似这样:
1 2 3 4 |
<<?php if(have_posts()) : while(have_posts()) : the_post(); ?> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> <?php the_content(); ?> <?php endwhile; endif; ?> |
你就可以改写一下:
1 2 3 4 5 6 |
<<?php if(have_posts()) : while(have_posts()) : the_post(); ?> <div <?php post_class(); ?>> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> <?php the_content(); ?> </div> <?php endwhile; endif; ?> |
实际就是把文章内容圈一个div出来,把这个div加上一个,就像默认主题里那样。
2.css中定义sticky文章的样式,可以根据主题需要来定义。比如我的是这么写的:
1 2 3 4 5 |
#entry .sticky { padding:8px; background:url(images/sticky.png) top right no-repeat; border:1px solid #EEE; color:#000;} |
3.后台发布文章的时候,选择“置顶这篇文章到首页,这样就完成了。
PS:Post_class的用处很多。更多解释请参考:WordPress.org:post_class
咋个 没得人顶呢 ?? 我来 !

@米 谢顶……
文章置顶我还从来没用过呢,呵呵
@万戈 试试吧~
自己能做主题了啊,厉害,我对css还是初级入门型的:)
PS:又拿老婆写了一篇数码后期的教程,欢迎前来捧场
http://www.dustmedia.net/easy-to-learn-photoshop-highpass/
@棺材中的尘埃 呵呵,你专业PS就成了,很有前途!~
正在用你做的主题,不知道为什么那个超级链接的横线总是显示在中间,好不容易调好页面内的,结果More标签的又找不到原样了
高亮作者评论我觉得用插件还是蛮爽的.ajaxcomments
你主题浅色比深色要好看,就是不是很省电.
@2betan 那个没用过,一般能做成插件的话效果都还不错~个人只是不太喜欢用插件而已。
我以为我走错门了,呵呵。这个主题也很不错啊。
@郑永 这个是大概1.0.6版本 我只是改了改配色而已,呵呵
额,同学,你主题又变了…
@g 哈哈,我是想跟版本同步一下。而且这个视野宽阔一点,不是嘛?
@阿修 恩,效果还是不错滴。提个小意见,个人觉得标签云的颜色和主题不是很搭,好像太深了点。
博客样子果然变得好看了些,舒服的感觉
@zhiwei 呵呵,那就好
支持……
主题越来越漂亮了呀。
这两个办法不错,等我弄主题的时候也要试试。*_*
@Vicia 高亮作者那个还有点问题,今天下午才发现的。
哦,看懂了,你的意思是文章置顶还必须得检查一下代码是否完整才能继续使用啊。赞一个!
@Java宅男 比较老的,或者代码不是特别规范的主题可能没这些。比如我以前用的主题就没有……
@阿修 喔,原来是这样,没怎么注意,因为平时也没用过这个功能,呵呵。
哈哈~果然高亮!风骚啊~
@老饕 yeah!一起风骚吧~~

我做主题的时候也考虑过管理员高亮。。。但后来又被我取消了。。。
@Leo.N 这个挺有意思的,以前没想到用什么样式,后来干脆把头像整了整……
高亮作者评论这个不错。GC!
@夏影残雪 嘿嘿。这个挺有意思的
置顶文章样式我只是定义一下css,然后在文章用判断加个class,嘿嘿
@zwwooooo 我也是那么干的