ブログ記事にHTMLをコードとして貼り付けたいのに自動で変換されてしまう

Question

困っていること：
下記のHTMLをブログ記事にコードで表示させたいのですが、自動で変換されてしまい困っています。

試したこと：
特殊文字に変換したり、preタグやcodeタグを使ったり、プラグイン（Highlighting code block）を使ったり色々試しましたが、どれもうまく行きませんでした。

該当のブログ記事：
該当ブログ記事はこちら

参考にした記事：
HTMLタグやコード、特殊文字を文字列として表示させる方法【WordPress】
HTML特殊文字変換ツール
WordPressで勝手に変換されるケースは4種類あるので区別しよう

<div class="tab-wrap">
    <input id="TAB-01" type="radio" name="TAB" class="tab-switch" checked="checked" /><label class="tab-label" for="TAB-01">年間Yearly</label>
    <div class="tab-content">[popular_list days=365 rank=1 pv=0 count=10 type=default]
    </div>
    <input id="TAB-02" type="radio" name="TAB" class="tab-switch" /><label class="tab-label" for="TAB-02">月間Monthly</label>
    <div class="tab-content">[popular_list days=30 rank=1 pv=0 count=10 type=default]
    </div>
    <input id="TAB-03" type="radio" name="TAB" class="tab-switch" /><label class="tab-label" for="TAB-03">週間Weekly</label>
    <div class="tab-content">[popular_list days=7 rank=1 pv=0 count=10 type=default]
    </div>
</div>

追記します。
[]追加しましたが、改善しませんでした。

<p>[&lt;div class="tab-wrap"&gt;<br />
   &lt;input id="TAB-01" type="radio" name="TAB" class="tab-switch" checked="checked" /&gt;&lt;label class="tab-label" for="TAB-01"&gt;年間Yearly&lt;/label&gt;<br />
&lt;div class="tab-content"&gt;[popular_list days=365 rank=1 pv=0 count=10 type=default]<br />
&lt;/div&gt;<br />
   &lt;input id="TAB-02" type="radio" name="TAB" class="tab-switch" /&gt;&lt;label class="tab-label" for="TAB-02"&gt;月間Monthly&lt;/label&gt;<br />
&lt;div class="tab-content"&gt;[popular_list days=30 rank=1 pv=0 count=10 type=default]<br />
&lt;/div&gt;<br />
   &lt;input id="TAB-03" type="radio" name="TAB" class="tab-switch" /&gt;&lt;label class="tab-label" for="TAB-03"&gt;週間Weekly&lt;/label&gt;<br />
&lt;div class="tab-content"&gt;[popular_list days=7 rank=1 pv=0 count=10 type=default]<br />
&lt;/div&gt;<br />
&lt;/div&gt;]</p>

Answer 1

ショートコードを変換せずそのまま出すということですかね。
【WordPress】ショートコードを変換しないでそのまま表示できるって知ってた？

Comments

[fuku-chann]

ご回答ありがとうございます。
説明がわかりずらくて大変申し訳ございません。
該当ブログ記事の英語タブの場合（Yearly/Monthly/Weekly）の下が問題の箇所になりますが、コード（HTML）を入れると、一部ランキングが自動で作成されてしまいますが、これをコードとして表示させたいということです。

[m.ts10806]

ですから、そこがショートコードで変換されてるから、ショートコードの変換をしないようにという対応をしたいんですよね？という主旨の回答です。

[fuku-chann]

なるほど。始まりと終わりに[]を追加したら自動変換されずに表示できましたが、追加した[]は残ってしまうのでしょうか？

[m.ts10806]

今どうなってるんでしょう。
提示した記事を見た感じだとそうではないようです。
どのように書かれたのか分かりませんが、
注意点も読まれましたか？

[fuku-chann]

はい。テキストから編集しました。
編集画面では変わっていましたが、ブログ記事の方は変化なかったようです。（私の勘違いだったようです。すみません。）

[m.ts10806]

反映に時間かかるのかもしれません（PHPはともかくWordPressにすごい詳しいというわけではないのでこれ以上は私の方では難しいかもしれません）

[fuku-chann]

もう少し待ってみますが、多分解決しないような気がします。
括弧の位置が違うのでしょうか。
ありがとうございました。

[m.ts10806]

質問に追記されたコード、HTMLエンティティに変換されたものになっているようです。
それに[]はあくまでショートコードに対応するものかと。
[popular_list days=30 rank=1 pv=0 count=10 type=default]
↓
[[popular_list days=30 rank=1 pv=0 count=10 type=default]]

[fuku-chann]

解決しました！括弧の位置が違っていたようです。
ありがとうございました。

[m.ts10806]

「ショートコードをエスケープするコード」です。
そもそもショートコードを認識されてなかったこともあるので、これを機に機能を覚えてみてください