TopMovable Typeテンプレートセット > 2008年8月
2008年8月19日

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

August 19,2008 1:13 AM
Tag:[, , ]
Permalink

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

Comments [8] | Trackbacks [2]
2008年8月13日

Movable Type 4.1 テンプレートセット修正

August 13,2008 12:03 AM
Tag:[, ]
Permalink

配布中の Movable Type 4.1 テンプレートセットを修正致しました。

Movable Type テンプレート

修正したテンプレートは template_4_1_utf8_1_3 および template_4_1_utf8_1_3_style で配布しています。template_4_1_utf8_1_2_style または template_4_1_utf8_1_2 以前のバージョンで本エントリーの不具合が発生している場合は、テンプレートのバージョンアップを行うか、下記の修正を行ってください。

なお、今回の問題で改修したテンプレートは、「サイドバー」テンプレートモジュールのみです。

1.問題点

月別アーカイブリストが正常に機能しない場合がある。

2.原因

月別アーカイブリストで MTArchiveListHeader タグ(MTArchiveListFooter タグ)を用いていないため。

この問題は以前エントリーした「「月別アーカイブリスト」が月別アーカイブで正常に表示されない不具合について」の類似問題と思われます。

3.対処

月別アーカイブリスト、月別カテゴリリストにMTArchiveListHeader タグ、MTArchiveListFooter タグを追加。

変更前(赤色部分を削除)

<MTIf name="module_category-monthly_archives">
<MTIfArchiveTypeEnabled archive_type="Category-Monthly">
<dt class="sidetitle">
Monthly <$MTCategoryLabel$>
</dt>
 
<dd class="side">
<ul>
<MTArchiveList archive_type="Category-Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
</MTArchiveList>
</ul>
</dd>
</MTIfArchiveTypeEnabled>
</MTIf>
 
<MTIfArchiveTypeEnabled archive_type="Monthly">
<dt class="sidetitle">
Monthly Archives
</dt>
 
<dd class="side">
<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
</MTArchiveList>
</ul>
</dd>
</MTIfArchiveTypeEnabled>

変更後(青色部分を追加)

<MTIf name="module_category-monthly_archives">
<MTIfArchiveTypeEnabled archive_type="Category-Monthly">
<dt class="sidetitle">
Monthly <$MTCategoryLabel$>
</dt>
 
<dd class="side">
<MTArchiveList archive_type="Category-Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>
</dd>
</MTIfArchiveTypeEnabled>
</MTIf>
 
<MTIfArchiveTypeEnabled archive_type="Monthly">
<dt class="sidetitle">
Monthly Archives
</dt>
 
<dd class="side">
<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>
</dd>
</MTIfArchiveTypeEnabled>
Comments [0] | Trackbacks [0]
2008年8月 5日

Movable Type 4.2 公開テンプレートセット再修正

August 5,2008 12:55 AM
Tag:[, ]
Permalink

先日公開した「Movable Type 4.2 テンプレートセット」に不具合がまだ残っていましたので、再修正致しました。
コメント周りを中心にかなりバグがありました。申し訳ありません。

現在、template_4_2_utf8_1_3 にバージョンアップして配布しています。

Movable Type テンプレート

1.問題点

  1. サイドバーに「Recent Entries」が表示されません。
  2. コメントを投稿すると「不正な要求です。」というエラーになります。
  3. コメントの「返信」をクリックして投稿すると、返信元の情報が文字化けします。
  4. サインイン後にコメントの「返信」をクリックしても「~からのコメントに返信」が表示されません。
  5. コメントの「返信」をクリックして表示される「~からのコメントに返信」がチェックボックスの右に表示されません。
  6. コメント投稿をしたときに、フォームボタンが disable になりません。

2.原因および対処

2.1 サイドバーに「Recent Entries」が表示されません

テンプレートセットに同梱している「Recent Entries」ウィジェットのファイル名が recent_entries になっていました。正解は recent_entries.mtml です。

2.2 コメントを投稿すると「不正な要求です。」というエラーになります

form 要素の内容が 4.1 のままでした。

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" id="comments-form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">

<form method="post" action="<$mt:CGIPath$><$mt:CommentScript$>" name="comments_form" id="comments-form" onsubmit="return mtCommentOnSubmit(this)">

2.3 コメントの「返信」をクリックして投稿すると、返信元の情報が文字化けします

テンプレートセットに同梱しているコメント表示用ファイルのcomment_detail.mtml の文字コードが Shift_JIS になっていました。正解は UTF-8 です。

2.4 サインイン後にコメントの「返信」をクリックしても「~からのコメントに返信」が表示されません

コメントフォームのマークアップが誤って、id 属性 comments-open-data の中に返信用表示の input 要素を入れてしまっていました。

<div id="comments-open-data">
   <div id="comment-form-name">
   ...中略...
   </div>
   <div id="comment-form-reply" style="display:none">
      <input type="checkbox" id="comment-reply" name="comment_reply" tabindex="5" accesskey="c" value="" onclick="mtSetCommentParentID();" onkeypress="mtSetCommentParentID();" />
      <label for="comment-reply" id="comment-reply-label"></label>
   </div>
</div>

<div id="comments-open-data">
   <div id="comment-form-name">
   ...中略...
   </div>
</div>
<div id="comment-form-reply" style="display:none">
   <input type="checkbox" id="comment-reply" name="comment_reply" tabindex="5" accesskey="c" value="" onclick="mtSetCommentParentID();" onkeypress="mtSetCommentParentID();" />
   <label for="comment-reply" id="comment-reply-label"></label>
</div>

2.5 コメントの「返信」をクリックして表示される「~からのコメントに返信」がチェックボックスの右に表示されません

次のCSS の設定がもれていました(2つめのセレクタはこの問題とは関係ありませんが同じくもれていました)。

#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

2.6 コメント投稿をしたときに、フォームボタンが disable になりません

コメントフォームに次の script 要素がもれていました。

<script type="text/javascript">
<!--
mtAttachEvent("load", mtEntryOnLoad);
mtAttachEvent("unload", mtEntryOnUnload);
//-->
</script>
Comments [10] | Trackbacks [0]
2008年8月 4日

Movable Type 4.2 公開テンプレートセット修正

August 4,2008 12:03 AM
Tag:[, ]
Permalink

先日公開した「Movable Type 4.2 テンプレートセット」に不具合がありましたので修正致しました。

1.問題点

テンプレートセットを入れ替えて再構築を実施すると、次のようなエラーが発生します。

「テンプレート「Atom」の再構築中にエラーが発生しました: タグでエラーがありました: 'atom'というテンプレートが見つかりませんでした。 」

2.原因

「ヘッダー」テンプレートモジュールおよび、Atom 用テンプレートの次の設定が、再構築エラーの原因です。

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTLink template="atom"$>" />
<link rel="self" type="application/atom+xml" href="<$MTLink template="atom"$>" />

赤色部分は Atom テンプレートを指定する設定で、ここには「テンプレートの種別」、またはテンプレート名(半角の場合、大文字・小文字も一致)を指定する必要がありますが、Atom という名称がいずれにも一致していませんでした。

3.対処

「Movable Type 4.2 テンプレートセット」の、template_4_2_utf8_1_1 をご利用の場合、次の修正を行うことで正常に再構築できるようになります。

ヘッダーテンプレートモジュール(変更後)

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTLink template="feed_recent"$>" />

Atom インデックステンプレート(変更後)

<link rel="self" type="application/atom+xml" href="<$MTLink template="feed_recent"$>" />
Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

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

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3