大阪のホームページ制作会社 株式会社TREVO
技術ブログ

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

2019.11.21.

WordPress

タグ

twitter Facebook Pocket LINE はてブ

株式会社TREVOの月額制ホームページ制作サービス
PR

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' );

大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。

twitter Facebook Pocket LINE はてブ
お見積もり