WordPressのテンプレート（PHP）内でJavaScriptを動作させたいです。

Question

前提・実現したいこと

WordPressで、画像やリンク、説明文をページごとに変化させるような
システムを作っています。

固定ページのテンプレート（PHP）にて、JavaScriptを埋め込むような形で実装しようとしているのですが、
うまくいきません。

SyntaxErrorが出ているため、PHP内でのJavaScriptの埋め込みの書き方が間違えているのでしょうか。
そもそもWordPress上ではPHP＋JavaScriptといった実装の方法はできないのでしょうか。

PHP単体ですと動作しておりました。

コンソールログにて表示確認できているのは、
a
b
エラーメッセージ
e
g
h
です。

よろしくお願いいたします。

発生している問題・エラーメッセージ

Uncaught SyntaxError: Unexpected token '<'
?preview_id=380&preview_nonce=d271126c7c&preview=true:598 

該当のソースコード

<?php //通常ページとAMPページの切り分け
/**
 * Cocoon WordPress Theme
 * @author: yhira
 * @link: https://wp-cocoon.com/
 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 */
if ( !defined( 'ABSPATH' ) ) exit;

if (!is_amp()) {
   get_header();
 } else {
   get_template_part('tmp/amp-header');
 }
?>

<?php
	//動作確認のためのコンソールログ表示
	function console_log( $data ){
	echo '<script>';
	echo 'console.log('. json_encode( $data ) .')';
	echo '</script>';
}

	console_log( "a" );
?>

//追記部分（PHP）
<?php
	$path = get_template_directory_uri();
	$site = 'site_a';
	$args = array('commic01', 'commic02', 'commic03', 'commic04', 'commic05', 'commic06');

	// ファイルを変数に格納
	$filename = $path.'/affiliate/'.$site.'/'.$args[0].'/url.txt';
	// ファイルを読み込み変数に格納
	$url = file_get_contents($filename);
	$src = $path.'/affiliate/'.$site.'/'.$args[0].'/banner.gif';

	// ファイルを変数に格納
	$filename = $path.'/affiliate/'.$site.'/'.$args[0].'/description.txt';
	// ファイルを読み込み変数に格納
	$description = file_get_contents($filename);
?>

<?php
	console_log( "b" );
?>

<?php //固定ページ内容
get_template_part('tmp/page-contents'); ?>

//追記部分（JavaScript）
<script type="text/javascript">
$(function(){
	<?php
		console_log( "c" );
	?>
	console.log('d');
	<?php
		console_log( "e" );
	?>
	console.log('f');
	var jsrc = '<?php echo $src; ?>';//JavaScriptの変数に入れて試しています。
	$('#image01').attr('src', jsrc);
	$('#link01').attr('href', "<?php echo $url; ?>");//PHPの変数のままにしています。
	$('#description01').html('<strong><span class="fz-18px">'+$description+'</span></strong></span>');
	<?php
		console_log( "g" );
	?>
});
</script>

<?php
	console_log( "h" );
?>

<?php get_footer(); ?>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[退会済みユーザー]

エラー箇所を示す行番号が、どのあたりを示していたかさっぱりわからないし、ひとまず掲載あれたコードを呼んでみても特に引っかかる箇所は見つけられないので、全文掲載したらいいと思います。（もちろんアカウント情報的なのは潰して）

[Munakata]

ありがとうございます！
全文掲載させていただきました！

自分が付け加えた部分ではない、初期のテンプレート部分でしたので、
関係ないと思い、削除させていただいておりました！

[退会済みユーザー]

エラーメッセージ的には、javascript上のエラーなので、生成したjavascriptに、妙な位置に「<」が来ているものと思われます。console_log()の定義はどうなっていますか？

Answer 1

function console_log()が、
そもそもhtmlコードの場面で呼ばれる設計になっているにも関わらず、
js（jQuery）を実行している箇所で呼び出しているから
発生しているエラーになります。

<script type="text/javascript">
$(function(){
    <?php
        console_log( "c" );
    ?>
    console.log('d');

↓

<script type="text/javascript">
$(function(){
    <scriptうんたらかんたら
    ～～～
    </script>
    console.log('d');

では、<が出現するのはおかしいでしょ？

Answer 2

皆様ご回答いただきまして、ありがとうございます！

そもそもがphpファイルですので、<script></script>内でも<?php ?>の記述は使えるものだと思っておりました…！
下記にて無事解決いたしました。
ありがとうございました！

略
<?php
 	$path = get_template_directory_uri();
	$site = 'site_a';
	$args = array('commic01', 'commic02', 'commic03', 'commic04', 'commic05', 'commic06');

	// ファイルを変数に格納
	$filename = $path.'/affiliate/'.$site.'/'.$args[0].'/url.txt';
	// ファイルを読み込み変数に格納
	$url = file_get_contents($filename);
	$src = $path.'/affiliate/'.$site.'/'.$args[0].'/banner.gif';

	// ファイルを変数に格納
	$filename = $path.'/affiliate/'.$site.'/'.$args[0].'/description.txt';
	// ファイルを読み込み変数に格納
	$description = (string)file_get_contents($filename);
?>

略

<script type="text/javascript">
$(function(){
	var jsrc = '<?php echo $src; ?>';
	$('#image01').attr('src', jsrc);
	var jurl = '<?php echo $url; ?>';
	$('#link01').attr('href', jurl);
	var jsondescription = '<?php echo json_encode($description); ?>';
	var jdescription = JSON.stringify(jsondescription);
	jdescription = jdescription.slice(3, -3);
	jdescription = jdescription.replace('\n','');
	console.log('js : '+jdescription);
	$('#description01').html(jdescription);
});
</script>
略

Answer 3

お仕事でWordPressの固定ページにHTML5、CSS3、JavaScript、PHP7系を記述していますが、
基本的に分けてまとめて書いてますが、たまに混ぜています。

以下のように記述してもコンソールログに文字が出ていたので、
JavaScriptの中にPHPを記述しても動くとは思いますが…

<?php echo 'hello'; ?>

<script>
    console.log('<?php echo "world"; ?>');
</script>

混ぜられるかどうかよりも、
Uncaught SyntaxError: Unexpected token '<'
エラーの指摘は<が変なところにあるよってことなので、
'や"、;などの記号が上手く使えているか確認された方が良いかもです。