ボールを蹴りたいシステムエンジニア

ボール蹴りが大好きなシステムエンジニア、ボールを蹴る時間確保の為に時間がある時には勉強する。

WordPressで独自Javascrfiptを読み込む

WordPressで独自Javascriptを読み込む場合、
単純にいけば以下の様にscriptタグをそのままheader.phpに記述します。

<script type="text/javascript" src="http://hogehoge/hoge.js"></script> 

ですがこの方法だとライブラリを重複して読み込む場合もある為、
その解決策としてWordPressの関数wp_enqueue_scriptを利用すれば
上記問題も対策でき、スマートに独自Javascriptを読み込みできるみたいです。

今回は独自jsとしてorg_script.jsを作成して読み込む事に。
wp-content/themes/テンプレート名/js/org_script.js
を作成。

wp-content/themes/テンプレート名/header.php
に追記

<?php wp_enqueue_script('org_script',get_template_directory_uri() . '/js/org_script.js', array(), '1.0'); ?>

<?php wp_head(); ?>

注意点として、php wp_head(); の前に記述する必要があります。

第1引数:スクリプト識別名
第2引数:ファイルパスを指定
第3引数:依存ライブラリ名を指定、複数指定可
第4引数:バージョン

少しハマった