Crayon Syntax Highlighter – ソースコードを綺麗に表示できるWordPressプラグイン

Crayon Syntax Highlighterとは

Webサイトの記事内で、ソースコードを綺麗に表示できるWordPressプラグインです。

Crayon Syntax Highlighterのインストール

[プラグイン] > [新規追加]
「プラグインの検索」で”Crayon Syntax Highlighter”を入力します。

Crayon Syntax Highlighterを検索したら、[いますぐインストール]ボタンをクリックてインストールします。

Crayon Syntax Highlighterの使い方 記事にコードを入力する。

1. “crayon”ボタンをクリックします。

ソースコードを挿入したいところで”crayon”ボタンをクリックします。

ビジュアル表示の場合はこのアイコン

テキスト表示の場合はこのアイコン

2. ソースを入力します。

アイコンをクリックするとソースコード入力画面と設定画面が表示されます。

ソースコード入力画面にソースコードを入力します。

[挿入]をクリックすると自動的に以下のようなコードが記事に挿入されます。

記事を保存・投稿すると、ソースがきれいに表示されていると思います。

ソースコードの表示設定の変更。

ソースコードの表示設定は、”デフォルト設定画面”と”記事投稿時の設定”の二種類で変更することができます。