wp_enqueue_scripts鉤子主要用來前臺調(diào)用css和js文件，其中需要了解下這兩個函數(shù)：wp_enqueue_style和wp_enqueue_script

第一種方法

function tone_front_cssscript(){
    //全局加載樣式
    wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' );
    //全局加載js腳本
    wp_enqueue_script( 'jquery-min', get_template_directory_uri() .'/js/jquery.min.js' );
}
add_action( 'wp_enqueue_scripts', 'tone_front_cssscript' );

第二種方法，先注冊css或js，再進行調(diào)用

function tone_admin_cssscript(){
    wp_register_style('custom_wp_admin_css', get_template_directory_uri() . '/style.css');
    wp_enqueue_style( 'custom_wp_admin_css' );

    wp_register_style('custom_wp_admin_script', get_template_directory_uri() . '/js.css');
    wp_enqueue_script( 'custom_wp_admin_script' );
}
add_action( 'admin_enqueue_scripts', 'tone_admin_cssscript' );

使用 is_single() 只在文章加載腳本或CSS

id為文章的ID就可以讓腳本和css只加載到那篇文章。當然，如果直接使用 is_single() （不填ID），就會在所有文章加載腳本和CSS。  
function myScripts() {  
    if ( is_single(id) ) { 
        wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_script( 'jquery-min', get_template_directory_uri() .'/js/jquery.min.js' );
    }  
}  
add_action( 'wp_enqueue_scripts', 'myScripts' );

使用 is_page() 只在頁面加載腳本或CSS

id為頁面的ID就可以讓腳本和css只加載到那個頁面。當然，如果直接使用 is_page() （不填ID），就會在所有頁面加載腳本和CSS。
function myScripts() {  
    if ( is_page(id) ) { 
        wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_script( 'jquery-min', get_template_directory_uri() .'/js/jquery.min.js' );
    }  
}
add_action( 'wp_enqueue_scripts', 'myScripts' );