「code-snippets」でdivで囲った文字列を表示するテスト(失敗)

<div>で囲んだ文字列を表示するには工夫が必要と分かりました…

ヒアドキュメントを使えば良いと判明

表示テスト1

<div></div>で囲んだ文字列を表示しようと思ったのだが、何故か文章の一番上に表示される

表示

むき出しの表示

[spt_tst002]

ボックスに入れてみる

phpの中身

function tst20191010_2()
{
?>

<div style=”background:pink;”>code-snippetsの表示テスト2</div>

<?php
}
add_shortcode(‘spt_tst002′,’tst20191010_2’);

表示テスト2

やはり文章の一番上に表示される

表示

むき出しの表示

[spt_tst003]

ボックスに入れてみる

phpの記述

function tst20191010_3()
{
?>

<div style=”background:pink;”>コニチワールド</div>

<?php
return;
}
add_shortcode(‘spt_tst003′,’tst20191010_3’);