テンプレート・モジュール

テンプレート・モジュールを使うと、デザイナーは再利用できるコンポーネントを作成し、それをテンプレート間で共有することができます。たとえば、テンプレート・モジュールは、ウェブサイトのすべてのページに同じヘッダーとフッターを使うときに最適です。

TypePadは、テンプレート・モジュールを使ってブログ・デザインのコンポーネントをカプセル化（グループ化）します。それによって、TypePadの標準動作をすべて変更せずに、特定のデザイン・エリアをより簡単にカスタマイズできるようになります。

テンプレート・モジュールの使い方

新しいテンプレート・モジュールを作成する

上級者向けテンプレートを使っている場合は、独自のテンプレート・モジュールを作成して、上級者向けテンプレート・セット内でそれを使用または再利用できます。だだし、異なる上級者向けテンプレート・セット間では使用できません。新しいテンプレート・モジュールを作成するには、以下のステップに従います。

既存のテンプレート・モジュールをカスタマイズする

デザインを上級者向けテンプレート・セットに変換すると、自動的にTypePadで定義・維持されたテンプレート・モジュール・セットで構成されるようになります。こうしたテンプレート・モジュールをご自身のモジュールに置き換える場合は、カスタマイズするモジュールと同じ名前を使って、新しいローカルのテンプレート・モジュールを作成します。

このカスタマイズしたテンプレート・モジュールを、TypePadの標準テンプレート・モジュールの代わりに使うには、そのテンプレート・モジュールを別のテンプレートに読み込むよう、"include"ディレクティブを修正する必要があります。

テンプレート・モジュールを含める

テンプレート・モジュールが作成されたら、それを別のテンプレートに「含める(include)」必要があります。作成したテンプレート・モジュールを含めるには、MTIncludeテンプレート・タグを使います。ただし、TypePadによって定義・維持されたテンプレート・モジュールを含める場合は、MTWeblogIncludeModuleタグを使う必要があります。これら2つのタグのシンタックスは以下のとおりです。

<$MTWeblogIncludeModule module="module-name"$>

<$MTInclude module="module-name"$>

搭載されたオプションのテンプレート・モジュール

TypePadに搭載された標準テンプレート・モジュールには、コンテンツがないものがたくさんあります。つまり、こうしたテンプレート・モジュールは一見空のように見えます。これは、TypePadのユーザーがHTMLの断片を、モジュール形式でブログ・デザインのいろいろなセクションへ挿入できるようにするためです。

たとえば、head-commonテンプレート・モジュールにはhead-extraテンプレート・モジュールが含まれますが、head-extraは、後述のほかのテンプレート・モジュールにはリストされていません。このhead-extraのモジュール特性を生かすには、head-extraと名前を付けたテンプレート・モジュールを作成し、MTWeblogIncludeModuleタグをMTIncludeタグに変換します。

オプションのテンプレート・モジュール一覧

以下のテンプレート・モジュールは他のモジュールによって参照されますが、コンテンツがないため、後述のテンプレート・モジュールのインデックスには掲載されていません。

head-extra
body-header
container-header
container-footer
body-footer

テンプレート・モジュールのインデックス

以下はTypePadで使用、再利用、およびカスタマイズができるテンプレート・モジュールの一覧です。

ページ・ヘッダー
共通ヘッダー
バナー
エントリー一覧
アーカイブ・ヘッダー
アーカイブ一覧
日付ベース・アーカイブのヘッダー
アーカイブ・ナビゲーション
カテゴリー・アーカイブのヘッダー
個別アーカイブのヘッダー
個別エントリー
コメント・リスト
コメント・フォーム

ページ・ヘッダー

モジュール名: head-index

使用先: Main Index Template

共通ヘッダー

モジュール名: head-common

内包するモジュール: head-extra, head-archives, head-category, head-individual

バナー

モジュール名: banner

使用先: Main Index Template, Archive Index Template, DateBased Archives, Category Archives

内包するモジュール: banner-header

エントリー一覧

モジュール名: entry-list

使用先: Main Index Template, DateBased Archives, Category Archives

<MTEntries>
	<MTWeblogPostIfShow field="date_header">
		<MTDateHeader><h2 class="date-header"><$MTEntryDate format_weblog_date="1"$></h2></MTDateHeader>
	</MTWeblogPostIfShow>

<div class="entry-body">
				<$MTEntryBody$>
			</div>
			<MTEntryIfExtended>
				<p class="entry-more-link">
					<a href="<$MTEntryPermalink$>#more"><$MTTrans phrase="Continue reading"$> "<$MTEntryTitle$>" &raquo;</a>

</p>
			</MTEntryIfExtended>
		</div>
		<p class="entry-footer">
			<$MTEntryPostFooter$>
			<MTEntryIfAllowComments>

| <a href="<$MTEntryPermalink$>#comments"><$MTTrans phrase="Comments"$> (<$MTEntryCommentCount$>)</a>
			</MTEntryIfAllowComments>
			<MTEntryIfAllowPings>

| <a href="<$MTEntryPermalink$>#trackback"><$MTTrans phrase="TrackBack"$> (<$MTEntryTrackbackCount$>)</a>
			</MTEntryIfAllowPings>
		</p>

</div>
</MTEntries>

アーカイブ・ヘッダー

モジュール名: head-archives

内包するモジュール: head-common

使用先: Archive Index Template

アーカイブ一覧

モジュール名: archives-full

使用先: Archive Index Template

<MTBlogIfArchives archive_type="Monthly|Weekly|Daily">
	<div class="archive-date-based archive">

</MTArchiveList>
			</ul>
		</div>
	</div>
</MTBlogIfArchives>

</div>
</MTBlogIfArchives>

</MTEntries>
			</ul>
		</div>
	</div>
</MTBlogIfArchives>
</MTElse></MTBlogIfArchives>

日付ベース・アーカイブのヘッダー

モジュール名: head-date-based

内包するモジュール: head-common

使用先: DateBased Archives Template

アーカイブ・ナビゲーション

モジュール名: archives-nav

使用先: DateBased Archives

カテゴリー・アーカイブのヘッダー

モジュール名: head-category

内包するモジュール: head-common

使用先: Category Archives

個別アーカイブのヘッダー

モジュール名: head-individual

内包するモジュール: head-common

使用先: Individual Entry Archive Template

個別エントリー

モジュール名: entry-individual

使用先: Individual Entry Archive Template

<p class="content-nav">
	<MTEntryPrevious><a href="<$MTEntryPermalink$>">&laquo; <$MTEntryTitle$></a> |</MTEntryPrevious>
	<a href="<$MTBlogURL$>"><$MTTrans phrase="Main"$></a>

<MTEntryNext>| <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> &raquo;</a></MTEntryNext>
</p>

</div>
		<MTEntryIfExtended>
			<a id="more"></a>
			<div class="entry-more">
				<$MTEntryMore$>
			</div>

</MTEntryIfExtended>
	</div>
	<p class="entry-footer">
		<$MTEntryPostFooter$>
	</p>
</div>

</div>
		<div class="trackbacks-content">
			<MTPings>
				<div class="trackback">
					<div class="trackback-content">
						<p>

<a id="p<$MTPingID$>"></a>
							&raquo; <a rel="nofollow" href="<$MTPingURL$>"><$MTPingTitle$></a> <$MTTrans phrase="from"$> <$MTPingBlogName$><br />

<$MTPingExcerpt$> <a rel="nofollow" href="<$MTPingURL$>">[<$MTTrans phrase="Read More"$>]</a>
						</p>
					</div>

</div>
	</div>
</MTEntryIfAllowPings>

<$MTWeblogIncludeModule module="comment-form"$>
</MTEntryIfAllowComments>

コメント一覧

モジュール名: comment-list

使用先: entry-individual

コメント・フォーム

モジュール名: comment-form

使用先: entry-individual

<MTEntryIfCommentsOpen>
	<script type="text/javascript" src="<$MTStaticWebPath$>js/comments.js"></script>
	<script type="text/javascript">hostName = '<$MTBlogHost$>';</script>

<MTWeblogIfRegistrationEnabled>
					<script type="text/javascript" src="<$MTCGIPath$><$MTCommentScript$>?__mode=check_login"></script>

<$MTTrans phrase="This weblog only allows comments from registered users."$>
							<$MTTrans phrase="To comment, please"$>
							<a href="<$MTEntrySignInURL$>"><$MTTrans phrase="Sign In"$></a>.
						<MTElse>
							<$MTTrans phrase="If you have a TypeKey or TypePad account, please"$>

<p id="comments-open-logout" style="display: none;">
						<$MTTrans phrase="You are currently signed in as"$>
						<span id="commenter-name">(nobody)</span>.
						<a href="<$MTEntrySignOutURL$>"><$MTTrans phrase="Sign Out"$></a>

</p>
				</MTWeblogIfRegistrationEnabled>

</p>
						<p>
							<label for="comment-bake-cookie"><input type="checkbox"
								id="comment-bake-cookie" name="bakecookie" value="1" />
								<$MTTrans phrase="Remember personal info?"$></label>
						</p>

</div>
				</MTElse>
				</MTWeblogIfRegistrationRequired>

<p id="comments-open-text"
					<MTWeblogIfRegistrationRequired>
						style="display: none;"
					</MTWeblogIfRegistrationRequired>

>
					<label for="comment-text"><$MTTrans phrase="Comments:"$></label>
					<textarea id="comment-text" name="text" rows="10" cols="30"></textarea>
				</p>
			</div>

<div id="comments-open-footer" class="comments-open-footer"<MTWeblogIfRegistrationRequired> style="display: none;"</MTWeblogIfRegistrationRequired>>
				<input type="submit" name="preview" id="comment-preview" value="&nbsp;<$MTTrans phrase="Preview"$>&nbsp;" />
				<input type="submit" name="post" id="comment-post" value="&nbsp;<$MTTrans phrase="_POST_VERB"$>&nbsp;" />

</div>
		</div>
	</form>

<MTWeblogIfRegistrationEnabled>
		<script type="text/javascript">
			commentSignIn();
		</script>

</MTWeblogIfRegistrationEnabled>
<MTElse>
	<p class="comments-closed">
		<$MTTrans phrase="The comments to this entry are closed."$>
	</p>
</MTElse>
</MTEntryIfCommentsOpen>

[top]