memorandum

備忘録

2018.03.03

WordPressでCSSやJSファイルをfunctions.phpで読み込む方法

WordPressにおいて、jsやcssなどをheadやfooterでなくfunctions.phpにて読み込み方法

CSSの読み込み

function my_style() {
  wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', array(), '1.0', all );
}
add_action( 'wp_enqueue_scripts', 'my_style' );
  • array()・・・このスタイルシートの前に読み込まれるファイル名を指定
  • 1.0・・・スタイルシートのバージョン
  • all・・・スタイルシートの対応メディア

JSの読み込み

function my_script() {
  wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my_script.js', array(), '1.0.0', false );
}
add_action( 'wp_enqueue_scripts', 'my_script' );
  • array()・・・このスクリプトの前に読み込まれるファイル名を指定
  • 1.0.0・・・スクリプトのバージョン
  • false・・・スクリプトの挿入位置(falseであればhead内、trueであればfooter内)

どちらも、ファイルパス前の記述は読み込むファイルのハンドル名。

MAIL制作・お見積りのご依頼
ご相談・お問い合わせ