カテゴリーページを一覧表示(タイトルのみ)にする

>> ブログ改造カスタマイズ

posted by はに丸
edit 　re

カテゴリーページを一覧表示(タイトルのみ)にする

デフォルトではカテゴリーを選択すると、全記事が表示されてしまって、
表示するのにも大変なので、各ブロガー先輩様たちの知恵をお借りして
一覧表示にしてスッキリさせたいと思います。

＠「記事コンテンツの設定」の「コンテンツHTML編集」を開いて

<% if:page_name eq 'category' -%>
<% /if -%>

を

<% if:page_name eq 'category' -%>
<div id="clist">
<p>このカテゴリの記事一覧です。</p>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject
%></a></li>
<% /loop -%></ul>
</div>
<% /if -%>

に置き換え。

※追記※

このカテゴリの記事一覧です。

の部分を

『<% category.name %>』の記事一覧です。

に書き換えると「『カテゴリタイトル』の記事一覧です」と表示されるので、更にいいかも。
（このブログのカテゴリ見てみてください）

cssに

/* カテゴリ記事リスト */
#clist
{
text-align:left;
background:#FEFFF0;
margin: 20px;
padding:
10px;
border: 3px double #B2B2B2;
font-size: 90%;
}
#clist li
{
margin-bottom: 0.6em;
font-size:
90%;
font-weight:normal;
line-height:150%;
}

を追加。（見た目は好きに書き換えてみてください）
次は記事本文を消します。

再び記事(ページコンテンツ)の設定」の「コンテンツHTML編集」を開いて

<% loop:list_article -%>

を探します。
注意したい所は、上で一覧表示指定をする記述の中にも同じ文章がある所。
上で書き換えた部分より下に、もう一個出てくるはずですので、間違えずに探してください。

そこからずずずっと下を見て行って、ループ指定の終点

<% /loop -%>

を探します。
ここでも気をつけないといけない所は、ループの指定はいくつもあります。
ここで探すのは

<div class="blog">

を挟むループ指定部分です。
間に<div class="blog">が入っているか、
<% loop:list_article -%>と
<% /loop -%>の間にもう一つ
<% /loop -%>が入っていないか、よく確認してください。

目的の部分が見つかったら、それを

<% unless:page_name eq 'category' %>

と

<% /unless %>

で挟み込みます。

例えばこんな風に。

<% unless:page_name eq 'category' %>
<% loop:list_article -%>

<div class="blog">

<!--

うんちゃらかんちゃらごちゃごちゃ色々。

<% /if -%>
<% if:article.accept_tb %>
| <a href="<% article.page_url %>#trackback">TrackBack(<%article.tb_count
| __or__ | echo('0') %>)</a>
<% /if -%>
<%
if:style.disp_category
%>| <a href="<% article_category.page_url
%>"><%
article_category.name %></a><% /if
%>
</div>

</div>

</div>
<% /loop -%>
<% /unless %>

後は再構築してできあがり！
月別ページに対応させるには「category」を「archive」にかえればいいだけ。




◆参考サイト様
椰子の避暑地
Seesaa用テンプレート