javascriptのコード内でWordPressのカスタムフィールドを読み込みたいです。

Question

前提・実現したいこと

javascriptのコード内でWordPressのカスタムフィールドを読み込みたいです。
プログラム自体は簡易的な掲示板で「bbs.pageid」で指定したログファイルを参照して表示するものです。

該当のソースコード

■561と直接記入すると正常に動作します。

<!-- ログを読み込む部分 --> <script type="text/javascript" charset="Shift_JIS"> bbs.pageid = '561' ; </script>

■カスタムフィールドを取得して自動入力させようとすると失敗します。
プログラムの知識が無くて色々なサイトを参考にして真似してみたのですが、うまくいきません。
やろうとしていることは下のようなイメージです。（customfield01には561が入力されています）

×失敗

<script type="text/javascript" charset="Shift_JIS"> bbs.pageid = 'echo get_post_custom()['customfield01'][0];' ; </script>

Answer 1

function my_shortcode_ex2js_handler6($atts, $content=null) {
    return '<script>bbs.pageid = "'.get_post_custom()['customfield01'][0].'";</script>';
}
add_shortcode('sc_test6', 'my_shortcode_ex2js_handler6');

Comments

[yai01]

おおお！動きました！
ずっと苦戦していたので本当に助かりました。
回答してくださったお二方に感謝いたします。

function my_shortcode_ex2js_handler6($atts, $content=null) {
return '<script>bbs.pageid = "'.get_post_custom()['customfield01'][0].'";</script>';
}
add_shortcode('sc_test6', 'my_shortcode_ex2js_handler6');

ソースでの表示（◎正常に動作しました）
561

Answer 2

そのJavaScriptのコードのcharsetがShift_JISとか気になる部分はありますが、
もしそのコードが.phpファイルにあるのでしたら

bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>' ;

とPHPタグで囲えばPHPが実行されます。
※実際に利用するときはエスケープ処理は入れてください

Comments

[yai01]

回答ありがとうございます。
コードは記事投稿のテキストエディターに入力しています。

×こちらのコードを試してみましたが、動作しませんでした。
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>' ;
</script>

また、googleで調べながらfunction.phpにショートコードを登録して実行してみた所、
数字を直接入力すると成功したのですが
function my_shortcode_ex2js_handler6($atts, $content=null) {
$str=<<<eot

<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '561';
</script>

eot;
return $str;
}
add_shortcode('sc_test6', 'my_shortcode_ex2js_handler6');

×下のように自動で入力させようとするとやはり失敗をしてしまいます。
function my_shortcode_ex2js_handler6($atts, $content=null) {
$str=<<<eot

<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>';
</script>

eot;
return $str;
}
add_shortcode('sc_test6', 'my_shortcode_ex2js_handler6');

■こちらのショートコードを実行すると561と表示されるので、カスタムフィールドに問題はなさそうです。
function shortcode_test5(){echo get_post_custom()['customfield01'][0]; }
add_shortcode('sc_test5', 'shortcode_test5');

[m.ts10806]

「動作しない」「ダメだった」だけだと次のアドバイスができませんので、起きた現象をなるべく正確に教えてください。ブラウザ「ソースを表示」などで該当箇所がどうなってるかを確認したりした結果を追記するとか。
もし、
'<?php echo 516;?>';
のように書いてちゃんと516とhtmlソースに出力されているならget_post_custom()という関数が動いてないということにもなりますし(参照できないとか、WordPress配下にないとか、調べる必要はありますが)

[yai01]

お返事ありがとうございます。
色々なコードを書いてソースを確認してみました。
わかりづらくて申し訳ないです。

■数字を直接入力した場合
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '561' ;
</script>
↓
ソースでの表示（〇動作しました。ショートコードから稼働させた場合も同様でした。）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '561';
</script>

■自動で取得しようとした場合
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>' ;
</script>

ソースでの表示（×動作しませんでした）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>' ;
</script>

■'<?php echo 561;?>';だけを書いた場合
画面上の表示
‘‘;
ソースでの表示
&#8216;<?php echo 561;?>&#8216;;

■bbs.pageid = '<?php echo 561;?>' ;と書いてみた場合

コード
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo 561;?>' ;
</script>

ソースでの表示（×動作しませんでした）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo 561;?>' ;
</script>

■続いて、function.phpにコードを書いてショートコードから読み込んだ場合です
function.phpで'<?php echo 561;?>';を書くと「functions.php ファイルの●行目のエラーのため、PHP コードの変更をロールバックしました。修正し、もう一度保存してください。syntax error, unexpected '<'」と出るため、<?php ;?>は外しています。

function shortcode_test5(){ echo 561;}
add_shortcode('sc_test5', 'shortcode_test5');

画面上の表示
561
ソースでの表示
561

■function.phpに登録した下のコードをショートコードで読み込んだ場合
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '561';
</script>
↓
〇ソースでの表示（正常に動作しました）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '561';
</script>

■function.phpに登録した下のコードをショートコードで読み込んだ場合
この場合は<?php ;?>で囲んでもエラーは出ません。
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>';
</script>
↓
×ソースでの表示（動作しませんでした）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = '<?php echo get_post_custom()['customfield01'][0]; ?>';
</script>

■<?php ;?>を抜いた場合
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = 'echo get_post_custom()['customfield01'][0];';
</script>
↓
×ソースでの表示（動作しませんでした）
<script type="text/javascript" charset="Shift_JIS">
bbs.pageid = 'echo get_post_custom()['customfield01'][0];';
</script>

■function.phpに登録した下のコードをショートコードで読み込んだ場合
function shortcode_test5(){echo get_post_custom()['customfield01'][0]; }
add_shortcode('sc_test5', 'shortcode_test5');
画面上の表示：561
ソースでの表示：561