WordPress srcset属性でショートコードを使う方法について

Question

下記の事象についてお詳しい方、ご教授いただけないでしょうか。
宜しくお願いいたしますm(_ _)m

やりたいこと

固定ページ内で、srcset属性にfunction.phpに記述したショートコードを使えるようにしたい。

やったこと

以下の記述を追加

function.php

//投稿内で [template_url] と記述する
function shortcode_templateurl()
{
	return get_template_directory_uri('template_url');
}
add_shortcode('template_url', 'shortcode_templateurl');

page.php

<?php
/**
 * The main template file
 *
 * @package hoge
 * @since 1.0.0
 */

get_header();
?>

<main id="main" class="c-main">

	<?php
	if ( have_posts() ) {

		while ( have_posts() ) {
			the_post();

			the_content();

		}
	}
	?>


<?php
get_footer();

結果

出力前のコード

<picture>
<source media="(max-width: 767px)" srcset="[template_url]/image/index/image-smp-01.png">
<img src="[template_url]/image/index/image-01.png" alt="">
</picture>

↓
↓
↓
出力後のコード

<picture>
<source media="(max-width: 767px)" srcset="[template_url]/image/index/image-smp-01.png">
<img src="http://hogehoge.jp/wp-content/themes/test/image/index/image-01.png" alt="">
</picture>

srcset属性の時のみ、[template_url] がそのまま表示されてしまう。

試したこと

下記の方法を試して見ましたがうまくいきませんでした。

▼ WordPress srcset内のショートコードがそのまま表示されてしまう現象を解決！
https://blog.yuko-design.com/wordpress/3431/

作業環境

WordPress 5.1.4
PHP 7.3.10
Apache

Comments

[kei344]

ショートコードを入力しているのは記事内でしょうか。また、その場合出力部分のコードも提示してください。

[hogeniho]

ショートコードを入力しているのは【固定ページ】内になります。

出力部分のコードは下記になります。
```
<picture>
<source media="(max-width: 767px)" srcset="[template_url]/image/index/image-smp-01.png">
<img src="[template_url]/image/index/image-01.png" alt="">
</picture>
```

お手数をおかけいたしますが、ご確認のほど宜しくお願いいたします。

[kei344]

【固定ページ】の記事内（本文エリア内）ですね。固定ページの本文エリアの出力部分のコードも提示してください。

[hogeniho]

ご連絡ありがとうございます。
【固定ページ】の記事内（本文エリア内）に、記述しているコードは下記になります。
```
<picture>
<source media="(max-width: 767px)" srcset="[template_url]/image/index/image-smp-01.png">
<img src="[template_url]/image/index/image-01.png" alt="">
</picture>
```

[kei344]

「固定ページのテンプレートファイル」の本文エリア出力部分のPHPコードについて提示してもらえませんか、ということなのですが･･･。

[hogeniho]

お手数おかけします。こちらで意味あっておりますでしょうか。ご確認いただますと幸いです。

page.php
````
<?php
/**
* The main template file
*
* @package hoge
* @since 1.0.0
*/

get_header();
?>

<main id="main" class="c-main">

<?php
if ( have_posts() ) {

while ( have_posts() ) {
the_post();

the_content();

}
}
?>

<?php
get_footer();
````

Answer 1

その試してみたのがちゃんとできてないんじゃないかとも思うので
その試してみたコードが見たいところではあるけど
とりあえず多少乱暴に直接的に追加

if ( have_posts() ) {

↓

$GLOBALS['allowedposttags']['img']['srcset']=true;
if ( have_posts() ) {

これでいけるならその試してみたのやつが
何らかの理由でうまくできてないってこと

Comments

[hogeniho]

ありがとうございます。
もろもろ確認した所、「試したこと」で行った修正コードの記述が一部まちがっておりました。コチラの確認不足でした。提示いただいたコードで、間違いに気づくことが出来ました。ありがとうございました。