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引数:バージョン
少しハマった