Syntax Highlighter for WordPress (ソース整形表示) の紹介

http://wppluginsj.sourceforge.jp/syntax-highlighter/

PHP, JavaScript 等のソースを SyntaxHighlighter を使用して、整形表示します。非常に便利です。ホームページやブログ等でソースコードを表示する時はHTMLのルールの元でpreとcodeを使いますよね？それだけじゃ表現が難しい場合や表示さえされない場合があります。

このプラグインを使うとソースコードが整形表示されこうなります。非常に非常に便利ですね

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

–インストール方法–
plugins ディレクトリに “syntax-highlighter” ディレクトリを作成し、その中にプラグインファイルを格納してください。一般的には .zip から展開された syntax-highlighter フォルダをそのままアップロードすれば OK です。あとはプラグインを有効化すれば、準備完了です。

–ショートコードオプション–
このプラグインはオプション指定が出来ます。このオプションが非常に非常に便利です。使いこなしてくださいね。上記に記述したPHPコードを元にオプションの解説をしていきます。

---

行番号の開始番号指定をする場合はnumというオプションを付けます。ここではnum=10に設定し、10行目から始めています。

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

ハイライト表示したい行を指定したい場合はhighlight_linesを付けます。ここではhighlight_lines=”5,6,7″。テーマによってはハイライトされません。。

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

行番号を非表示にします。gutterです。ここではgutter=”false” を指定

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

ルーラーを表示します。rulerです。ここではruler=”true”を指定

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

ツールバー表示しない。toolbarです。toolbar=”false”を指定

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

簡易表示になる。lightです。light=”true”を指定

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

フォントのサイズを指定します。font_sizeです。font_size=”90%”を指定

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

言語名を表示します。lang_name。lang_name=”true”を指定。

PHP

<?php
    echo "Hello World" ;
    echo "<br />";

    for ($i = 0; $i < 10; $i++){
	    echo $i;
    }
?>

使用できるプログラミング言語
bash、c、cpp、csharp、diff、groovy、java、javascript、delphi、pascal、perl、php、python、ruby、shell、text、vb、vbnet、scala、sql、css、xml、html、xhtml、xslt

関連するかもしれない記事:

None Found

タグ: PHP, Plugin, WordPress