在 WordPress 中，需要根据不同页面（如分类页、存档页、文章页等）分别加载不同 CSS，从原理上说，只需利用 WordPress 系统函数作一些简单判断即可实现。

以分类页面为例，原先的 CSS 加载代码如下：

<link rel="stylesheet" type="text/css" href="style.css" />

若 CSS 文件随分类改变，需要用 PHP 实现动态变化，代码如下：

<link rel="stylesheet" type="text/css" href="<?php foreach((get_the_category()) as $cat){echo $cat->cat_ID;}?>.css" />

标红部分获得分类 ID 编号，不同的分类 CSS 保存为“分类 ID.css”的形式即可。如果要获得别名，则判断代码为：

<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>

注意：get the category 可以获取 cat_ID（分类 ID）、cat_name（分类名）、category_nicename（分类缩略名）、category_description（分类描述）、category_parent（分类层级）以及 category_count 等数据值。

如果只需对为数不多的几个分类设置单独的 CSS 的话，程序判断上可以简略些，代码示例如下：

<link rel="stylesheet" type="text/css" href=" <?php $categories = get_the_category($post->ID);
if(is_category('1')) echo "style1.css";
elseif(is_category('2')) echo "style2.css";
elseif(is_category('3')) echo "style3.css";
else echo "style.css";
?>" />

以上代码未经芒果测试，但从方法上已经比较清楚。芒果之前也已经提到过类似的方法，详细参考：为 WordPress 添加分类图标

标签 CSS , WordPress
链接 根据不同页面分别加载不同 CSS

如需转载，请粘贴以下代码至文章末尾。 转载自 <a href="http://www.mangguo.org/load-different-css-according-to-different-page/" title="根据不同页面分别加载不同 CSS" rel="bookmark">根据不同页面分别加载不同 CSS | 芒果</a>

如果喜欢芒果的文章，欢迎订阅。Google Reader | 鲜果 | 抓虾 | 九点 | QQ邮箱 | 有道 | 更多

相关文章

• CSS3 Please! CSS3 即时预览体验 (0)
• 芒果教你清除浮动 (1)
• CSS3 基本要素概览 (0)
• 5 个简单实用的 CSS 属性 (5)
• 使用 JavaScript 和 CSS Rotation 的纯 HTML 时钟 (1)
• Data URI 初探及其自动化 (0)
• 细线表格的浏览器兼容写法 (0)
• Closure Compiler，压缩！还是压缩！ (5)