投稿内でショートコードをそのまま表示させるために記号([ ])をエスケープする方法

ブログでショートコードが使えるプラグインを紹介する際に、「こういうショートコードを書けば○○が表示されますよー」なんてことを書こうとすると、内容が表示されてしまうことがあります。

プラグインをインストールしていなければショートコードを投稿内に書いても問題ないのですが、プラグインをインストールしていたらショートコードではなく内容が表示されてしまいますよね。

例えば、

[testshortcode]

と表示させたいのに、

test

という具合に内容が表示されてしまいます。

これを回避するために、ショートコードの先頭に半角スペースを入れるとか括弧の種類を変えるという方法でお茶を濁してもいいんですが、より訪問者にわかりやすくするためにはショートコードをそのまま表示させた方がいいですよね。

ということで今回は、投稿内でショートコードをそのまま表示させる方法をご紹介したいと思います。

投稿内にショートコードをそのまま表示させる方法

投稿内でショートコードをそのまま表示させたい場合は、ショートコードの周りにもう一つ括弧([ ])を付け加えてあげるだけです。

例えば、[testshortcode] というショートコードを投稿内にそのまま表示させたい場合は、以下のように記述します。

[[testshortcode]]

このように括弧を追加することで、内容ではなくショートコードがそのまま表示されます。

あとがき

わかってしまえばかなり単純な話ですが、意外とハマってる人多いんじゃないかなーと思います。私も WordPress 覚えたての頃は半角スペースを入れてごまかしていましたから・・・

なお、ショートコードが機能しない環境では、括弧を追加しなくてもそのまま表示できます。当たり前か・・・