WordPress 將自定義樣式表新增到 wp-admin

問題描述

有麻煩讓我的自定義樣式表在 WP-ADMIN 區域工作。 plugins_url('style.css', __FILE__) ); 是否必須在我的名為 css 的外掛中建立資料夾，還是將.css 複製到 wp-admin/css 目錄？

我試過，這似乎不適合我。

什麼值應該替換為__FILE__？

對不起，這些東西很新鮮。

/*ADDS STYLESHEET ON WP-ADMIN*/
add_action( 'admin_enqueue_scripts', 'safely_add_stylesheet_to_admin' );
    function safely_add_stylesheet_to_admin() {
        wp_enqueue_style( 'prefix-style', plugins_url('style.css', __FILE__) );
    }


/*ADDS MY CUSTOM NAVIGATION BAR ON WP-ADMIN*/
add_action('admin_head', 'custom_nav');
function custom_nav(){
    include('custom_nav.html');

}

最佳解決方案

根據 WordPress 法典 (here)：

admin_enqueue_scripts is the first action hooked into the admin scripts actions.

例

為所有管理區域載入 CSS 或 JS 檔案：

    <?php
      //from functions.php

      //First solution : one file
      add_action( 'admin_enqueue_scripts', 'load_admin_style' );
      function load_admin_style() {
        wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
//OR
        wp_enqueue_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
       }

      //Second solution : two or more files.
      add_action( 'admin_enqueue_scripts', 'load_admin_styles' );
      function load_admin_styles() {
        wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css', false, '1.0.0' );
        wp_enqueue_style( 'admin_css_bar', get_template_directory_uri() . '/admin-style-bar.css', false, '1.0.0' );
      }  

    ?>

do i have to create folder in my plugins named css or do i just copy my .css to the wp-admin/css directory?

不，將您的 CSS 檔案與其他檔案一起放在您的主題目錄中，然後指定路徑：

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

因為我的檔名是 admin-style.css，我把它放在一個名為 css 的資料夾中，我的路徑將如下所示：

get_template_directory_uri() . '/css/admin-style.css'

希望有幫助！

參考文獻

• adding custom stylesheet to wp-admin

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。