crayon-syntax-highlighter:JavaScriptやHTMLコードを投稿記事に表示してくるWordPressプラグイン



WordPressの投稿記事にJavaScrip・HTML・CSS・PHP等のソースコードを
イイ感じに表示してくれるプラグインです。

WEBの技術系ブログやサイトには必需品的なプラグインですね。

 

1.プラグインダウンロード

以下のページよりダウンロード可能です。
Crayon Syntax Highlighter WordPress Plugins

 

2.プラグインのインストール

ご承知かと思いますが、「~/wp-content/plugins/」配下に
「1.」にてダウンロード・解凍したプラグイン「crayon-syntax-highlighter」を
アップロードします。

 

3.プラグインのインストール

WordPressコントロールパネルの「プラグイン」にて「有効化」すると
記事投稿画面のタイトル下の入力エリアに「crayon」ボタンが表示されます。

そのボタンをクリックするとソースコードを入力するエリアが表示されますので
そこに入力して「挿入」するだけですが、
WEB技術のハウツー系を紹介する記事には重宝しますね。

Crayon Syntax Highlighter WordPress Pluginsの投稿画面イメージ

 

本ブログにも良く使用してますが、crayon-syntax-highlighterを使用した
投稿記事は以下より確認できます。
Crayon Syntax Highlighterを使用した投稿記事

閲覧者に見易いだけで無く、コピペもしやすくなってますね。