StyleCatcher build for MT3.2

| コメント(0)

MT 3.2 がUSでリリースされました。

で、そのあとに StyleCatcher というプラグインがアナウンスされてますが、これが素敵ツールです。 テーマのレポジトリを指定してスタイルを探し出しサムネイル表示してるとこは JSONでAjaxないまどき実装です。私はこのプラグインが使いたいがために、 "Template Backup and Refresh"プラグインを使ってMT3.2のデフォルトテンプレートにしちゃいました。

StyleCatcher デフォルトでは 米Six Apart のサイトにあるテーマを探しに行きますが、 Theme or Repository URL に自分で作成したテーマやレポジトリのURL を指定することで使うこともできます。

以下に StyleCatcher から呼び出せるようにするための方法を簡単に書いておきます。

Theme の URL を指定してデザインを選択させる場合は簡単です。 テーマのベースとなるディレクトリ(例 http://qootas.org/tmp/mt-theme/style/)を決めて 以下ファイルを設置します。

sekimura.css
テーマのCSSファイル。別にどんな名前でもいいけど、他のものと名前がかぶらないようにする。
thumbnail.gif
名前はthumbnail.gif 固定です。テーマを適応したときのサンプルイメージ小 120x84 のGIFファイルになります。
thumbnail-large.gif
これも名前は固定で thumbnail-large.gif じゃないと駄目です。テーマを適応したときのサンプルイメージ大 280x210 のGIFファイルになります。

そしてCSSファイルにはメタデータとして以下のようなコメントを入れておきます。

/*
name: Vicksburg Desert
designer: Walt Dickinson
designer_url: http://www.iwalt.com
developer: Walt Dickinson
developer_url: http://www.iwalt.com
colors: Emily Chang
colors_url: http://www.ideacodes.com
*/

後は StylesCatcher plugin の設定画面で Theme or Repository URL に作成した CSSファイル(例 http://qootas.org/tmp/styles/sekimura.css) を入力して Find Style ボタンを押せば 下のエリアに作成したCSSのthumbnail.gif が表示されるはずです。

Repository URL の場合は上記のように作成したCSSファイルへの link タグ を含むHTMLを用意します。 (link タグが複数無いとCSSファイルを取得できないBugがあるので、複数書くようにしてください)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<title>Movable Type - Style Library</title>

<link rel="theme" type="text/x-theme" href="http://qootas.org/tmp/mt-theme/st
yles/sekimura.css" />
<link rel="theme" type="text/x-theme" href="http://qootas.org/tmp/mt-theme/st
yles1/sekimura1.css" />
</head>

<body>
gaga
</body>
</html>

上記のHTMLを http://qootas.org/tmp/mt-theme/index.html などでアクセスできるようにし、 先ほどのTheme指定の場合と同じように Theme or Repository URL に入力し Fine Style ボタンを押せば、linkタグで指定したすべてのテーマのサムネイルが 表示がされるようになります。

Comments

コメントする

About Me

このブログは Masayoshi Sekimura によって書かれています。現在はサンフランシスコ市内に在住し Six Apart, Ltd. でエンジニアをしています。 このブログ以外にオンラインでやっている事は qootas.org/sekimura/ で見ることができます。 メールは sekimura+blog@gmail.com までどうぞ。

このブログ記事について

このページは、sekimuraがAugust 28, 2005 10:57 PMに書いたブログ記事です。

ひとつ前のブログ記事は「2005 Summer Vacation」です。

次のブログ記事は「サイトデザインリニューアル by 2xUP」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

Powered by Movable Type 4.26