カテゴリー一覧をサイドバーに移動する

<< 前のページ clear:both;を忘れずに

2カラムレイアウトができました。今度は、現在コンテンツのトップ部分に表示されているカテゴリ一覧を、サイドバーのトップに移動してみます。

メインページのテンプレートの、コンテンツ部分のカテゴリー表示のソースを削除し、サイドバーに以下のように追記します。

<div id="sidebar">

<ul>
<MTCategories show_empty="1">
<li><a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a></li>
</MTCategories>
</ul>
<p>
サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。サイドバー。
</p>
</div>

太字の部分で、HTMLの<UL>タグを使ってカテゴリをリスト表示するようにしています。

再構築後、ブラウザで確認します。サイドバー上部にカテゴリー一覧がリスト表示されていることがわかります。

カテゴリ移動

次のページ >> 左右のグループを入れ替える

▲ページトップへ