WordPressのショートコードを記事に「そのまま」表示する方法

投稿日:2013年10月10日 | 最終更新日:2021年5月12日

WordPressのショートコードを記事内に「そのまま」書きたい場合、コードが動作してしまってうまくいかないので、方法を調べてみました。

やりたいこと

WordPress記事内に書いたショートコードを「そのまま」表示させたい。
たとえば、このような感じで。↓
[code][browser-shot url=”ここにURLを書く” width=”お好みの幅を数字で”][/code]

解決方法

ショートコードの「 [ 」と「 ] 」を二重に書くと、「そのまま」のコードが表示されました。

たとえば、こう書くと↓
[code][[browser-shot url=”ここにURLを書く” width=”お好みの幅を数字で”]][/code]

このように表示されます。↓
[code][browser-shot url=”ここにURLを書く” width=”お好みの幅を数字で”][/code]

参考にさせていただきました

こちらの記事を拝見して、この方法を知りました。ありがとうございます!
→ ワードプレスのショートコードを記事・固定ページでそのまま表示する方法 – キーワードノート

まとめ

<pre>タグや<code>タグで囲めばうまく表示されるかと思っていたのですが、それではうまくいかずどうしたものかと思っていましたが、意外な方法で解決できてよかったです。

WEB制作・開発、iPhoneアプリ、DTMなどのTipsやメモを書いています。

関連記事