【WordPress】ショートコードをそのまま表示させる方法2選【簡単】

こういった疑問に答えます。

それではいきましょう。

WordPressショートコードをそのまま表示させる方法

WordPress関連の記事を書いているとき

デザインの変更やプラグインの使い方などを説明する際に、ショートコードを実行させずにそのままの文字列として表示したいときがあります。

たとえば下記のように表示したいとします。

[icon icon-swell]

ショートコードをそのままコピペしてしまうと

← このようにコードが実行されてしまいます。

上記のようにWordPressのショートコードをそのまま表示させないためには、ちょっとしたテクニックが必要です。

その方法は、下記のように2つあります。

• [ ]を文字実体参照で記載する
• ショートコードを二重の[ ]で囲う

順に解説していきます。

[ ]を文字実体参照で記載する

最初は、[ ]を文字実体参照で記載する方法です。

ちなみにこの半角カッコ [ ] は正式に「ブラケット」と言います。

• [ 　は左ブラケット
• ] 　は右ブラケット

と呼びます。

ショートコードをそのまま表示させるには、

表示させたいコードの左と右に、左ブラケット[と右ブラケット]と記載します。

[icon icon-swell]

ショートコードを二重ブラケット[[ ]]で囲う

もうひとつは、ショートコードを二重のブラケットで囲う方法です。

次のように記載すればOKです。

[[icon icon-swell]]

本記事は以上となります。