カスタムスタイルシートをwp-adminに追加する


21

WP-ADMINエリアでカスタムスタイルシートを動作させるのに問題があります。 plugins_url('style.css', __FILE__) );cssという名前のプラグインにフォルダーを作成する必要がありますか.csswp-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');

}

回答:


33

WordPress Codexによると(こちら):

admin_enqueue_scriptsは、管理スクリプトアクションにフックされる最初のアクションです。

すべての管理領域のCSSまたはJSファイルをロードする:

    <?php
      //from functions.php

      //First solution : one file
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      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.
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      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' );
      }  

    ?>

cssという名前のプラグインにフォルダーを作成する必要がありますか、それとも.cssをwp​​-admin / cssディレクトリーにコピーするだけですか?

いいえ、CSSファイルを他のCSSファイルと一緒にテーマディレクトリに配置し、次のパスを指定します。

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

EXのために私のファイル名があるadmin-style.cssと私はという名前のフォルダに入れてcss、私のパスは次のようになります:

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

それが役に立てば幸い!


さらに3つのスタイルシートをインポートするかどうかを尋ねます。この部分の(x3)wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );または別の関数を追加するだけですか?
user1933824

1
wp_register_style関連するwp_enqueue_style(「最初の解決策」のように)が直後に続くことは絶対に不要であり、にwp_enqueue_style渡されるすべてのparamsで単に使用する以上の違いはありませんwp_register_style
gmazzap

1
私は子テーマを使用しているため、パス関数を次のように変更しましたget_stylesheet_directory_uri()
新妻カバルカンティ

0

管理パネルのCSSを変更する場合。子テーマのfunctions.phpに以下のコードを貼り付けます

add_action('admin_head', 'my_custom_fonts'); // admin_head is a hook my_custom_fonts is a function we are adding it to the hook

function my_custom_fonts() {
  echo '<style>
    #posts-filter table.posts{
        table-layout:auto;   
    }
  </style>';
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.