2010/08/02

カテゴリページの一覧表示する

カテゴリの一覧表示する方法です。

参考

PCあれこれ、面白ライフさんのページを参考にしています。
画像を使っているページにも対応しているはずです。

記事のHTMLを調整する

[デザイン]>[コンテンツ]から[記事]を選択し、
右上の[コンテンツHTML編集]から編集ページにいきます。

<% if:page_name eq 'category' -%> を検索します。

色のついた部分の文章を追加します。

<<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:page_name eq 'category' -%>
<div class="blog">
<div class="blogbody">
<div id="ichiran">
<h3>【<% category.name %>】 の一覧</h3>
<div class="text">
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a">
<% article.subject %></a></li><br>
<% /loop -%>
</ul>
</div>
</div>
<div class="posted"><a href="<% blog.page_url %>">HOME</a></div>
</div>
</div>
<% /if -%>
<br>

<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><<</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>


この記事へのコメント

コメントを書く

名前 *
メールアドレス *
URL
コメント *
認証コード ※画像の中の文字を半角で入力してください。

この記事へのトラックバック

×

この広告は90日以上新しい記事の投稿がないブログに表示されております。