質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

512閲覧

WordPressのfunctions.phpで別のJSファイルに変数を渡すとエラーになる

jan123

総合スコア4

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2022/01/13 23:35

編集2022/01/15 08:46

初心者です。

WordPressの
「funtions.php」
で、

$hoge = 'hoge'; ?> <script type="text/javascript"> let hoge = <?= $hoge; ?>; </script> <?php

のように、PHPで定義した変数をJSに渡す記述をしたところ、
変数自体は無事渡せているのですが、
WordPressで
記事を保存した際に、
「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」
というエラーが出てしまいます。

別ファイルにしているJSの適用先は、
外部に公開するサイトのほうではなく、
WordPressの管理画面です。
管理画面の編集ページにおいて、
独自に用意した設定の値に応じてできることを変えようとしている次第です。

ブラウザのコンソールを見ると、

該当ページのソースの冒頭に

<script type="text/javascript"> let hoge = <?= $hoge; ?>; </script>

<html>の前にきていて、
この1行目の
<
に対するsyntaxErrorが出ているように感じられますが、
どう対処すればよいのかがわかりません。

<head>内なりに持っていければよいのかなと思っていますが、 そのやり方さえわからず、 初心者ですが、ご教授いただければ幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jan123

2022/01/14 03:26 編集

質問者です。追記個所を間違えたので、その旨だけ残しておきます(削除できなかったので)。
guest

回答2

0

ベストアンサー

管理画面共通で<head>タグ内にjsやcssのコードを追加したいなら
admin_headのフィルタフックでやるのがオフィシャルな方法です。

投稿2022/01/14 06:12

KazuhiroHatano

総合スコア7802

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jan123

2022/01/14 23:46

ありがとうございます。 別の問題で解決してないのですが、 <head>内に記載されるやり方はわかったのでいったんここは閉じて、 別に追加で質問させていただきます。
guest

0

funtion.phpではなくfunctions.phpですが
直書きするとhtmlの出力前に実行されます。

おそらくheader.phpというファイルがあると思います。
その中でheadタグがありますのでそこに記述するのが良いかと思います。
(利用しているテーマにより異なります)

他にも手法はありますが初心者さんということなので
一番無難な方法をとるのがよいと思います。

投稿2022/01/14 00:28

tabuu

総合スコア2449

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jan123

2022/01/14 03:28 編集

ご回答ありがとうございます。 別ファイルのJSの適用先は、 外部に公開するサイトのほうではなく、 WordPressの管理画面です。 わかりづらくてすみません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問