MovableTypeのススメ

最近、いろいろなところで見かけるリンク先のプレビュー表示を試してみました。
探してみると、いろんなのがありますね。

で、今回試したのはWebSnapr2.0

他のものに比べると表示がシンプルで余計なリンクがないところがいいです。

導入手順は下記のとおりです。

１．WebSnapr2.0のサイトよりpreviewbubble.zipをダウンロードし解凍
２．previewbubble.jsの10行目の画像パスの設定を変更（赤字部分）

var bubbleImagePath = '/images/bg.png';

３．previewbubble.js、bg.pngをアップロード

４．テンプレートのヘッダー部分に下記を挿入

<script type="text/javascript" src="previewbubble.js"></script>

５．プレビュー表示したいリンクに対してclass="previewlink"を設定

<a class="previewlink" href="http://www.yahoo.co.jp/">Yahoo! JAPAN</a>

以上です。

プレビューを表示したい部分にだけ設定できるところもGOOD！

気になる点としてはプレビューが表示されるまで時間がかかるところですが、
しばらく様子を見てみようと思います。

MovableType4になりアーカイブマッピングの方法が変更になったため 設置に手間取っていたのですが小粋空間さんで 詳しい方法が公開されていました。



実はアーカイブマッピングの場所を見つけるだけで苦労してました(^ ^;
以前（MT3）の方がわかりやすかったような・・・

こちらで詳しく設置方法が解説されています。
Ajax 月送りカレンダー（MT4版）

この手順通りにやればOKです。

再構築時に下記のエラーが表示される場合は
アーカイブマッピングの設定を見直しましょう。

デフォルトテンプレートを使用したときに@import～が表示される問題ですが
どうもPerl 5.8.0 のバグらしいです。

参照元はコチラ

で、チカッパ！レンタルサーバはというとPerl 5.8.0でした。
やっぱり(^ ^;

対策としてはperlのバージョンを上げるのがいいらしいが、
レンタルサーバだとそうもいかないのでとりあえずの回避策（上記参照元より）

以前は7行目<$MTInclude identifier="styles"$>をstyle要素で括りましたが、 MTSetVarBlockで括るよう変更。

<MTSetVarBlock name="__null__">

<$MTInclude identifier="styles"$>

</MTSetVarBlock>

以上。