WordPress管理画面にCSSを追加する方法


  1. functions.phpファイルを編集する方法: WordPressのテーマのfunctions.phpファイルに以下のコードを追加します。

    function custom_admin_styles() {
       echo '<style>
               /* ここにCSSスタイルを追加する */
             </style>';
    }
    add_action('admin_head', 'custom_admin_styles');
  2. プラグインを使用する方法: カスタムCSSを追加するためのプラグインを利用する方法もあります。以下に一例を示します。

    • Simple Custom CSS and JSプラグイン: このプラグインをインストールし、管理画面から独自のCSSスタイルを追加できます。

    • Admin Custom Loginプラグイン: ログイン画面のカスタマイズに特化したプラグインで、CSSを簡単に追加できます。

  3. 管理画面用のカスタムスタイルシートを作成する方法: カスタムスタイルシートを作成し、それを管理画面に適用する方法もあります。以下の手順に従ってください。

    • テーマフォルダ内に新しいCSSファイル(例: admin-styles.css)を作成します。

    • functions.phpファイルに以下のコードを追加します。

      function enqueue_admin_styles() {
       wp_enqueue_style('admin-styles', get_template_directory_uri() . '/admin-styles.css');
      }
      add_action('admin_enqueue_scripts', 'enqueue_admin_styles');
    • admin-styles.cssファイルに必要なCSSスタイルを追加します。

これらの方法を使用すると、WordPressの管理画面に独自のCSSスタイルを追加できます。適切な方法を選択し、必要なスタイルを追加してください。