WordPress 加载脚本与样式

网站全局加载 CSS & Js

<code class="language-php">/**
 * 网站全局加载 CSS & Js
 */
function site_scripts() {

    // 全局加载主题根目录style.css
    wp_enqueue_style( 'css-style', get_stylesheet_uri() );

    // 全局加载 Bootstrap(远程url)
    wp_enqueue_style( 'css-bootstrap', '//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css');

    // 全局加载 Animate(本地url)
    wp_enqueue_style( 'css-animate', get_template_directory_uri() . '/css/animate.css');

    // 全局加载样式表 仅用于IE的
    wp_enqueue_style( 'themes-ie', get_template_directory_uri() . '/css/ie9.css');
    wp_style_add_data( 'themes-ie', 'conditional', 'lt IE 9' );


    //全局加载JS 'array( 'jquery' )'依赖jquery
    wp_enqueue_script( 'js-bootstrap','//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js',array( 'jquery' ), '', true );

}
add_action( 'wp_enqueue_scripts', 'site_scripts' );

替换jquery版本

<code class="language-php">/**
 * 替换jquery版本
 *
 */
function site_jquery_scripts(){
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_register_script('jquery', '//cdn.bootcss.com/jquery/1.11.3/jquery.min.js', false, null, true);
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'site_jquery_scripts');

首页加载特定脚本样式

<code class="language-php">/**
 * 特定页面 加载脚本样式
 */
function site_home_scripts() {

    // [首页home.php]加载特定脚本样式
    if ( is_home() ) {
        wp_enqueue_style( 'home-css', get_template_directory_uri() . '/css/home.css');
        wp_enqueue_script( 'home-js', get_template_directory_uri() . '/js/home.js');
    }

    // [文章页] 加载特定脚本样式
    if ( is_single() ) {
        wp_enqueue_style( 'typo', get_template_directory_uri() . '/css/typo.css');
    }

}
add_action( 'wp_enqueue_scripts', 'site_home_scripts' );

指定页面加载 脚本样式

<code class="language-php">/**
 * 指定页面加载脚本样式
 * 实例:别名为[contact]的联系页面加载百度地图
 */
function page_contact_scripts() {

    if ( is_page('contact') ) {
        wp_enqueue_script( 'baidu-map-js', get_template_directory_uri() . '/assets/js/map.js');
        wp_enqueue_script( 'baidu-map-http','//api.map.baidu.com/api?v=2.0&ak=9GdEKDqPrIHxtq9tkirHGEaZ2ruGzp16');
    }
}
add_action( 'wp_enqueue_scripts', 'page_contact_scripts' );

WordPress 加载脚本与样式
Share this