WordPress、カスタムフィールドのjs指定における出力について。

はじめまして。

###前提・実現したいこと
WordPressにおいて、固定ページごとに指定する別々のjsを読み込ませたく、以下の方法を使っておりますが、うまく出力されません。

① footer.phpに以下を挿入。

<?php if (is_page())
{
$footer_insert = get_post_meta($post->ID,footer_insert,true);
if($footer_insert)
{
echo $footer_insert;
}
}
?>

② 「固定ページ」内「カスタムフィールド」にて、以下を指定。
【名前】footer_insert
【値】<script src="<?php bloginfo('template_url'); echo '/jquery/grayscale.js?' . filemtime( get_stylesheet_directory() . '/jquery/grayscale.js'); ?>"></script>

結果として、以下のようにそのまま出力されてしまいます。

<script src="<?php bloginfo('template_url');  echo '/jquery/grayscale.js?' . filemtime( get_stylesheet_directory() . '/jquery/grayscale.js'); ?>"></script>

本当は以下のような表記で出力したいです。

<script src="http://example.com/jquery/grayscale.js?1479991738"></script>

filemtimeなど表示が絡んでいるのでしょうか。

どうか宜しくお願い致します。

kei344

2017/01/06 10:38

例示用ドメインはご自身で所有されていない限り example.com, example.jp, example.co.jp など例示用に予約されたドメイン名を利用してください。 http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html

行動規範の内容に同意します

回答2件

mizさんの書かれている通りスクリプトは wp_enqueue_script でコントロールするほうが良いです。

で、カスタムフィールドの本文内にPHPコードを書かれていますが、当然文字列として扱われます。
なので、必要な部分 /jquery/grayscale.js? のみカスタムフィールドに入れるようにされたほうが良いでしょう。

JavaScriptやCSSをたくさん入れるのであれば、それに対応するカスタムフィールドをそれぞれ作るか、カンマ区切りで入れておいて後から出力時に処理するとかすればよいです。

投稿2017/01/06 17:48

kei344

総合スコア69400

time_

2017/01/07 13:51

返答遅くなりすみませんm(__)m ご返答ありがとうございます。カスタムフィールドに該当のコードを入れれば出力で反映されるだと勝手に思っていたのですみませんm(__)m

行動規範の内容に同意します

ベストアンサー

WordPressであれば、スクリプトを読み込ませるときは以下のようにアクションフックを使うことが推奨されています。

PHP
1
2// functions.phpに記載
3function my_wp_enqueue_scripts() {
4
5	if( is_page('alpha') ) {
6		wp_enqueue_script( 'script-alpha', bloginfo('template_url').'/jquery/grayscale.js?', array(), filemtime( get_stylesheet_directory() . '/jquery/grayscale.js'), true );
7	}
8	else if( is_page('beta') ) {
9		wp_enqueue_script( 'script-beta', bloginfo('template_url').'/jquery/grayscale.js?', array(), filemtime( get_stylesheet_directory() . '/jquery/grayscale.js'), true );
10	}
11}
12add_action( 'wp_enqueue_scripts', 'my_wp_enqueue_scripts' );