#热门

[WordPress教程] WordPress不同分类文章显示不同样式图标，兼容文章属于多个分类 -静鱼客栈

也想出现在这里？点击联系我~

请勿商业运营，违法使用和传播！资源仅供研究学习使用！解压密码为：www.52jyu.cn

你是否有在首页或者某个分类下显示不同的样式的需要？你是否厌烦了每个分类下日志的样式(图标)都是一样？那我们就来点不同的东西吧！每个分类下的样式（图标）有所区别，这是非常有助于用户识别的，可以提高用户体验，再者，不同的样式（图标）可以为你的网页设计起到点缀的作用，正好符合网站统一性中的个性化差异的特点。为你的网站添加一点精彩吧！这是一个小技巧，没有什么技术含量，希望可以帮到有需要的童鞋。老鸟可以在此飞过了……

其实这个效果是很简单的，我们来看看设计思路：

判断文章属于哪一个分类
不同分类输出不同样式
代码如下：

<div
<?php
  if (in_category('A'))
    {echo 'class="type_a"';}
  if (in_category('B))
    {echo 'class="type_b"';}
  if (in_category('C'))
    {echo 'class="type_c"';}
  if (in_category('D'))
    {echo 'class="type_d"';}
  if (in_category('E'))
    {echo 'class="type_e"';}
  else
    {echo 'class="type"';}
?>
</div>

这段代码的意思就是：

分类为A的话就输出<div class=”type_a”></div>
分类为B的话就输出<div class=”type_b”></div>
分类为C的话就输出<div class=”type_c”></div>
分类为D的话就输出<div class=”type_d”></div>
分类为E的话就输出<div class=”type_e”></div>
其他分类就输出<div class=”type”></div>

只要把这段代码放到你想要定义不同样式的地方就行了。是不是很简单呢？

代码放好后，样式也写完整了，那么快点到前台刷新看看吧。