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

Posted 2023-03-06

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

【英文标题】：How do i add custom css and js files to admin area of wordpress [closed]

【发布时间】：2013-09-04 09:43:39

【问题描述】：

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

我需要为我的主题设置一些选项，所以我在 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 选项卡和样式，但它没有。

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

【问题讨论】：

css-tricks.com/snippets/wordpress/…

***.com/questions/3326967/…

这个问题似乎是题外话，因为它是关于定制 wordpress 的支持请求。不仅在 wordpress 的产品文档中有说明，还有专门针对 Wordpress 的问答网站。

它不起作用。也试过了，但它适用于functions.php页面上的脚本，所以如果我有少量的javascript自定义部分，我应该将它包含在admin_head中，但如果脚本在单独的js文件中，我应该首先注册，而不是像我一样排队明白了。

@AleksandarĐorđević 你说得对，我只看到注册功能我没有看到排队。尝试在脚本挂钩中添加 wp_enqueue_script( 'jquery-ui-core' ); 和 wp_enqueue_script( 'jquery-ui-tabs' ); 函数。它可以帮助您完成这些工作。

【参考方案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' );

【讨论】：

该钩子仅在您针对特定页面的情况下使用，您也可以在没有钩子的情况下使用它，但它会加载到所有页面上，我已经阅读了 codex，所以如果在函数 i 中，请按照 codex使用 wp_enqueue_scripts('jquery-ui') 并使用 add_action('admin_enqueue_scripts', 'my_enqueue') 激活它应该可以工作，但它没有

控制台在说什么？有什么具体的内容以及加载了哪些 JS 文件？

它没有说任何错误，我没有收到任何 js 错误，wordpress 是全新安装的，我的主题中没有任何其他代码，除了我尝试包含的内容，它是就像functions.php文件中甚至没有动作钩子一样。

嗯，请告诉我，我很难过！

花费这么多小时来调试一些没有人能得到解释的东西，而简单的 5 分钟重新安装可以修复它是如此令人沮丧。我的 wordpress 安装似乎出了点问题，要么没有正确完成，要么在服务器上复制 wordpress 期间某些文件丢失或未完成。我刚刚用全新安装重新安装了 wordpress，并用我到目前为止所做的复制了主题文件并且它工作了。