Template Modules

Template modules provide a way for designers to create reusable components that can be shared between templates. For example, template modules are the perfect way to define a shared header and footer for all pages of your website.

TypePad uses template modules to encapsulate components of your weblog's design so that you can more easily customize specific areas of your design without completely overriding all of TypePad's default behavior.

Using Template Modules

Creating New Template Modules

Users of advanced templates can create template modules of their own to be used and reused within any advanced template set (but not between advanced template sets). To create a new template module

Customizing Existing Template Modules

When a design is converted to an advanced template set it is already made up of a collection of template modules defined and maintained by TypePad. If you wish to override these template modules with your own, simply create a new local template module with the same name as the one you wish to customize.

To then use this customized template module as opposed to the default TypePad template module you will need to modify the include directive used to import the template module into another template.

Including Template Modules

Once a template module has been created you must "include" it in another file in order to incorporate its contents into another template. To include a template module you created you must use the MTInclude template tag. However, if you wish to include a template module written and maintained by TypePad you must use the MTWeblogIncludeModule tag. The syntax for these two tags is shown below.

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

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

"Optional" Template Modules

There are many modules included by TypePad's default template modules for which there is no content. In other words, it's as if the template module is empty. This is by design, and is in place to give TypePad customers a way to insert HTML fragments into various sections of their design in a more modular fashion.

For example, the head-common template module includes the head-extra template module, however the head-extra is not listed among the other template modules below. To take advantage of this modularity, simply create a template module called head-extra and convert the MTWeblogIncludeModule tag into a MTInclude tag.

List of Optional Modules

The following list of template modules are referenced by other modules, but are empty, and are therefore not listed among the index of template modules below.

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

Template Module Index

Below is a listing of all of TypePad's template modules which you are free to use, reuse and customize.

Page Header
Common Header
Banner
Entry List
Archives Header
Archive Listings
Date Based Archive Header
Archives Navigation
Category Archive Header
Individual Archive Header
Individual Entry
Comment Listing
Comment Form

Page Header

Module Name: head-index

Included By: Main Index Template

Common Header

Module Name: head-common

This module also includes: head-extra, head-archives, head-category, head-individual

Banner

Module Name: banner

Included By: Main Index Template, Archive Index Template, DateBased Archives, Category Archives

This module also includes: banner-header

Entry List

Module Name: entry-list

Included By: 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" id="entry-<$MTEntryID$>">
		<MTWeblogPostIfShow field="post_title">
			<h3 class="entry-header"><$MTEntryTitle$></h3>
		</MTWeblogPostIfShow>
		<div class="entry-content">
			<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>

Archives Header

Module Name: head-archives

This module also includes: head-common

Included By: Archive Index Template

Archive Listings

Module Name: archives-full

Included By: Archive Index Template

<MTBlogIfArchives archive_type="Monthly|Weekly|Daily">
	<div class="archive-date-based archive">
		<h2 class="archive-header"><$MTTrans phrase="Archives"$></h2>
		<div class="archive-content">
			<ul class="archive-list">
				<MTArchiveList best_archive_type="1">
					<li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
				</MTArchiveList>
			</ul>
		</div>
	</div>
</MTBlogIfArchives>

Date Based Archive Header

Module Name: head-date-based

This module also includes: head-common

Included By: DateBased Archives Template

Archives Navigation

Module Name: archives-nav

Included By: DateBased Archives

Category Archive Header

Module Name: head-category

This module also includes: head-common

Included By: Category Archives

Individual Archive Header

Module Name: head-individual

This module also includes: head-common

Included By: Individual Entry Archive Template

Individual Entry

Module Name: entry-individual

Included By: 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>

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

<MTEntryIfAllowPings>
	<div class="trackbacks">
		<a id="trackback"></a>
		<h3 class="trackbacks-header"><$MTTrans phrase="TrackBack"$></h3>
		<div class="trackbacks-info">
			<p><$MTTrans phrase="TrackBack URL for this entry:"$><br /><$MTEntryTrackbackLink$></p>
			<p><$MTTrans phrase="Listed below are links to weblogs that reference"$> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>:</p>
		</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>
					<p class="trackback-footer">
						<$MTTrans phrase="Tracked on"$> <$MTPingDate$>
					</p>
				</div>
			</MTPings>
		</div>
	</div>
</MTEntryIfAllowPings>

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

Comment Listing

Module Name: comment-list

Included By: entry-individual

Comment Form

Module Name: comment-form

Included By: 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>

<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 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]