WordPressでコードを綺麗に表示できるCrayon Syntax Highlighter

Crayon Syntax Highlighter Settings ‹ Value Connection — WordPress

Contents

Crayon Syntax Highlighterってなに?

WordPressのプラグイン「Crayon Syntax Highlighter」は
WordPressのエディター上で、プログラムコードを綺麗に表示するプラグインです。

使い方はすごく簡単!

2種類の使い方がありますが、共に簡単に使えるのでオススメです。

①エディターで下記のコードを挿入(表示したいコードをpreとcodeで囲う)
<pre><code>サンプルコード</code></pre>

これだけで綺麗なコードが表示できます!

もう一つの方法も簡単!

②エディターの上部「crayon」ボタンを押す

出てきたウィンドウ上で入力したいプログラムコード「code」の部分に入力し、最後に右上の「add」ボタンで追加できます!

管理画面→設定→「Crayon」ページでデザインや高さ・横幅までかなり詳細にカスタマイズできます!

Crayon Syntax Highlighter Settings ‹ Value Connection — WordPress

サンプルコードを表示した例

// A sample class
class Human {
	private int age = 0;
	public void birthday() {
		age++;
		print('Happy Birthday!');
	}
}

こんな風に綺麗にコードの表示ができます。

コードをHPに記述するのであればオススメのプラグインです。

プラグインのダウンロードページはこちら

 

関連記事

  1. wordpressで下層ページが真っ白になった時の対処方法

    WordPressでトップページ以外が表示されない時の対処法

  2. NextGEN GALLERY

    プラグインNextGEN GALLERYで真ん中に表示する方法

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。