人気記事

広告

記事検索

MOVION.netについて

WEB技術に関することや、気になるWEBサイトなどについて個人的なメモを残すためのブログです。

その他運営サイト

かかわっているサイト

Wordpressでプログラムのソースコードをハイライト表示

ここのブログはwordpressを使っているのですが、ブログにプログラムのソースコードを載せるなら、やっぱりキレイに表示したい。
というわけで、ハイライト表示ができるようにプラグインを組み込んでみました。
その、作業履歴です。

1.GeSHi (Generic Syntax Highlighter)をダウンロード
ダウンロードは以下から、
http://sourceforge.net/project/showfiles.php?group_id=114997

GeSHiのサイトはこちら。
http://qbnz.com/highlighter/

2. GeSHiを丸ごとアップロード
とりあえず、公開領域にgeshi/ディレクトリごとアップロード

3.Source Code syntax highlighting plugin for WordPress (V1.2)をダウンロード
以下のページのInstrationのとこにあるリンクからダウンロード
http://www.deanlee.cn/wordpress/code_highlighter_plugin_for_wordpress/

4.プラグインディレクトリに3でダウンロードしたのをアップロード
ダウンロードした、deans_code_highlighter_v1.2.zip を解凍して、deans_code_highlighterディレクトリごと、
wp-content/plugins のディレクトリにアップロード。

5.プラグインを有効にする
wordpress管理画面の、「プラグイン」のメニューでDean’s Code Highlighterってのが表示されてると思うので、
アクションの「有効化」をクリック。

6.お好みにあわせてCSSを変えてもよし
ハイライトカラーを変えたい場合は、
wp-content/plugins/deans_code_highlighter/geshi.css
を編集してください。

でサンプル。
<pre lang=”php”>< ?
$value = “HELOO”;
$language = “PHP”;
print $value . ‘ ‘ . $language;
?></pre>

こんな風に書くと、以下のように表示されます。

  1. < ?
  2. $value = "HELOO";
  3. $language = "PHP";
  4. print $value . ‘ ‘ . $language;
  5. ?>

もちろん、投稿時には「ビジュアル」ではなく「コード」で書かないと反映されません。
ところで、GeSHiは日本語読みはどうなるんでしょうか?
geshi/geshi.php
なんかは、普通に「ゲシゲシピーエイチピー」!?

wordpress, PHP | 2008年02月11日(月) | コメント(3) | トラックバック(0)
add to hatena hatena.comment add to del.icio.us add to livedoor.clip add to Yahoo!Bookmark

Comments

  1. Commented by Johnd304 — 2014/05/26 月曜日 @ 8:28:01

    Really informative article post.Thanks Again. Awesome. defabeekcgea

  2. Commented by Pharmd829 — 2014/05/30 金曜日 @ 21:59:33

    Very nice site! cheap goods

  3. Commented by Johnd56 — 2014/06/19 木曜日 @ 11:03:32

    How To Buy Cheap Generic Ceclor 500mg fcdeeedkgked

Comment Feed Comment feed for this entry

Trackback URI :

コメントをどうぞ

段落や改行は自動挿入です。メールアドレスはサイト上では非表示です。