WordPress不同页面加载不同css

对于喜欢折腾的盆友来说，会给页面加载许多绚烂的效果，（如点击本文章标题下的 high 一下）可是有些特效代码或 css 只是在文章中或者在单页中需要调用，这个时候，首页或者其他页面是不需要调用的，那么下面的代码就很有用了：

<?php if (is_category()||is_archive()){?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/list.css" type="text/css" />
<?php }elseif(is_single()){ ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/article.css" type="text/css" />
<?php }else{ ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" />
<?php }?>

上述代码的意思是如果是分类则加载list.css、如果是文章页则加载article.css，如果是其他页则加载style.css

大家可以举一反三。

2018-4-2 有小伙伴希望写入到 function.php 文件中，可以按照这样来写，写个函数，然后调用

function load_css() {
if (is_category()||is_archive()){
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/list.css" type="text/css" />';}
elseif(is_single()){
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/article.css" type="text/css" />';
}
else{
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/style.css" type="text/css" />';}
}

如果有多个的话，为了在源代码中代码看起来美观，自动换行可以这样写

function load_css() {
if (is_category()||is_archive()){
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/list.css" type="text/css" />'. PHP_EOL;}
elseif(is_single()){
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/article.css" type="text/css" />'. PHP_EOL;
}
else{
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/style1.css" type="text/css" />'. PHP_EOL;
echo '<link rel="stylesheet" href="';
echo bloginfo('template_directory');
echo '/css/style2.css" type="text/css" />'. PHP_EOL;}
}