TopMovable Type > バージョン別 > 4.2 > Movable Type 4.2 テンプレートセット(スタイル対応版)
News
各種ブログテンプレート
2008年8月19日

エントリー本文

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

Posted at August 19,2008 1:13 AM
Category:[4.2, テンプレート, テンプレートセット]
Tag:[, , ]

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)」を編集してください。

Posted by yujiro
関連記事
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


トラックバック

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

Tracked on August 20, 2008 11:37 PM
コメント

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 Author Profile Page : 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 Author Profile Page : August 24, 2008 12:32 AM
コメントする
greeting

*必須



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

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

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

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

Now loading...
Introduction
Entry Trackbacks
MovableType4.2 テンプレート(スタイル対応版)
 [くもの巣日記2] 08/20 23:37
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
 
List Me!