Wordpress、ショートコードを使ってPHPで画像を作成し、表示する方法について

前提・実現したいこと

WordPressの投稿記事内でPHPを利用して画像を作成し、それを表示したいです。

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

ページを開いた際に画像を作成して、フォルダに保存することはできたのですが、
保存した画像を表示することができずに困っています。
そもそも発想から間違っている気もしているので、実現可否も合わせて教えていただけると嬉しいです。

画像ファイル"パス・・・"は壊れているため、表示できませんでした。

該当のソースコード

Wordpressのfunctiopn.phpにincludeのコードを書いて、別のphpファイルを読み込ませています。画像の作成はできているので、該当部分は省略します。

PHP・・・ショートコードのためにfunction.phpに下記を記載。動作確認済み。
function test($params = array()) {
	extract(shortcode_atts(array(
		'file' => 'default'
	), $params));
	
	//ob_start();
	include(STYLESHEETPATH . "/function/$file.php");
	return ob_get_clean();
}

add_shortcode('test1', 'test');

投稿記事内では
[test1 file='sample']

sample.php
<?php
for ($i = 1; $i <= 10; $i++) {
〜画像を作成するコード、省略〜
$file = 'ファイル名';
header('Content-Type: image/png');
readfile($file);
echo $i."件の処理を完了しました。<br />\n";
echo str_pad(" ",4096)."<br />\n";
ob_flush();
flush();　}
}
?>

試したこと

ループ処理で１０個画像を作成し、作成するたびにメッセージと画像を表示したいと思っています。

header('Content-Type: image/png');
readfile($file);

の部分をコメントアウトすれば、画像の作成とメッセージ表示は順次実行されることを確認しています。
また、他の処理をすべて消して

<?php
$file = ファイル名;
header('Content-Type: image/png');
readfile($file);
?>

としても同様に"壊れている"エラーが表示されます。
また、header()部分をコメントアウトすると文字化けしたデータが表示されます。(想定どおり)
投稿記事内におけるショートコードを使ったPHPでは、
header('Content-Type: image/png');
は利用できないのでしょうか？

また、その場合はheader()を使わない画像の表示方法はあるのでしょうか？

CHERRY

2019/08/21 10:55 編集

作成したファイルが、ウェブラウウザで正しく表示されることは確認されたのでしょうか？　画像ファイルの URL を直接ウェブブラウザで参照すると表示されますか？

hatena_

2019/08/21 11:35

ご質問ありがとうございます。 HTMLタグで指定した場合は表示されます。ショートコードでheader()がそもそも使えるのかがとても気になっています。

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

回答2件

自己解決

自己解決しました。
ショートコード内にheader()を書くとエラーで表示できなかったのですが、
For文内でhtmlタグを加えて
echo '<img src="'.get_stylesheet_directory_uri().'/'.$directory_name. '/'.$i.'.png">';
このような記載をすることでやりたいことが実現できました。
ご回答いただきありがとうございました。

投稿2019/08/22 16:53

hatena_

総合スコア4