WordPressでショートコードを文字列として記事内に表示させたい時の記入方法【プラグイン不要】

WordPress ショートコード 文字列として表示

こんにちは、きゃぷてんです。

プラグインや何らかのツールの使い方を題材に記事を書く場合、記事内でショートコードを文字列として表示させたい時があると思います。

ただ、そのまま入力しても機能が反映されてしまうのでイライラしますよね(笑)

様々な言語のソースコードを綺麗に表示してくれるプラグイン等を使えば、ショートコードを文字列として表示することもできますが、わざわざプラグインを導入するのは面倒です。

そこで、色々と調べたところ、めちゃくちゃ簡単な方法でショートコードを文字列として表示することができたのでご紹介したいと思います。(プラグイン不要です)

そもそもショートコードとは

そもそもショートコードとは何かという部分から説明します。

ショートコードとは何ですかと聞かれたら「あらかじめ決められた動作を短いコードで呼び出すことができる機能」と答えれば大丈夫です。(ショートコードは一般的に[XXXXXXX]のように[]で囲んで記述します)

例えば下の記事で紹介している「Simple Map」というプラグインには、記事内にGoogle Mapの地図を表示する機能が実装されています。

【初心者向け】WordPressの記事内にGoogleマップの地図を埋め込む方法|Simple Mapの設定と使い方

2018.02.18

実際に記事内に地図を表示させようと思ったら、色々と面倒なプログラミングをしなければならないのですが、ショートコードで「地図を表示する機能」を呼び出せば、簡単にGoogle Mapの地図を表示できるわけです。

”東京都墨田区押上1丁目1−2”
 
実際に書いたショートコード
[map addr=”東京都墨田区押上1丁目1−2” width="100%" height="400px"]

上記のように「あらかじめ決められた動作を短いコードで呼び出すことができる機能」がショートコードというわけです。

ちなみに、WordPressの公式ブログではショートコードについて以下のように説明されています。

A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

ショートコードは超簡単で便利な機能だぜ!
これさえあれば、汚いコードとはさようなら
たった1行で全て解決!(的なことが書いてあります)

WordPress公式ブログ

ショートコードを文字列として表示させる方法

さてさて、それでは本題のショートコードを文字列として表示させる方法に入りましょう。

操作はとても簡単です。

文字列として表示させたいショートコードを[]で囲んでください。

 

例えば

[map addr=”東京都墨田区押上1丁目1−2” width="100%" height="400px"]

これを文字列として表示させたい場合は

[[map addr=”東京都墨田区押上1丁目1−2” width="100%" height="400px"]]

と書けばOKということです。

 

すると、ショートコードの機能を反映させずに、文字列として表示させることができます。

この方法を知らない時は、どうやってショートコードを文字列として表示させようか悩んでいましたが、調べてみると意外とあっけないものですね(笑)

ソースコードをがっつり文字列にしたい場合はこちら

ソースコードをがっつり文字列にする場合は、外部サービスを利用するかプラグインを利用することになります。

個人的には「Gist」という外部サービスを使うと、簡単にソースコードを文字列として表示できるのでおすすめです。また、エディタのデザイン性は「WP Code Highlight.js」というプラグインがかっこいいのでお好みで使い分けてくださいね。

WordPressでソースコードを表示できるプラグイン【WP Code Highlight.js】の設定と使い方

2018.03.03

【Gistの設定と使い方】プラグイン無しでブログにソースコードを埋め込む方法

2018.02.25
WordPress ショートコード 文字列として表示

あなたのシェアが僕の笑顔の源です

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

きゃぷてん

アフィリエイトは副業でやってます。「まったり自由に生きる」がモットーなのでブログ名をliberty-life-blogにしました。 <趣味> 汚い居酒屋探し、フットサル、お散歩、筋トレ <特技> 足首を無限にポキポキ鳴らせます。