將CSS放入Wordpress插件中

Question

我的機智在這里...這是我用來嘗試在CSS插件中使用CSS文件的代碼：

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鈎子之前，腳本和樣式不應注冊或排隊。 請參閱WordPress中的調試以獲取更多信息。 （此消息是在版本3.3中添加的。）在第3547行的/home2/jakereva/public_html/wp-includes/functions.php中

據我所知，代碼已正確編寫，但是當我調用該函數時，我絕對無法消除該通知。 救命！ 提前致謝。

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' );

Answer 2

將掛鈎名稱更改為wp_head。 這將在標題中加入樣式。

查看WordPress操作參考以查看正在調用的操作。 https://codex.wordpress.org/Plugin_API/Action_Reference

在前面，您可以使用wp_head。 在管理頁面中：admin_enqueue_scripts