小粋空間  -  a cheap joke and a play on words site

Movable Type（MT）5 テーマ（レスポンシブWebデザイン対応）

レスポンシブWebデザイン対応のMovable Type 5（MT5）テーマの配布を開始します。

１．レスポンシブWebデザイン対応

今回配布するテーマでは、レスポンシブWebデザイン対応として次の6つのレイアウトを提供します。

• 3カラム固定レイアウト
• 3カラム固定レイアウト（右サイドバー）
• 2カラム固定レイアウト（左サイドバー）
• 2カラム固定レイアウト（右サイドバー）
• 3カラムリキッドレイアウト
• 3カラムリキッドレイアウト（右サイドバー）

ブログ用とウェブサイト用のテーマを用意しました。テーマはMT5.13以降に対応しています。

レスポンシブWebデザインの動作はFirefox/Google Chrome/IE9で確認しています。

２．サンプル

6つのサンプルすべてを用意しました。

• 3カラム固定レイアウト
• 3カラム固定レイアウト（右サイドバー）
• 2カラム固定レイアウト（左サイドバー）
• 2カラム固定レイアウト（右サイドバー）
• 3カラムリキッドレイアウト
• 3カラムリキッドレイアウト（右サイドバー）

3カラム固定レイアウトについては、デバイスの幅に応じて2カラムあるいは1カラム（リキッド）に切り替わります。

3カラム固定レイアウトの3カラム表示

3カラム固定レイアウト（右サイドバー）の3カラム表示

3カラム固定レイアウトの2カラム表示

3カラム固定レイアウトの1カラム表示

3カラムリキッドレイアウトについても、デバイスの幅に応じて2カラムあるいは1カラム（リキッド）に切り替わります。

3カラムリキッドレイアウトの3カラム表示

3カラムリキッドレイアウト（右サイドバー）の3カラム表示

3カラムリキッドレイアウトの2カラム表示

3カラムリキッドレイアウトの1カラム表示

2カラム固定レイアウトについては、2カラム固定レイアウト→1カラム固定レイアウト→1カラムリキッドレイアウトという風に切り替わります。現状の設定では1カラム固定より1カラムリキッドの表示幅が広くなっているので適宜変更してください。

３．テーマのダウンロード

Movable Type 5（MT5）テーマのアーカイブを下記のページからダウンロードしてください。

Movable Type テンプレート

該当するアーカイブは「Movable Type 5.1 テーマ」の「theme_website_7_x_x_style_liquid.zip」または「theme_blog_7_x_x_style_liquid.zip」です。

４．テーマのインストール

ダウンロードしたテーマアーカイブを解凍し、themesフォルダ内にあるkoikikukan_websiteフォルダまたはkoikikukan_blogフォルダを、Movable Typeのthemesディレクトリに丸ごとアップロードしてください。

ブログ管理画面の「デザイン」→「テーマ」で「小粋空間テーマ（ブログ用） 7.00」などが表示されていればインストールOKです。

５．テーマの入れ替え

２項で表示されている「小粋空間テーマ（ブログ用） 5.0」の右上にある「適用」をクリックします。

少し待つと、次のように現在のテーマの表示が切り替わります。

あとは全体を再構築し、冒頭のようなデザインで表示されればテーマの入れ替えは完了です。

６．カラムレイアウトの変更

テーマのカラムレイアウトを変更したい場合は、「デザイン」→「スタイル」でスタイル選択画面に移動し、「Koikikukan Styles」を選択し、表示されたサムネイルをクリックしてください。

右側にレイアウト選択のプルダウンが表示されるので、好きなレイアウトを選択してください。

７．注意事項

Media Queriesは各自で適切な値に変更してください。