昔困ったことがあったので同じように困っている人がいれば...
#どういう時に必要になるか
例えば、Google Maps APIを使う時にピンをオリジナルの画像にしたい場合に、画像ファイルのパスを絶対パスで取得したい...!!
/wp-content/themes/
とか書いてもいいんだけどメンテナンスを考えると宜しくない
#じゃあこうしよう
HTML5のカスタムデータ属性を使います
テーマディレクトリのパスをget_template_directory_uri()
で取得します
header.php
<body id="l-body" data-tmpdir="<?php echo esc_url(get_template_directory_uri()); ?>/">
こうすればjsから参照できます
script.js
// map icon
var mapicon = $('#l-body').attr('data-tmpdir') + 'assets/images/mappin.png';