wordpress に別で作成したhtml,php,javascriptが含まれるページを固定ページとして表示したいです

Question

御世話になります。wordpress初心者になります。

ある電気使用量を google chart で作成したグラフページがあります。
こちらをwordpress内の固定ページに表示したいと考えています。

電気使用量が分かるグラフは、phpでデータを取得し、javascriptである google chart とhtmlで表示しています。

wordpressでphpを起動する場合は、funciton.phpで記述しショートコードで呼び出す方法があります。こちらは関数であり、return 結果を出力をしています。そのため、htmlをそのままうまく出力できません。

この場合、どのようにwordpressに組み込めばよろしいでしょうか？

Comments

[kei344]

「htmlをそのままうまく出力できません。 」の部分を「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

[blossan]

return でhtmlタグを渡せる回答頂きましたので、「htmlをそのままうまく出力できません」は無事解決できました。

Answer 1

こちらは関数であり、return 結果を出力をしています。そのため、htmlをそのままうまく出力できません。

ヒアドキュメントを使えば、長いHTMLコードでも出力できると思うのですが、それでは問題があるのでしょうか。

function my_shortcode() {

	// 何かの処理
	
	$output <<< EOF
<p>出力例1</p> // 出力したい内容を記述
<p>出力例2</p>
<p>出力例3</p>
EOF;

	return $output;
}

もしくは、google chartを表示する固定ページ専用のテンプレートファイルをつくるとか。

Comments

[blossan]

この場合、cssやjavascriptもhtmlに反映され、$outputに渡せるのでしょうか？

[退会済みユーザー]

<script>～</script>, <style>～</style>も（上記の例でいえば）`EOF`の間に書けば出力されるはずです。実際に試してみるのが手っ取り早いですよ。
（CSSとJSのコードは、別ファイルに書いて読み込むようにするのが理想的かもしれませんが）

[blossan]

ありがとうございます。