如何在wordpress中的某个帖子类型上导入CSS文件

时间:2013-12-25 19:10:20

标签: php html css wordpress

我想知道是否可以导入css文件,如果我在wordpress的某个帖子类型上。 我经常使用@import来保持我的CSS有一个CSS文件,每个帖子类型包含所有CSS。

根据我的学习,最好尽可能少地调用其他文件,比如@import,当我在我的网站上进行速度测试时,建议不要使用@important,但我不这样做想要有一个大的CSS文件我想知道我是否可以在我的CSS中做一个if语句,如果我在某个帖子类型上只会拉入CSS文件。比如像这样的东西

if ($post->post_type == "cards") {
   @import "css/cards.css";


}

此外,如果这样的方法可行,那么该网站的性能/速度是否值得呢?

1 个答案:

答案 0 :(得分:2)

是的,您可以在某些帖子类型页面上加载样式表。为此,您需要使用wp_head hook来添加css文件。

function add_my_custom_css(){
    if( is_singular('cards') ){
        wp_enqueue_style('something', 'the_url_of_your_css_file');
    }
}
add_action('wp_head', 'add_my_custom_css');

在这里,我没有使用@import。因为wp_enqueue是为WordPress网站加载/包含文件的正确方法。还有一个名为'WP Minify'的插件,这个插件可以动态地将你的所有css文件整合到一个文件中,无论它是1K CSS。