WordPressでシンタックスハイライトを利用する

2008 年 11 月 23 日 | カテゴリー: Apache, LAMP奮闘記, PHP

以前「InkTypeに乗り換える!!」と喚いていたクセに、当分の間はお世話になりそうなWordPress。そこで、新しいプラグインを追加してみました(= ‘艸’)ムププ

今までの投稿では、ソースコードは全て「blockquote」でマークアップするという暴挙に出ていたオラァ(p゚ロ゚)==p)`д)グハッので、いくら何でもこれはマズかろう、と…。

色々なブログを見ていると<pre></pre>などが利用されているようです。そこで、同じように<pre></pre>でマークアップしてみましたが、このテーマではCSSが指定されていないようなのでどうにも味気ない。

CSSあんまりよく分からないし面倒だし、WordPressならプラグインなどあるのではなかろうか?と探してみたら、やっぱりありました〜O(≧▽≦)OさすがWordPress。

利用させていただいたのは、「SyntaxHighlighter Plus」。使い方はとっても簡単で、ダウンロードしたプラグインを解凍したらフォルダごと/wp-content/plugins/にアップロード。管理画面からプラグインを有効化したら、それで準備はオッケーです。

でもって、ハイライトさせたい箇所を

[sourcecode language='言語名'] [/sourcecode]

で囲むだけ。実際にやってみるとこんな感じになりました。

<?php
class Hoge extends Controller
{
    public function __construct()
    {
        parent::Controller();
    }

    public function index()
    {
         echo 'CodeIgniter is cool framework!!';
    }
}
/**
* End of file hoge.php
*/

Javasvriptを利用しているので、無効にされていると綺麗にハイライト出来ないようですから、オフでご覧になっている方は一度オンにしてみて下さい。

このプラグイン、PHPは勿論多言語に対応しているみたいです。参考にさせていただいたこちらのブログで詳しく解説されています。

【WP】ソースコードをシンタックスハイライトする”SyntaxHighlighter Plus

さて、週末にちょこっと触ってみたCodeigniter1.7ですが、フォームのバリデーション周りがかなり便利になった印象です。詳しくは次回にでも…。

今日はここまで・△・)ノ バイバイ

  1. 2008 年 11 月 25 日 09:41

    おおう、こないだ教えてもらったのはいいけど、使い方解ってなかったです(苦笑
    帰ったら早速試してみまふ\(^o^)/

  2. taro
    2008 年 11 月 25 日 21:00

    >少佐サン

    どもです。Javascriptって使いこなせたら便利なんでしょうね〜。
    見た目をイジるというのが苦手なのでalert(‘Hello’);で逃げだしましたが…orz

    お互い頑張りましょう(^^