WordPress 記事内のソースコードを彩るシンタックスハイライトのプラグイン WP-Syntax の使い方

WP-Syntax は WordPress のプラグインで、大変便利です。以下のようなソースコードを簡単に書けます。(この記事を書いたのは 2009年9月26日 で、WP-Syntax を使ってソースコードを彩ってますが、あなたが読んでいる今、WP-Syntax を使っているとは限りません。)

1
2
3
4
5
6

function rand_message() {
	$message = array("Web 系の少し遅れた当たり前の情報を流しています。", "Web 制作会社で働く19歳のメモ帳です。", "PHP と Javascript に埋もれたい。", "今日も三度の飯より PHP です。", "最近 Javascript にはまってます。");
	return $message[array_rand($message)];
}
 
echo rand_message();

ダウンロード

プラグインは以下のページからダウンロードできます。
WordPress › WP-Syntax « WordPress Plugins

最近の WordPress は便利で、ダッシュボードから直接プラグインをダウンロードし有効化することも可能です。ダッシュボードのプラグインから新規追加を選び、キーワードに WP-Syntax と入れて検索すれば、インストールが簡単に行えるかもしれませんね。

使い方

以下の langage にはソースコードの言語。例えば PHP なのか Javascript なのかを書きます。
number には開始行番号を入力します。1を入れれば1から始まりますが、5を入力すれば5から始まります。何も書かなければ行番号はありません。

1
2
3

<pre lang="langage" line="number">
	echo 'hoge';
&lt;/pre&gt;

注意すること

pre 要素の中ではタグを使うことができません。というのも、エンコードせずとも普通に書けばそれをブラウザで表示してくれます。逆にエンコードを既にしていると、エンコードされた文字がデコードされずに?というか、なんとういうか、そのまま表示されちゃうんですね。参考までに上のソースコードにエンコード済みの pre タグを入れておきました。
コードの中で今までタグを使っていたので、その除去が大変そうです私は。

対応している言語

abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

http://wordpress.org/extend/plugins/wp-syntax/other_notes/

コメント

1. pc.casey.jp » WordPressでソースコードを綺麗に機能的に表示するプラグインさんのコメント

   [...] ライトのプラグイン WP-Syntax の使い方 | ウェブル : http://kezy.org/2009/09/26/wp-syntax [...]

   • 2009年11月13日 (金) 20:45:30