WordPressのhead内でフォントやCSS、JavaScriptを読み込む

WordPressのhead内でフォントやCSS、JavaScriptを読み込む

WordPressのhead内でフォントやCSS、JavaScriptを読み込む方法です。

functions.phpに以下のコードを追加します。

CSSファイルを読み込む

//管理画面のhead内に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' );

JavaScriptファイルを読み込む

//管理画面のhead内にJavaScriptファイルを読み込む
function my_admin_script(){
  wp_enqueue_script( 'my_admin_script', get_template_directory_uri().'/my_admin_script.js' );
}
add_action( 'admin_enqueue_scripts', 'my_admin_script' );

JavaScriptファイルを読み込む(jQueryコードの場合)

//管理画面のhead内にJavaScriptファイルを読み込む(jQueryコードの場合)
function my_admin_jquery_script(){
  wp_enqueue_script( 'my_admin_script', get_template_directory_uri().'/my_admin_script.js', array('jquery'));
}
add_action( 'admin_enqueue_scripts', 'my_admin_jquery_script' );