TREVOのスタッフブログ

Blog
2019.11.21.

WordPressの管理画面にCSSファイルを読み込むように設定する

WordPressの管理画面でカスタムフィールドなどで追加した項目をCSSで制御したい時等に独自のCSSファイルなどを読み込ませたい時があります。

CSSファイルの場合

下記のコードをfunction.phpに入れる事でオリジナルのCSSファイルを読み込むようにできます。

head内

function my_admin_style() {
  echo '<style>スタイルを入れる</style>'.PHP_EOL;
}
add_action('admin_print_styles', 'my_admin_style');
function my_admin_style(){
    wp_enqueue_style( 'my_admin_style', get_template_directory_uri().'/original_style.css' );
}
add_action( 'admin_enqueue_scripts', 'my_admin_style' );

bodyの閉じタグ前

function my_admin_footer_script() {
  echo '<script>スタイルを入れる</script>'.PHP_EOL;
}
add_action('admin_print_footer_scripts', 'my_admin_footer_script');
function my_admin_footer_script(){
    wp_enqueue_style( 'my_admin_style', get_template_directory_uri().'/original_style.css' );
}
add_action( 'admin_enqueue_scripts', 'my_admin_style' );
ホームページ制作 大阪 | 目標を実現するweb制作会社