[WordPress] あらゆる言語のソースコードを見やすく表示するプラグイン-SyntaxHighlighter Evolved

パソコン・ソフト・ゲーム関係

2013.06.302024.09.09

この記事は約4分で読めます。

今年も気が付けば6月も終わり、半年過ぎてしまいました・・。
月日が立つのは早いもので、年齢とともにプログラムコードも思うようにスラスラ書けなくなって来ました。
思い出せない、コードスペルミスなどが多く(´・ω・｀)ｶﾞｯｶﾘ…

習いたてのプログラマみたいに本をペラペラ、WEBを流し読みってことも多くなってきたのは辛いです。

さて、今回はVBAのソースコードやPHPなど記載することも多いので、ソースを見やすくできるプラグインのご紹介です。
って言ってもネット上の情報を集めただけなので特別なわけではないのであしからず。

SyntaxHighlighter Evolved
WordPressの記事上にコードサンプルを記載する際に閲覧者がソースコピーや見やすさなどを補助するプラグインです。
具体的には以下の様な表示になります。

[code lang=”vb”]
‘テキストボックス１に入力された内容を変数に代入する
IP_WorkNo = TextBox1.Value

‘DataBaseに接続し、T_UserIDの情報を取得する。
Dim ct As New ADODB.Connection
Dim rs As New ADODB.Recordset
ct.Open ("Provider = Microsoft.Jet.OLEDB.4.0;Data Source=" & db_Path)
rs.Open Source:="SELECT Work_ID,Work_No,Model,Name_of_product FROM T_work_table WHERE Work_No=’" & IP_WorkNo & "’;", ActiveConnection:=ct

PWork_ID =　rs!Work_ID
PWork_No = rs!Work_No
PModel = rs!Model
PName_of_product = rs!Name_of_product
[/code]

このプラグインですが、WordPressのダッシュボードにあるプラグインインストールでSyntaxHighlighter Evolvedと入力して検索すると出てきます。
ダウンロード後は、プラグインの有効化を行い、設定画面の「SyntaxHighlighterの設定」でテーマや折り返しの有無など、自由に選択出来ます。
あとは投稿時に下記のコードを入力するだけです。

［CODE　 lng=”vb”］

ソースコードをココに記入する。

［/CODE］

または

［code language=”xhtml”］

ソースコードをココに記入する。

［/code］

言語のショートコードのパラメーターは以下のものが使えるようです。

Brush name	Brush aliases	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
CSS	css	shBrushCss.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Groovy	groovy	shBrushGroovy.js
Java	java	shBrushJava.js
JavaScript	js, jscript, javascript	shBrushJScript.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js