php - 在 WordPress 插件中对 CSS 进行排队

Question

我已经无计可施了...这是我用来尝试让 CSS 文件在我的 WordPress 插件中工作的代码:

add_action('wp_enqueue_scripts', 'initial_admin_links_hide_stylesheet');

function initial_admin_links_hide_stylesheet() {
    wp_enqueue_style( 'prefix-style', plugins_url('initial_hide_admin_links.css', __FILE__));   
}

然后我使用这行代码调用该函数:

initial_admin_links_hide_stylesheet();

如果我注释掉对该函数的调用，我不会收到任何通知。如果我不注释它，我收到的通知是:

注意:wp_enqueue_style 被错误调用。在 wp_enqueue_scripts、admin_enqueue_scripts 或 login_enqueue_scripts Hook 之前，不应注册或排队脚本和样式。请参阅 WordPress 中的调试以获取更多信息。 (此消息是在 3.3 版本中添加的。)位于/home2/jakereva/public_html/wp-includes/functions.php 第 3547 行

据我所知，代码已正确编写，但当我调用该函数时，我绝对无法让该通知消失。帮助!提前致谢。

Answer 1

add_action('wp_enqueue_scripts', 'initial_admin_links_hide_stylesheet');

这会告诉 WordPress 将脚本挂接到您的进程中。无需手动调用该函数。

确保主题文件中适当的地方有 wp_head() 和 wp_footer() 调用，或者需要添加它

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );