スマートフォン対応サイト制作日誌 II ～カテゴリの追加～

2012/4/2 コラム・ニュース

さて、こっそりと進めているスマートフォン対応サイト化ですが、前回はロゴの変更を行いました。
で、今回はカテゴリで記事を表示させるようなコードについて書いていこうかと思います。

元々、「iPhoneテンプレートfor MT」にはカテゴリアーカイブのコードは入っていませんが、
いろいろと試行錯誤をして上の写真のように追加しています。

このやり方は、テンプレートの「iPhone用トップページ」に以下のコードを追加。

<li class="group">過去記事アーカイブ</li>
<li><a href="#monthlyArchives">過去24ヶ月の記事を見る</a></li>
<li><a href="#categoryArchives">カテゴリ</a></li>
</ul>

過去◯ヶ月分の記事を読むの下のカテゴリ列ですね。
続いて、以下のコードを追加。

<!-- ▼月別アーカイブ個別記事ここから▼ -->
<MTArchiveList archive_type="Monthly" lastn="10">
<ul id="m<$MTArchiveDate format="%j"$>">
<MTEntries lastn="9999">
<li><a href="<$MTBlogArchiveURL$>sp/<MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/<$MTEntryBasename$>.php" target="_self"><$MTEntryTitle$>［<$MTEntryDate$>］</a></li>
</MTEntries>
</ul>
</MTArchiveList>
<!-- ▲月別アーカイブ個別記事ここまで▲ -->
<!-- ▼カテゴリアーカイブリストここから▼ -->
<ul id="categoryArchives">
<li class="group">カテゴリ一覧</li>
<mt:Categories>
<mt:if tag="categoryCount">
<li><a href="#m<$mt:CategoryBasename$>"><$mt:CategoryLabel$></a>（<$mt:CategoryCount$>）</li>
<mt:else>
<li><$mt:CategoryLabel$></li>
</mt:if>
</mt:Categories>
</ul>
<!-- ▲カテゴリアーカイブリストここまで▲ -->
　
<!-- ▼カテゴリアーカイブ個別記事ここから▼ -->
<mt:ArchiveList archive_type="Category">
<ul id="m<$mt:CategoryBasename$>">
<li class="group">カテゴリが<$mt:CategoryLabel$>の記事一覧</li>
<mt:BlogEntryCount setvar="entry_count">
<$mt:Entries lastn="$entry_count">
<li><a href="<$mt:BlogArchiveURL$>sp/<mt:ParentCategories glue="/"><$mt:CategoryBasename$></mt:ParentCategories>/<$mt:EntryBasename$>.php" target="_self"><$mt:EntryTitle$></a></li>
</mt:Entries>
</ul>
</mt:ArchiveList>
<!-- ▲カテゴリアーカイブ個別記事ここまで▲ -->

「– ▼カテゴリアーカイブリストここから▼ –」から「– ▲カテゴリアーカイブ個別記事ここまで▲ –」を
新規で追加しています（「– ▼月別アーカイブ個別記事ここから▼ –」は目印という意味で記載しています）。

これだけで、カテゴリ別の記事一覧を追加することができます（使う人いるのかな？）。
さて、次回はテーブル構造の修正についてです。