WordPressでソースコードを表示させるプラグイン【Crayon Syntax Highlighter】の使い方

WordPressのサイトで下記のような表示をみられたことはないですか？

target _blank

これはWordpress上でソースコードを表示する定番の方法なんですが
この表示方法をgoogle検索で調べようと思うと
WordPress　ソースコード　表示　プラグイン

この辺のキーワードを検索窓に入れることができれば
たどり着くでしょう。

昨今ではgoogleで調べれない方が少ない位ですが
万能にみえるgoogleでさえ検索窓に適切なキーワードを
入れることができなければ希望に応じた
答えを得ることができません。

WordPressでソースコードを表示させるとき
Crayon Syntax Highlighterという
プラグインを使用します。

最初にプラグインの追加よりCrayon Syntax Highlighterを有効にします。

表示したいソースコードがあればテキストモードにしてcrayonをクリックします。

下記のような画面になりますので
codeの所に表記したいソースコードを貼り付けます。

貼り付ければ右上のAddをクリックします。

貼り付けてもWordpress上では下記のような表記になります。

これをプレビュー表示しますと

このようにソースコードがCrayon Syntax Highlighterプラグイン
によって正確に表示されています。

 

Affiliate AZ club(AAC)無料メルマガ

メルマガの詳細を確認する