管理画面の全体に独自cssを読み込んでstyleを適用する

WordPress

管理画面全体に対して、独自に用意したcssファイルを読み込ませます。

有効化しているテーマのディレクトリの直下に、独自cssファイルを配置します。

有効化しているディレクトリの場所は以下のようになります。

/ワードプレス設置ディレクトリ/wp-content/themes/有効化しているディレクトリ/

ここに、独自cssとして、「my_admin_style.css」を用意する(ファイル名は任意でOKです。

/ワードプレス設置ディレクトリ/wp-content/themes/有効化しているディレクトリ/my_admin_style.css

このように配置します。

次に、テーマディレクトリ直下のfunctions.phpを編集します。
ファイルの一番した等に次のように記述します。

//管理画面に独自CSSファイルを読み込ませる
function my_admin_style()
{
    wp_enqueue_style( 'my_admin_style', get_template_directory_uri().'/my_admin_style.css' );
}
add_action( 'admin_enqueue_scripts', 'my_admin_style' );

ここでポイントとなるのは、追加したcssファイル名「my_admin_style」と同じ要素でadd_actionを記述することです。

これで、管理画面を再読み込みすると、cssが適用されます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です