SyntaxHighlighter for Windows Live Writerが動かない時の対処方法

テーマをwp.Vicunaに戻しました。
Windows Live Writerでスタイルが反映しない点以外は、不満が全く無いんですよね。
早く*CSSファイル内の@importに対応してほしい*ものです（。。

で、細かい調整はまだまだなのですが、一ヶ所だけはまった部分がありまして。
SyntaxHighligherが適用されませんでした orz

いや・・・wp.Vicunaのせいではないかもしれません。
何かのプラグインと干渉したのかな？

イロイロ試してgoogle先生に聞いて、やっと解決したのでインストール手順を含めてメモしておきます。
[Windows Live Writerにソースコード挿入プラグインを追加 :: C#.NETでいく？](http://www.naggy.bne.jp/cs.net/2008/06/SyntaxHightlighter-for-Windows-Live-Writer.html)を参照にしました。

### 手順1：ダウンロード

以下の3つのファイルをダウンロードして解凍します。

+ Ajaxライブラリの「prototype.js」 → [Prototype JavaScript framework](http://www.prototypejs.org/)より
+ SyntaxHighlighter本体「SyntaxHighlighter_x.x.x.rar」 → [SyntaxHighlighter](http://code.google.com/p/syntaxhighlighter/)
+ WLWプラグイン「SyntaxHighlighter.msi」 → [SyntaxHighlighter for Windows Live Writer](http://www.codeplex.com/wlwSyntaxHighlighter)

### 手順2：アップロード

SyntaxHighlighter本体を解凍すると、中に3つのフォルダがあります。
まずは Scripts フォルダに prototype.jp をコピーします。
後ほどJavaScriptを追加するときも、Scripts フォルダにアップロードするようにしたら管理が楽になりますよ。

そして、Scripts フォルダと Styles フォルダをサイトのトップか、ブログのトップに配置します。
このブログだと http://www.2drops.jp/ 直下になります。

### 手順3：テンプレートの修正

各ページの直前に、コードを挿入します。
私の場合はWordpressなので、header.phpの直前に次を記述しました。

<link rel="stylesheet" href="<?php bloginfo('home'); ?>/Styles/SyntaxHighlighter.css" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/prototype.js"></script>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/shCore.js"></script>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/shBrushXml.js"></script>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/Scripts/shBrushJScript.js"></script>
<script type="text/javascript">
Event.observe(window, "load", code_SyntaxHighlight, false);
function code_SyntaxHighlight(){
    dp.SyntaxHighlighter.ClipboardSwf = '<?php bloginfo('home'); ?>/Scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
}
</script>

### 手順4：プラグインのインストール

SyntaxHighlighter.msiをダブルクリックします。
インストーラーが起動するので、そのまま「Next」で進んでいけば完了です。

ちなみに、削除するときはWindowsの「プログラムの追加と削除」からになります。

### 手順5：コードを記事に書く

WLWを起動するとプラグインの一覧に「ソースコードの挿入…」が表示されています。
そこをクリックして出てきたウィンドウで、*ドロップダウンメニューからコードの種類を選択*します（例はXML/HTML）
下の入力欄にコードを入力して「OK」をクリックすると、整形されたコードが表示されます。