WordPressプラグイン Enlighter – Customizable Syntax Highlighter の使い方「コンソール画面表示」

WordPressのプラグイン「Enlighter – Customizable Syntax Highlighter」の使い方を紹介します。

Enlighterは、Linuxのコンソール画面(ターミナル)やプログラムのソースコードを色付きで表示させることができます。

今回、Linuxのコンソール画面(ターミナル)の表示に限定して説明します。
（意外と試行錯誤が必要だったので）

入力したコマンドと出力された文字列を表示したい。余計な色付けは不要

テーマ(Theme)は、”atomic”を指定すると黒色の背景になるので、テーマは”atomic”に固定。
言語(LANG)を変更して、好みの表示を探していきます。

（他にやり方があるかもしれませんが、背景が黒色のテーマで固定して、言語を変えていく方法で確認）

以下の”★言語★”のところを変えていきます。

＜pre class=”EnlighterJSRAW” data-enlighter-language=”★言語★” data-enlighter-theme=”atomic”＞
「ここにコマンド行を書く」
＜/pre＞

編集は、ビジュアルモードではなく、テキストモードでコピペでやったほうが作業は効率的ですね。

まず、Shellから、

★★★LANG  Shell★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

・rootアカウントでコマンド実行する場合のプロント”#”が、コメント扱いになり表示が薄くなるのでNG
・数字に色が付くのでNG
・ダブルクォーテーションの表示に色が付くのでNG

次に”RAW”

★★★LANG  RAW★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

RAW=そのまま（未加工）ということですね。
この表示が期待するもので、問題なし。

data-enlighter-language=”RAW” data-enlighter-theme=”atomic”

参考までに他の言語の表示も載せておきます。

HTML

★★★LANG  html★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

C

★★★LANG  C★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

CSS

★★★LANG  CSS★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

Diff

★★★LANG  Diff★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

Java

★★★LANG  Java★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

MarkDown

★★★LANG  MarkDown★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

Python

★★★LANG  Python★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30

XML

★★★LANG  XML★★★
# ruby -v
ruby 2.0.0p648 (2015-12-16) [x86_64-linux]
==========================================================================
インストール  1 パッケージ (+8 個の依存関係のパッケージ)
File "/usr/bin/yum", line 30