WordPress不同页面加载不同css

Author: 陌小雨Date: 2018-04-02View: 235

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