5-8：タグによる効果的なカスタマイズ: 「Movable Type WEBデザインの新しいルール」

手順2（テンプレートに設定されているのでコピーする必要はありません）: <dd class="side"> <ul id="tags"> <MTTags> <li class="module-list-item taglevel<$MTTagRank$>"><a href="<$MTTagSearchLink$>"><$MTTagName$></a></li> </MTTags> </ul> </dd>
手順3（テンプレートに設定されているのでコピーする必要はありません）: ul#tags { margin-top: 5px; padding-left: 0; list-style: none; } ul#tags .module-list-item { display: inline; } ul#tags li.taglevel1 { font-size: 125%; font-weight: bold; } ul#tags li.taglevel2 { font-size: 125%; } ul#tags li.taglevel3 { font-size: 116.6%; } ul#tags li.taglevel4 { font-size: 108.3%; } ul#tags li.taglevel5 { font-size: 100%; } ul#tags li.taglevel6 { font-size: 91.6%; }
手順6: <MTEntryIfTagged> <h3 class="appendix-header"> 関連記事</h3> <div class="side"> <ul> <MTRelatedEntries lastn="10"> <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a> <$MTEntryDate format="%Y/%m/%d"$></li> </MTRelatedEntries> </ul> </div> </MTEntryIfTagged>
手順8: <div class="archive-tags-header"> このアーカイブで使われているタグ</div> <div class="side"> <ul id="tags"> <MTArchiveTags> <li class="module-list-item taglevel<$MTTagRank$>"><a href="<$MTTagSearchLink$>"><$MTTagName$></a></li> </MTArchiveTags> </ul> </div>
手順9: <MTIf name="datebased_archive"> <MTEntries> <$MTEntryTrackbackData$> <$MTInclude module="ブログ記事の概要"$> <MTEntriesHeader> <$MTInclude module="アーカイブタグ"$> </MTEntriesHeader> </MTEntries> <MTElse> <MTEntries limit="auto"> <$MTEntryTrackbackData$> <$MTInclude module="ブログ記事の概要"$> <MTEntriesHeader> <$MTInclude module="アーカイブタグ"$> </MTEntriesHeader> </MTEntries> </MTIf>
手順10: .archive-tags-header, .appendix-header, .trackbacks-header, .comments-header, .comments-open-header, .search-header, .search-result-header { padding-left: 8px; border: 1px solid #ccc; background: #eee; font-size: 83.3%; font-weight: bold; line-height: 2.0; } .archive-tags-header { margin: 15px 0 5px; }
手順12: <MTIfTagSearch> <MTSearchTags> <div class="appendix-header">「<$MTTagName$>」の関連タグ</div> <ul id="tags" class="search-related-tags"> <MTRelatedTags> <li class="module-list-item taglevel<$MTTagRank$>"><a href="<$MTTagSearchLink$>"><$MTTagName$></a></li> </MTRelatedTags> </ul> </MTSearchTags> </MTIfTagSearch>
手順13: .search-related-tags { margin: 0 3px 15px; font-size: 83.3%; }