WordPress管理后台如何正确地加载自定义CSS和JS脚本文件

WordPress管理后台如何正确地加载自定义CSS和JS脚本文件

  • 正文概述
  • WordPress管理后台引用自定义CSS或JS文件,有个重要的钩子 admin_enqueue_scripts ,虽然还有其它方法也能加载脚本,但使用正确的钩子可以避免不必要的兼容问题,下面以子主题目录为例。

    全局加载

    所谓全局加载就是所有后台页面都会加载这个脚本,有全局自然有按需加载。

    # CSS
    function admincss() {
        wp_enqueue_style('admin-css', get_stylesheet_directory_uri() . '/assets/css/admin.css', array(), '', 'all');
    }
    add_action( 'admin_enqueue_scripts', 'admincss' );
    
    # JS
    function adminjs() {
        wp_enqueue_scripts( 'admin-js', get_stylesheet_directory_uri() . '/assets/js/admin.js', array('jquery'), 1.0, true);;
    }
    add_action( 'admin_enqueue_scripts', 'adminjs' );
    

    admin_enqueue_scripts:加载后台脚本钩子。

    wp_enqueue_style:加载CSS。

    wp_register_script:加载JS。

    array(‘jquery’):如果这个JS依赖 jquery ,就需要引用 jquery 脚本库,请勿再重新加载jquery。

    其余函数说明:点击查看

    按需加载

    按需加载指的是指定页面加载CSS或JS,其它页面不加载,比如只在文章编辑页或自定页面加载。

    暂无优惠

    已有0人支付

    以上就是WordPress后台如何添加自定义脚本。

     

    纯净子主题,干净整洁,独立后台,集成自助广告系统。
    主题兽 » WordPress管理后台如何正确地加载自定义CSS和JS脚本文件

    发表评论