对于喜欢折腾的盆友来说，会给页面加载许多绚烂的效果，（如点击本文章标题下的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 '';}
elseif(is_single()){
echo '';
}
else{
echo '';}
}

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

function load_css() {
if (is_category()||is_archive()){
echo ''. PHP_EOL;}
elseif(is_single()){
echo ''. PHP_EOL;
}
else{
echo ''. PHP_EOL;
echo ''. PHP_EOL;}
}

转载请注明：小雨科技 _武汉网站建设_武汉小程序搭建 » WordPress不同页面加载不同css