MovableType: January 2008アーカイブ

MovableTypeにLightviewを導入したので、記録しておきます。



Lightviewは、Lightbox系の画像表示のライブラリですが、先日導入記録を書いたThickboxよりも、随分重くなると思います。内訳は、prototype.js(120k）使うライブラリの為、jquiry.jsに比べると、随分にヘビーになります。

ただ、thickbox.jsとは、違いかなりリッチに出来ています。

エフェクトがスムーズで美しく、角丸やスライドーショーなど、機能が盛りだくさんです。
オプションも多数用意させれていますので、エフェクトが好きで、色々といじりたい人向けのライブラリと思います。

では、インストールmemoです。

手順

ここから、Lightviewをダウンロードする。
zipファイルを展開し各ファイルを自分の環境に合わせてアップロード。
その時に、lightview.jsの40行目あたりの、imageへのパスを書き換える必要がある場合があります。

ここから、prototype.js（ver1.6)をダウンロードし、アップロード

ここから、scriptaculous.jsをダウンロードし
展開し、srcフォルダに入っている、scriptaculous.jsとeffects.jsをアップロード


MTのテンプレートファイルに以下コードを記入。
<link rel="stylesheet" type="text/css" href="<$MTBlogURL$>css/lightview.css" />
<script type='text/javascript' src='<$MTBlogURL$>js/prototype.js'></script>
<script type='text/javascript' src='<$MTBlogURL$>js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='<$MTBlogURL$>js/lightview.js'></script>


再構築

Lightviewで表示させたい画像のaタグにrel="lightview"と記入する。表示時にタイトルを表示させたい時は、title="ここにタイトル"を挿入する。


導入momeは以上です。

ここからはMovableTypleのコアをいじっているので注意が必要です。

WordPressからMovableTypeにデータを移しています。

WordPressの[管理]>[エクスポート]から、xml形式で書き出して、MovableTypeの[システムメニュー]>[ツール]>[インポート]で移行しました。

ただ、改行がされずに、だらだら長いエントリーになってしまいました。
ネットで色々と調べてみましたが、有効な手だてが見つからなかったので、とりあえず、最近の記事は、改行を入れ直しました。過去の記事は・・・その内やりますとも、、、

また、タグの移行されませんでした。これは、良い機会なのでタグの整理がてら手作業で移行していこうと思っています。

でも、イメージとかはMTが自動でダウンロードして指定フォルダーにアップロードしてくれるので、この点は◎でした。
これは間違っていました。イメージは元の場所からの引用でした。

こういうツールって大抵万能ではないので、どの程度で妥協するかによるんですよね。改行が消えるのは、結構痛手ですが、私はギリギリで妥協出来そうです。