Movable Type 備忘録

 StyleCatcherで楽にデザイン変更する

わたしはMovableType(ムーバブルタイプ)によるブログ管理を始めたころに、StyleCatcherプラグインをインストールしたことあるのですが、その時は難なく撃沈させられました。

その時参考にさせてもらったサイトの手順通りにインストールしたつもりなのですが、スタイルの設定を終えて、いざサイト表示すると、サイトが崩れてしまっていたんです。

StyleCatcherのTRYは、今回が2回目!!
リベンジでうまくスタイルを変更することができました (●´∀｀●)

今回はStyleCatcherでサイトのデザイン変更するためのカスタマイズです。

StyleCatcherとは、シックス・アパート社やその他の有志が配布しているスタイルシートの検索やダウンロード、スタイルの適用、リビルドを自動化することで、誰でも簡単にデザインを切り替えることが出来るプラグインです。
StyleCatcher用に作れられたテンプレートを自由に切り替えることができます。

今回お世話になったサイトはMovable Type 3.2 導入手順様です。

StyleCatcherプラグインのインストール

まずStyleCatcherプラグインをアップロードします。
シックス・アパートのサイトからStyleCatcherプラグインをダウンロードしてください。

圧縮ファイル形式は、ZIP形式ではなくTAR形式となっています。

ダウンロードした圧縮ファイルを適当なフォルダに展開して、各ファイルを以下の場所にアップロードします。

  1. mt-static フォルダの中すべて： mt/mt-static/ の中にアップロードします。
  2. plugins フォルダの中すべて： mt/plugins/ の中にアップロードします。

アップロード後、mt/plugins/StyleCatcher/stylecatcher.cgi のパーミッションを 755 に変更します。

StyleCatcherプラグインの初期設定

MovableType(ムーバブルタイプ)の「メイン・メニュー」から右端にある「プラグイン」をクリックしてください。
StyleCatcherプラグインがインストールされていることを確認して、StyleCatcherプラグインの右横にある「設定を表示」をクリックすると、設定メニューが表示されるので以下の通りに設定を変更してください。

  1. Theme Root URL： /mt/mt-static/themes/
  2. このディレクトリは、StyleCatcherが参照するスタイルシートの格納場所を指定しています。
  3.  
  4. Theme Root Path： /home/●●●/▲▲▲/mt/mt-static/themes/
  5. このディレクトリは、mt/mt-static/themes/ までのパスをフルパスで指定しています。

このフルパスは最初から入力されていました。
パスが正しいことを確認してください。 特に問題がなければ、「変更を保存」ボタンをクリックして保存します。

テンプレートの読み込み

リポジトリ( テンプレートを格納している場所 )を読み込んで、お好みのテンプレートを選択します。
先ほどのプラグイン画面からStyleCatcherプラグイン名のリンクをクリックします。

各プラグインの名前は、それぞれリンクになっています。
StyleCatcherプラグインの名前クリックすると、リポジトリを読み込むための画面に切り替わります。

画面上部にある「Find Style」ボタンをクリックすると、シックス・アパート社から読み込んだStyleCatcher用のテンプレートの一覧が表示されます。
その中からお好みのテンプレート画像をクリックします。

今選択されているテンプレートを確認するには、画面下にある「Show Details」というリンクをクリックすることで確認できます。

選択したテンプレートの適用

選択したテンプレートを自分のブログに反映させます。
プルダウンリストから、反映したいブログを選択して「Choose this design」ボタンをクリックしてください。
「Successfully applied new theme selection.」と表示されれば、デザインの切り替えは完了です。

ブログの確認

正しくデザインが表示されていればOKです。
もしされなかった場合、再度「メイン・メニュー」から「プラグイン」画面を表示して、StyleCatcherプラグインの設定値を見直してください。
パスが間違っていると、画面が崩れて(スタイルが適用されていない)表示されてしまいます。

以上でStyleCatcherプラグインによるデザイン変更ができました。
以前から、とあるサイトで提供されているStyleCatcher用に作られたテンプレートを使ってみたくて、StyleCatcherにトライしていたのですが、やっと念願が叶いそうです。

当サイトでも、StyleCatcher用のテンプレート配布してます。
テンプレート

練習がてら、良かったら使ってみてください。

 Trackback Pings(0)

No trackbacks found.

 Comments(4)

#1: Posted by naitouwWw @ August 1, 2006 [REPLY]
user-pic

StyleCatcher導入させてもらいました。
とてもわかりやすい説明でわかりやすかったです。

一つ質問なのですが、Basicテンプレートの「Menu1」等は飾りなのでしょうか？

 
#2: Posted by bzbell @ August 1, 2006 [REPLY]
user-pic

>>1 naitouwWw さん

こんにちわ^^

> StyleCatcher導入させてもらいました。
ありがとうございます♪

ご質問の件ですが、いえいえ飾りではないです。
naitouwWwさんの方で自由にカスタマイズしていただくためのナビゲーションバーです。
不要なら削除されても問題ありません。
<MTIgnore>～</MTIgnore>で括るとコメントされます。

 
#3: Posted by naitouwWw @ August 2, 2006 [REPLY]
user-pic

内容変更できるものでしたか！
といっても、まだＭＴをはじめたばかりで下手に触ると吹っ飛びそうで怖いので様子見しておきます^^;

これからも更新がんばってくださいね　それでは失礼します

 
#4: Posted by bzbell @ August 3, 2006 [REPLY]
user-pic

>>3 naitouwWw さん

こんにちわ^^
> といっても、まだＭＴをはじめたばかりで下手に触ると吹っ飛びそうで怖いので様子見しておきます^^;

大丈夫、大丈夫♪
吹っ飛んだら、またやり直せばいいんですよ(ノ⌒∇)ノ
わたしなんてPC覚えたての頃、ウィンドウズ何度もインストールし直しました…ちょと違うかな(汗)

> これからも更新がんばってくださいね

ありがとうございます（*≧∀≦*）
今後ともよろしくお願いします。

 

 Post a Comment

 

コメント用フィード