typecho按分类显示文章标题颜色实战

GD Star Rating
loading...

今天想把我用typecho搭建的一个站的文章标题颜色按照分类来显示,也就是不同分类,文章标题的颜色就会不同,效果可以查看www.jingang.org

刚开始想用<?php if ($this->is(‘category’,’news’)): ?> ,但是想了下,这个只是判断当前页面是不是news分类下面的,并不能达到我的要求,事实也证明我用此判断然后输出样式没有成功。

那怎么搞呢?typecho群里的宅给我提醒了,“ 直接class=”<?php echo 分类缩略字 ?>” ”,试了下 <?php $this->category(‘,’); ?> 不行,因为那个直接就输出分类的链接了。不过答案很快就给我找到了,<?php echo $this->category; ?> 就可以了。

下面说说具体怎么用吧,如果你想在index页面,让文章标题的颜色根据分类显示,那么就打开你的模板文件夹下的index.php文件

<h2 class="entry_title"></h2>

替换为

<h2 class="entry_title">
	<a href="<?php $this->permalink() ?>" class="<?php echo $this->category; ?>"><?php $this->title() ?></a>
</h2>

这样就会在index页面的每篇文章里加上class=”分类缩略名”,然后我们就可以用这个来修改css样式了

打开你的主题文件夹下style.css文件来定义css,比如我的一个分类是news,想把分类下文章标题都变成红色的,那么添加代码

.news{color:red;}

同理,你也可以将archives.php,以及post.php等页面都照此法处理。

———————————注意—————————–

据我观察,如果一篇文章属于多个分类,那么用<?php echo $this->category; ?>只能输出一个分类缩略名,暂时还没找到更好的办法。

typecho按分类显示文章标题颜色实战, 3.0 out of 5 based on 1 rating

已有21条评论 发表评论

  1. ghostry /

    这东西我正好有用.准备给一个特定分类单排界面。

    GD Star Rating
    loading...
  2. joyla /

    这个效果不错!我折腾下!呵呵

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      :(16): 好好折腾~~

      GD Star Rating
      loading...
  3. 益酷网 /

    我以前玩过这个!

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      很好玩吧 :(18):

      GD Star Rating
      loading...
  4. 羽中 /

    挺有意思,可以把特定分类标题高亮嘛:)

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      嗯~~ 就是要的这个效果 呵呵

      GD Star Rating
      loading...
  5. vaman /

    嗯,学习下
    看看什么时候能把wp平滑移动过去

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(17): 嗯 应该可以的

      GD Star Rating
      loading...
  6. 于泽鹏 /

    学习了! :(4):

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      呵呵~~ typecho速度很棒

      GD Star Rating
      loading...
  7. 小宅 /

    看到楼上几位在夸LZ,我知道其实是在夸我 :(24):

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(4):

      GD Star Rating
      loading...
  8. 扯远了 /

    厉害啊 厉害

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(2): 也是学人家的 呵呵

      GD Star Rating
      loading...
  9. 平平 /

    为什么会这么深奥? :(6):

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(9): 也不是啊~~

      GD Star Rating
      loading...
  10. xl /

    :(16): 好厉害 我很葱白你

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(10): :(10):

      GD Star Rating
      loading...
  11. 帅哥 /

    我想弄个typecho玩玩。。

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(17): 这个可以玩玩的~~

      GD Star Rating
      loading...

发表评论