在主题开发中。某些特定页面的css样式和js。无需在整个网站所有页面都加载。这样会导致js和css文件过大。增加页面加载时间。这对于讲究速度的网页设计来说是致命的。有没有一种办法在特定的页面。如单个文章页,存档页面和页面模板中才加载css和js的办法呢。当然是有的。我们可以通过wordpress的hook钩子来实现。集体的代码如下:

add_action( 'wp_enqueue_scripts', 'iesay_enqueue_scripts' );
function iesay_enqueue_scripts(){
     /**对于单个存档页面* /
    if( is_singular( 'movies' ) || is_post_type_archive( 'movies' ) ){
        wp_enqueue_style( 'my-movie-style', /* src to .css file */ );
        wp_enqueue_script( 'my-movie-script', /* src to .js file */ );
    }

   / **对于页面模板* / 
   if ( is_page( 'landing-page-template-one' ) ) {
    //you style
    } 
}

注:存档也,或是页面模版的内容根据你的具体名称修改。然后把这个代码放在你主题的functions.php里即可。

发表评论