Modules de gabarits

Les modules de gabartis permettent aux designers de créer des éléments qui peuvent être partagés entre différents modèles de pages. Par exemple, les modules de gabarit sont parfait pour créer une têtière et un pied de page à appliquer à toutes les pages de votre blog.

TypePad utilise des modules de gabarits pour encapsuler des éléments de votre habillage de blog, ainsi vous pouvez aisément personnaliser des zones spécifiques de votre habillage sans avoir besoin de réécrire entièrement les comportements par défaut.

Utiliser les modules de gabarits

Créer un nouveau module de gabarit

Les utilisateurs en habillage avancé peuvent créer des modules de gabarit eux même qu'il peuvent utiliser dans tout leur habillage avancé d'un même blog (mais pas le partager entre différents habillages).

Personnaliser un module de gabarit déjà existant

Quand un habillage est converti en habillage avancé, l'habillage avancé est en réalité constitué d'une série de modules de gabarits, créés et maintenu par TypePad. Si vous voulez reprendre le contrôle sur ses éléments il vous suffit de créer un module de gabarit avec le même nom que celui que vous souhaiter personnaliser.

Ensuite utiliser l'outil d'importation de module de gabarit afin d'avoir un modèle par défaut de TypePad rempli que vous pouvez personnaliser à votre guise en modifiant le contenu.

Inclure un module de gabarit

Une fois le module de gabarit créé vous devez "l'inclure" dans un fichier qui compose l'habillage avancé. Pour inclure un module de gabarit que vous venez de créer vous devez utiliser un tag MTInclude. Pour inclure un module de gabarit créé par TypePad, vous devez utilises un tag MTWeblogIncludeModule. La syntaxe des deux types de tag est indiquée ci-dessous.

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

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

Module de gabarit "Optionnel"

Il existe de nombreux modules vides par défaut inclus dans TypePad dans les modules de gabarit. Pour être plus explicite, il esxiste des modules de gabarit déjà existant mais vide dans lesquels les utilisateurs ovnt pouvoire inclure leur propre contenu, ces modules sont placés en des points strategique des pages.

Par exemple, le module head-common contient lui même me module head-extra , head-extra n'est pas listé dans les modules de gabarit inclus dans TypePad. Pour utiliser avantageusement ces éléments, créez simplement un module de gabarit appelé head-extra convertissez le tag MTWeblogIncludeModule en tag MTInclude.

Liste des modules optionnels

Les éléments suivants sont présents dans d'autres modules mais sont vides par défaut. Ils ne sont pas présents dans la liste des modules de gabarits par défaut qui suit juste après.

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

Liste des modules de gabarits

Ci-dessous, la liste des modules de gabarits présent par défaut dans un blog. Libre à vous de les utiliser et les personnaliser.

Header de page index
Header
Bannière
Liste des notes
Header des archives
Liste des archives
Header des archives classées par date
Navigation dans les archives
Header des archives par catégorie
Header d'archive individuelle
Note individuelle
Liste des commentaires
Formulaire de commentaire

Header de page index

Nom du Module : head-index

Inclus dans: Fichier Index principal

Header

Nom du Module: head-common

Ce module contient aussi: head-extra, head-archives, head-category, head-individual

Bannière

Nom du Module: banner

Inclus dans: Fichier Index principal, Gabarit de l'index des archives, Archives classées par date, Archives de catégories

Ce module inclus aussi: banner-header

Liste des notes

Nom du Module: entry-list

Inclus dans: Fichier Index principal, Archives classées par date, Archives de catégories

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

Header des archives

Nom du Module: head-archives

Ce module contient aussi: head-common

Inclus dans: Gabarit de l'index des archives

Liste des archives

Nom du Module: archives-full

Inclus dans: Gabarit de l'index des archives

<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><MTBlogIfArchives archive_type="Category">	<div class="archive-categories archive">		<h2 class="archive-header"><$MTTrans phrase="Categories"$></h2>		<div class="archive-content">			<ul class="archive-list">				<MTCategories>					<li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li>				</MTCategories>			</ul>		</div>	</div></MTBlogIfArchives><MTBlogIfArchives archive_type="Monthly|Weekly|Daily|Category"><MTElse><MTBlogIfArchives archive_type="Individual">	<div class="archive-individual archive">		<h2 class="archive-header"><$MTTrans phrase="Entries"$></h2>		<div class="archive-content">			<ul class="archive-list">				<MTEntries all="1">					<li class="archive-list-item"><a href="<$MTEntryLink archive_type="Individual"$>"><MTEntryTitle generate="1"></a></li>				</MTEntries>			</ul>		</div>	</div></MTBlogIfArchives></MTElse></MTBlogIfArchives>

Header des archives classées par date

Nom du Module: head-date-based

Ce module contient aussi: head-common

Inclus dans: Archives classées par date

Navigation dans les archives

Nom du Module: archives-nav

Inclus dans: Archives classées par date

Header des archives de catégorie

nom du Module: head-category

Ce module inclus aussi: head-common

Inclus dans: Archives de catégories

Header d'archive individuelle

Ce module inclus aussi: head-common

Inclus dans: Archives individuelles

Note individuelle

Nom du Module: entry-individual

Inclus dans: Archives individuelles

<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><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>			<a id="more"></a>			<div class="entry-more">				<$MTEntryMore$>			</div>		</MTEntryIfExtended>	</div>	<p class="entry-footer">		<$MTEntryPostFooter$>	</p></div><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><MTEntryIfAllowComments>	<a id="comments"></a>	<div class="comments">		<h3 class="comments-header"><$MTTrans phrase="Comments"$></h3>		<div class="comments-content">			<$MTWeblogIncludeModule module="comment-list"$>		</div>	</div>	<$MTWeblogIncludeModule module="comment-form"$></MTEntryIfAllowComments>

Liste de commentaires

Nom du Module: comment-list

Inclus dans: Note individuelle

Formulaire de commentaire

Nom du Module: comment-form

Inclus dans: Note individuelle

<MTEntryIfCommentsOpen>	<script type="text/javascript" src="<$MTStaticWebPath$>js/comments.js"></script>	<script type="text/javascript">hostName = '<$MTBlogHost$>';</script>	<form id="comment-form"		method="post" action="<$MTCGIPath$><$MTCommentScript$>">		<input type="hidden" name="entry_id" value="<$MTEntryID$>" />		<div class="comments-open">			<h2 class="comments-open-header"><$MTTrans phrase="Post a comment"$></h2>			<div class="comments-open-content">				<MTWeblogIfCommentsModerated>					<p class="comments-open-moderated">						<$MTTrans phrase="Comments are moderated, and will not appear on this weblog until the author has approved them."$>					</p>				</MTWeblogIfCommentsModerated>				<MTWeblogIfRegistrationEnabled>					<script type="text/javascript" src="<$MTCGIPath$><$MTCommentScript$>?__mode=check_login"></script>					<p id="comments-open-login" style="display: block;">						<MTWeblogIfRegistrationRequired>							<$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"$>							<a href="<$MTEntrySignInURL$>"><$MTTrans phrase="Sign In"$></a>						</MTElse>						</MTWeblogIfRegistrationRequired>					</p>					<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>				<MTWeblogIfRegistrationRequired>				<MTElse>					<div id="comments-open-data">						<p>							<label for="comment-author"><$MTTrans phrase="Name:"$></label>							<input id="comment-author" name="author" size="30" />						</p>						<p>							<label for="comment-email"><$MTTrans phrase="Email Address:"$></label>							<input id="comment-email" name="email" size="30" />						</p>						<p>							<label for="comment-url"><$MTTrans phrase="URL:"$></label>							<input id="comment-url" name="url" size="30" />						</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>