首页 > 资料┊收藏 > 留言楼层样式技巧

留言楼层样式技巧

2008年7月30日 Natecn 发表评论 阅读评论

在这一篇文章中,我们来说说在WordPress中留言模板(comments.php)设计中的一些技巧:譬如你想在留言中admin的样式与其它访客的不一样;或者你希望单数与双数的留言楼层能区分开来;再者,你希望对于trackback及pingback的样式也需要特别点的样式,上述这些功能你都可以简单地修改你的主题模板达到,你也可以在我的留言板块中看到相关效果。

尽管各主题模板可能有所差异,但对于comments.php来说,内容基本是相同的。下面我举例通过修改default主题的comments.php来说明:

第一步:

在模板中的开始部分的第一个<? php ?>内容中查找:

$oddcomment = 'class="alt" ';

把它改成:

$oddcomment = 'alt';

第二步:

接着在<ol>循环中查找:

<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">

把它改成:

<li class="<?php echo
$oddcomment;
$comment_type = get_comment_type();
if ($comment->comment_author_email == get_the_author_email()) :
echo ' authorcomment';
elseif($comment_type == 'trackback' || $comment_type == 'pingback') :
echo ' trackback';
endif;
?>" id="comment-<?php comment_ID() ?>">

说明一下:上面的语句是首先通过判断留言作者的email地址,如果其地址与admin的地址,也就是网站的管理员邮址相同的话,执行“authorcomment”这个样式;接着通过留言的类别,如果是trackback或者pingback的话,则执行“trackback”这个样式。

第三步:

在模板中</li>的标记后查找:

<?php $oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : ''; ?>

改成:

<?php
if ('alt' == $oddcomment) $oddcomment = '';
else $oddcomment = 'alt';
?>

第四步:

到这里,对于模板的更改就完成了,我们接着要做的是在style.css中决定各类样式:

  • 对于通用楼层的样式,我们用.comments ol li进行定义;
  • 对于双数楼层的样式我们则使用.comments ol li.alt进行定义;
  • 而对于admin作者的样式,则使用.comments ol li.authorcomment定义;
  • 同理,对于trackback的楼层样式是使用.comments ol li.trackback定义。

第五步:

通过第四步的工作并且发挥你的创意,你就可以看到在你的留言楼层中,能清楚地区分各层留言,区分网站主人的留言,甚至trackback的样式也能与众不同。

最后,希望你能希望这个小技巧,同时能继续支持《我的WordPress主题这样做》这个系列文章啦

原文出自:我的WordPress主题这样做(6)-留言楼层样式技巧

分类: 资料┊收藏 标签:
  1. 2009年10月23日21:40 | #1

    The act of crossing-over, being neither very rare nor very issues are frequent, has provided us with invaluable information regarding the location of properties in the chromosomes. ,

  2. 2009年10月23日00:41 | #2

    Last night, Eitan mentioned he knew a woman who got fired formasturbating at work. ,

  1. 本文目前尚无任何 trackbacks 和 pingbacks.
注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。