如何将自定义 css 和 js 文件添加到 wordpress 的管理区域 [关闭]

Question

这个问题被问了太多次，并且有太多不同的问题，由于某种原因，我似乎无法在没有找到任何答案的情况下使用它。非常奇怪的是，我之前已经开发了主题并且它正在工作。

我需要为我的主题设置一些选项，所以我在 wordpress 管理区域中创建了单独的菜单并且它可以工作，我在该页面添加了一些选项并且它显示出来了，保存选项也可以工作。

现在我想多做一些选项，并使用 jquery ui 选项卡将它们标记为选项卡。我知道 wordpress 现在原生支持 jquery ui，但需要另外调用才能加载。

因此，在我最后弄乱了太多代码之后，我最终从 generatewp.com 网站上提取了一个应该可以工作的代码，但它没有，为什么我无法理解。

现在的代码是：

function custom_styles() {

wp_register_style( 'jquery-ui-style', 'http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css', false, false );

}

// Hook into the 'admin_enqueue_scripts' action
add_action( 'admin_enqueue_scripts', 'custom_styles' );


// Register Script
function custom_scripts() {

wp_register_script( 'jquery-ui-core', '', array( 'jquery' ), false, false );

wp_register_script( 'jquery-ui-tabs', '', array( 'jquery' ), false, false );

}

// Hook into the 'admin_enqueue_scripts' action
add_action( 'admin_enqueue_scripts', 'custom_scripts' );

根据 wordpress 记录，这应该注册 jquery ui 选项卡和样式，但它没有。

我尝试了许多其他组合，但它根本不起作用。为什么我无法理解。

Answer 1

直接来自 codex @admin_enqueue_scripts 有特定的钩子可以做你想做的事情。

function my_enqueue($hook) {
    if( 'edit.php' != $hook )
        return;
    wp_enqueue_script( 'my_custom_script', plugins_url('/myscript.js', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'my_enqueue' );


function load_custom_wp_admin_style() {
        wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
        wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );