ぴかぴか(新しい)おすすめ
⇒ジュース1本で動画も音楽もアップロード!ロリポップ

2005年10月06日

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

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用テンプレート
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
新着記事
このサイトは管理人の趣味・勉強の為に運営しています。従ってサポートを目的としておらず、全ての情報が最新かつ正しい内容とは限りません。自己責任でお願いします。
はに丸の楽曲は著作権を放棄しておりません。営利目的での無断使用を禁止します。
×

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