HOME > ブログ > カテゴリページに記事一覧(コンテンツ追加+CSS)

カテゴリページに記事一覧(コンテンツ追加+CSS)

Seesaa BLOGで、「コンテンツの追加」により、カテゴリページにカテゴリ内の記事見出し一覧を表示させるカスタマイズです。
コンテンツですので、要らなくなったら「配置」を非表示にして下さいな。

設置方法:
1.
コンテンツページで記事(ページコンテンツ.コンテンツを新規に追加、表示するページをトップページ、配置をメイン、並び順は「記事」コンテンツの上にする。

2.
「記事(ページコンテンツ)の設定」ページに移動、コンテンツのタイトルを「新着記事」とする(任煮の名前でもOK.。そして保存

3.
再び「記事(ページコンテンツ)の設定」>「コンテンツHTML編集」ページに進み、ソースを下記のものに書き換え、また保存。

<div id="clist">
<div class="ctitle"><% content.title %></div>
<div class="clist">
<% content.header -%>
<% loop:list_article -%>
<a href="<% article.page_url %>"><% article.subject %></a>|
<% /loop -%>
<% content.footer -%>
</div>
</div>


5.
CSS編集、当サイトでは以下のように設定しております。参考までに。

#clist {border:1px dotted #ccc;}
.ctitle{color:#636363;font-size:12px;font-weight:bold;font-family:arial, Helvetica;padding:10px 20px 4px;}
.clist{font-size:12px;color:#999;padding:4px 20px 10px;line-height:160%;}


6.
カテゴリページを再構築する。

備考:
※ 挿入テキスト(上・下.に何も加えないなら<% content.header -%>も、<% content.footer -%>タグも要らないかも。
※ 当サイトでしか試してないので若干の不安が残ります。ひょっとするとカテゴリ数が多い場合きちんと表示されないとか・・・

参考:
このカスタマイズは、: カテゴリで記事一覧を表示する [HTML+CSS] [Seesaa デザインテンプレート] さんの記事を参考に行いました。
posted by ponsuke at 2005-09-10 14:19 | Comment(0) | TrackBack(0) | ブログ
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

×

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