テーマを変更する予定があるのでしたら、動的にURLを表示したいですよね。
最近私も似たようなことをやりましたので、よかったらご参考にどうぞ。
【WordPress】特定の個別記事・ページだけにヘッダ、CSS、JavaScriptを追加できるカスタムフィールドを作る
bloginfo('template_url')は非推奨ですので使用するなら下記のコードがお薦めです。
lang
1<?php echo get_template_directory_uri(); ?>
また、PHPタグではなく、代わりにショートコードで実現する方法を提案します。
元々、カスタムフィールドでショートコードは使えませんので、カスタムフィールドの値を表示する箇所でフィルターを適用してショートコードを有効化させます。
lang
1<?php
2// ショートコードを使わない場合
3// echo get_post_meta(get_the_ID(), 'custom_field_name', true);
4// ショートコードを使う場合
5echo apply_filters('the_content', get_post_meta(get_the_ID(), 'custom_field_name', true));
6?>
カスタムフィールド名は使用している名称に置き換えてください。
'the_content'フィルターを適用することで指定したカスタムフィールドはショートコードが有効になります。
ショートコードを追加する場合は次のソースコードをfunctions.phpへ追記します。
lang
1<?php
2/*
3 * 親テーマのディレクトリまでのパスを取得するショートコードを追加
4 */
5function getTemplateDirectoryUrl() {
6 return get_template_directory_uri();
7}
8add_shortcode('theme_url','getTemplateDirectoryUrl');
9
10/*
11 * 子テーマのディレクトリまでのパスを取得するショートコードを追加
12 */
13function getStylesheetDirectoryUri() {
14 return get_stylesheet_directory_uri();
15}
16add_shortcode('theme_child_url','getStylesheetDirectoryUri');
17?>
ショートコードの名称は任意に変更ください。
実際のカスタムフィールドには下記のように入力すれば良いかと思われます。
lang
1<!-- 親テーマディレクトリを参照 -->
2<script src="[theme_url]/js/sample.js"></script>
3<!-- 子テーマディレクトリを参照 -->
4<script src="[theme_child_url]/js/sample.js"></script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/08 03:12
2015/05/08 08:43