で、細かい調整はまだまだなのですが、一ヶ所だけはまった部分がありまして。
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」をクリックすると、整形されたコードが表示されます。

Highslide JSは画像を表示させるためのJavaScriptです。
画像がズームするエフェクトが格好いいので、お気に入りです。

なんとなくいまさら感がありますが、Wordpressで使う方法のメモです。
プラグインを使わずに、スキンの変更だけで行います。
いちいちタグを入れるのが面倒だという方はWPJ-Highslideを利用してください。

私はWindows Live WriterにWlOdekoをインストールして使っています。
その場合は手順4までを行えばOKです。

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

[Highslide JS - JavaScript thumbnail viewer](http://highslide.com/)からダウンロードします。

英語で難儀する人もいるかもしれませんが、**Downloadをたどっていくだけ**なのであまり迷わないかと思います。
中学生レベルの英語力な私でも、一発でダウンロードできました（苦笑）

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

ダウンロードしたファイルを解凍すると highslide-x.x.x というフォルダができます。
その中にある highslide フォルダをサイトのトップか、Wordpressの設定で「ブログのアドレス (URL)」に設定したところに配置します。
このブログだと http://www.2drops.jp/ 直下になります。

他のHTMLファイルや images フォルダはアップロードの必要がありません。
表示のサンプルになります。

### 手順3：テーマの編集

header.phpの最後のほう**``から``までを書き換え**ます。
これで上手くいかないようならば、バージョンが古い可能性があります。*最新バージョンをアップロード*しなおしましょう。

<?php endif; ?>
<script type="text/javascript" src="<?php bloginfo('home'); ?>/highslide/highslide.js"></script>
<script type="text/javascript">
    hs.graphicsDir = '<?php bloginfo('home'); ?>/highslide/graphics/';
</script>
<?php wp_head(); ?>

### 手順4：CSSを編集する

以下のコードをCSSファイルに追加します。

.highslide {
    cursor: url(<$MTBlogURL$>highslide/graphics/zoomin.cur), pointer;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(<$MTBlogURL$>highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
    background: url(<$MTBlogURL$>highslide/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}

メールフォームを使えば、少しはスパム投稿が減るのではないかと思います。
完全というわけにはいきませんが・・・

ということで、簡単にメールフォームを追加できるContact Form 7を導入しました。

### プラグイン名

[Contact Form 7](http://wordpress.org/extend/plugins/contact-form-7/)

### 作者

Takayuki Miyoshi >> [iDeasilo](http://ideasilo.wordpress.com/)

### プラグインの説明

メールフォームを挿入する。
入力項目はカスタマイズ可能、入力必須項目の作成もできる。
CAPTCHA（画像認証）やAkismetを利用したスパムフィルタリングもできる。

### 導入方法

1. 配布元からダウンロード
2. 解凍したフォルダ（contact-form-7）を \wp-content\plugins\ へアップロード
3. 管理画面「プラグイン」から有効化
4. 「設定」→「Contact Form 7」を開き、フォームを作成
5. 表示されているコードを、投稿やページに挿入

フォームはいくつでも追加可能です。
単純なメール送信の用途にはちょっと多機能すぎるかもしれませんが、メールアンケートをよくやるようなサイトだといい感じでは無いでしょうか。
私はAkismetでスパムフィルタリングができるので、このプラグインを利用しています。

Blogを書いていると、どうしてもどんな記事に人気があるのか？というのが気になります。
それを知るためにアクセス解析を導入するわけですが、自分でツールを探してきてインストールするのは、サーバースペースを使い果たしかねなくてもったいないです。
無料のアクセス解析を使っている人も多いのではないでしょうか？

私も Google Analytics を利用して、検索キーワードやページビューを確認しています。

これを確認しておくと、次の記事を書くときの参考になるんですよね。
デザインを自分で行う人だと、ブラウザやOS、画面解像度をよく見るのかな？

ただ、若干の問題もあります。
自分のアクセスを弾ききれていないというか、サイトの調整をした日に「こんなに人が来るわけ無いだろ！」というのが時々あります。
そこで Ultimate Google Analytics を導入することにしました。

プラグイン名

Ultimate Google Analytics

作者

Wilfred van der Deijl >> OraTransplant

プラグインの説明

Google Analyticsのタグを挿入する。
WPにログイン中は、自分のアクセスは検出しない。
ダウンロードやアドレス・外部へのリンクもオプションで検出可能。

導入方法

1. ダッシュボードから「Ultimate Google Analytics」を検索
2. 「いますぐインストール」をクリック
3. 「プラグインの有効化」をクリック
4. 「設定」→「Ultimate GA」を開き、Google Analyticsのアカウントを挿入する

初期画面（Simple configuretion）では以下の3項目が設定できます。

• Account ID
  → Google AnyalyticsのアカウントID
• Check for updates
  → Ultimate Google Analyticsが最新版かチェックする
• Enable tracker
  → JavaScriptを使用して、詳細な解析結果を取得する

Advanced configurationではかなり詳細な設定が可能です。
・・・が、英語力が必要です orz