Movable Type 4.2 テンプレートセット(スタイル対応版)

Movable Type 4.2 テンプレートセット(スタイル対応版)

Posted at August 19,2008 1:13 AM
Tag:[4.2, MovableType, TemplateSet]

Movable Type 4.2 用のテンプレートセット(スタイル対応版)の配布を開始します。

テンプレート

Movable Type 4.1 で追加されたテンプレートセット機能を用いれば、これまでのようにテキストエリアにテンプレートをペーストせずに、簡単に入れ替えることができます。

バージョン 4.1 では、ウィジェットセットがテンプレートセットに未対応でしたが、バージョン 4.2 からウィジェットセットもテンプレートセットに含めることができるようになったため、サイドバーのパーツをウィジェットに移動しました。

ウィジェットに移動

1.テンプレートセットのダウンロード

「4.2 スタイル対応版」のテンプレートセットアーカイブを、下記のページからダウンロードしてください。

Movable Type テンプレート

以下、テンプレートセットの利用方法です。

2.テンプレートセットのインストール

ダウンロードしたテンプレートセットアーカイブを解凍し、中にある plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の plugins フォルダに丸ごとアップロードしてください。

また、mt-static/plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の mt-static/plugins フォルダに丸ごとアップロードしてください。

「システムメニュー」→「プラグイン」でプラグインの一覧が表示されるので、「KoikikukanTemplateSet」が表示されていればインストールOKです。

プラグインの一覧

3.テンプレートセットの入れ替え

ここではインストールされた状態で入れ替える方法を説明します。

ブログ管理画面より「デザイン」→「テンプレート」をクリック。

ブログ管理画面

右下にある「ブログのテンプレートを初期化」をクリック。

ブログのテンプレートを初期化

「新しいテンプレートセットを適用」を選択し、セレクトボックスから「小粋空間テンプレートセット」を選択。「既存のテンプレートのバックアップを作成する」をチェックすると、入れ替え前のテンプレートのバックアップがとれます。
選択後、右下の「次へ」をクリック。

新しいテンプレートセットを適用

「確認」をクリック。これでテンプレートセットの入れ替えが開始します。

テンプレートセットの入れ替え開始

「テンプレートの初期化を完了しました。」が表示されれば完了です。

テンプレートの初期化完了

サイトの再構築アイコンをクリック。

サイトの再構築

「すべてのファイル」を選択して「再構築」をクリック。

再構築

「すべてのファイルを再構築しました。 」が表示されたら再構築完了です。

再構築完了

前の画面の「サイトを見る」をクリックするか、ブログ管理画面の「サイト表示」のアイコンをクリック。

サイト表示

当サイトのテンプレートセットのデザインで表示されれば完了です。デフォルトデザインのままであればブラウザをリロードしてください。

完了

4.スタイルの切り替え

ここではカラムレイアウトを切り替える方法を説明します。

ブログ管理画面より「デザイン」→「スタイル」をクリック。

ブログ管理画面

「既定のスタイル」の左側にある + マークのアイコンをクリック(「既定のスタイル」の部分は選択状態によって異なります)。

アイコンをクリック

開いたウィンドウに小粋空間テンプレートセットをインストールしたスタティックディレクトリのテーマURLを入力。

テーマURLを

具体的には、次のような URL になります。

http://[user-domain]/mt-static/plugins/KoikikukanTemplateSet/themes/

赤色の部分は、MT のスタティックディレクトリ(mt-static ディレクトリがある位置)までの URL を設定してください。

正しい URL であれば、次のような画面になるので、表示されたサムネイル画像をクリック。

サムネイル画像

右側に大きな画像が表示され、その下にレイアウト選択用のセレクトボックスが表示されます。

セレクトボックス

セレクトボックスからお好きなレイアウトを選択してください。ここでは「layout-two-column-right」を選択します。

レイアウトを選択

レイアウトの対応は次の通りです。このテンプレートセットには3カラム(右サイドバー)を新しく追加しました。

名称意味
layout-three-column3カラム・固定レイアウト
layout-three-column-right3カラム・固定レイアウト(右サイドバー)
layout-three-column-liquid3カラム・リキッドレイアウト
layout-two-column-right2カラム(右サイドバー)・固定レイアウト
layout-two-column-liquid-right2カラム(右サイドバー)・リキッドレイアウト
layout-two-column-left2カラム(左サイドバー)・固定レイアウト
layout-two-column-liquid-left2カラム(左サイドバー)・リキッドレイアウト
layout-one-column1カラム・固定レイアウト
layout-one-column-liquid1カラム・リキッドレイアウト

選択後、「デザインを適用」をクリック。

デザインを適用

「テーマを適用しました。レイアウトも変更されたので、再構築する必要があります。 設定を有効にするために再構築してください。」と表示されるので、ブログ全体を再構築してください。

テーマを適用

スタイルが切り替わりました。サイドバーの内容もテンプレート編集画面で入れ替える必要はありません。

スタイルが切り替わりました

5.スタイルの編集

スタイルを変更する場合は、インデックステンプレートにある、「スタイルシート(styles-site.css)」を編集してください。

関連記事
トラックバックURL


トラックバック

MovableType4.2 テンプレート(スタイル対応版) from くもの巣日記2
いつもお世話になっている小粋空間でMovable Type 4.2 テンプレート... [続きを読む]

Tracked on August 20, 2008 11:37 PM

小粋空間さんのテンプレート導入 from Kim's Blog
今のままではブログのレイアウトがどうしようもないので、小粋空間さんが配布している... [続きを読む]

Tracked on January 19, 2009 1:00 AM
コメント

Movable Type 4.2 テンプレートセットを使用させていただいたのですが、
ウィジェット「Powered By」でのサブドメインでのサイトで、貴サイトへのクレジット・バナー表示が、画像のURLにサブドメインまで入ってしまいうまくいきません。
MTタグで表示できるような方法はないでしょうか。

[1] Posted by watanabe0313 : August 20, 2008 10:43 AM

>watanabe0313さん
こんにちは。
テンプレートご利用ありがとうございます。
ご質問の件ですが、ブログ管理画面より「デザイン」→「ウィジェット」→「Powered By」のウィジェット編集画面を開き、

<mt:staticWebPath />

を、ドメインのURLに書き換えてください(2ヶ所)。

なお、サブドメインの運用を行っている場合は、上記の修正よりも、mt-config.cgi の StaticWebPath を修正することをお勧めします。
詳細は「Movable Type でサブドメインを利用する場合の設定」を参照ください。

それではよろしくお願い致します。

[2] Posted by yujiro logo : August 20, 2008 12:26 PM

 MTOS 4.2 を新規インストールし、テンプレートを利用させていただいております。ありがとうございます。
 ところで、質問があります。記事へのコメントを行うとき、ブラウザの JavaScript がオフになっていると、コメントを投稿しても「不正な投稿です」と表示されてしまうようです。コメント入力フォーム自体は表示されているのに、入力して投稿ボタンを押しても反映されない模様です。
 対応策として
  (1) JavaScript がオフでもコメントできるようにする
  (2) JavaScript がオフの場合、コメント入力フォームを非表示とし、JavaScript をオンにするよう呼びかける
 の2つのどちらか(できれば前者)を行いたいのですが、こちらのテンプレートのどの部分を触れば良いのか、どの部分は触るべきではないのか、ヒントなど教えていただけませんでしょうか。
 また、今後配布されるテンプレートにて、JavaScript オフのブラウザへの配慮を行ったテンプレートと差し替える予定はございますでしょうか。

[3] Posted by 齋藤 : August 20, 2008 4:21 PM

>齋藤さん
こんばんは。
ご質問の件ですが、下記の1行を削除すれば投稿できると思います。

<input type="hidden" name="armor" value="1" />

それではよろしくお願い致します。

[4] Posted by yujiro logo : August 24, 2008 12:32 AM

こんばんは!
愛と申します。

テンプレートを使わせていただきました。
ありがとうございます!

色を少し変更させていただきました。
問題ないでしょうか?

MT4を使うのは初めてですが、慣れていきたいと思っております。
よろしくお願い申し上げます。

[5] Posted by 全ては必然日記 : March 16, 2009 10:34 PM

>全ては必然日記さん
こんにちは。
テンプレートご利用&ご連絡ありがとうございます。
デザインは自由に変更してもらってけっこうです。

あと、勝手ながらBlogPeopleに登録させていただきました。
それでは今後ともよろしくお願い致します。

[6] Posted by yujiro logo : March 17, 2009 10:42 AM

いつもお世話になっております。
この度、レイアウトをliquid-three-column-liquid-rightにかえたところ
Firefoxではうまく表示されるのですがIEの場合、横幅を狭めるとレイアウトが
崩れ、右のメニュー部分がコンテンツに乗っかってしまう状態に
なってしまいます。

いろいろ調べてみたのですが、私の実力がないため解答がでず
レイアウトが崩れてしまうままなので質問させて頂きました。

お時間のあるときにご回答のほどよろしくお願いいたします。

[7] Posted by No.1837 : March 20, 2009 5:21 PM

こんばんは!
愛と申します。

またまたテンプレートを使わせていただきました。
ありがとうございます!

[8] Posted by パソコン初心者を脱出しよう! : March 20, 2009 11:26 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)