Seesaaでカテゴリ別新着リストを作る！

今まで追記を使わずにやって来た訳ですが、記事にソースを入れたりしていると、異常に長くなってしまったりする訳です。
そこで、とうとう追記を使う事にしました。（他のカスタマイズの為に取っておこうと思ったんですが・・・）

ついでにTOPをもう少し見やすくしてみようと言う事で、新着記事をカテゴリ別に表示してみました。

さっそくやってみましょう！（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい）

まず、新しいコンテンツを作ります。

新しいコンテンツの追加から

種類　　　　　記事（ページコンテンツ）
追加先ページ　トップページ
配置　　　　　メイン
並び順　　　　配置したい場所に

と、設定してコンテンツの追加をします。

記事(ページコンテンツ)の設定画面で、
タイトル　　　解りやすく付けておきます
表示件数　　　２０

と、設定して保存します。

再び今のコンテンツを選んで、コンテンツHTML編集を選びます。

HTMLを全部削除しちゃいます。
そして以下のHTMLを記述します


<div class="blog">
<div class="category-list">
<div class="category-list-heder">
カテゴリ別新着記事リスト
</div>

<!-- カテゴリの分だけ必要な回数繰り返します（ここから） -->
<div class="category-list-title">
カテゴリ名
</div>
<% loop:list_article -%>
<% if:article_category.name eq 'カテゴリ名' %>
<div class="category-list-body">
<span class="category-list-date">
<% article.createstamp | date_format("%m/%d") %>
</span>
<span class="category-list-text">
<a href="<% article.page_url %>">
<% article.subject %>
</a>
</span>
</div>
<% /if %>
<% /loop -%>
<!-- カテゴリの分だけ必要な回数繰り返します（ここまで） -->

</div>
</div>

カテゴリ名の部分を書き換えて、繰り返し部分を必要回数繰り返します。

そしてスタイルシートに以下の文を追加します。


category-list{
border: 1px solid;
width:470px;
}/* リスト全体の設定 */

.category-list-heder{
margin:5px 0px 0px 0px;
text-align:center;
font-size: 16px;
}/* ヘッダの設定 */

.category-list-title{
padding:3px 0px 0px 5px;
text-align:left;
font-size: 16px;
border-top: 1px solid #666;
}/* カテゴリタイトルの設定 */

.category-list-text{
margin:0px 0px 0px 20px;
font-size: 12px;
}/* 記事タイトルの設定 */

.category-list-date{
padding:0px 0px 0px 40px;
font-size: 12px;
}/* 日付の設定 */

各ブログに合わせて調整して下さい（特に赤字部分）

最後にトップページを再構築して出来上がりです。

ランキングに一票

追記 MSIEで表示がおかしかったので少し変更しました。
追記 環境により表示がおかしくなるようでしたので、一部変更しました。

Comments

こんにちは☆

今まで手作業で目次を作ってきたのですが、
まさに自分がしたかったことなので飛びつきました！
ですが、なぜか上手く行きません(PД`q｡)

不具合�@記事が出ないカテゴリがある。

++育児のお勉強++というカテゴリです。
記事が入っているのに出てきません。
スペースなんかが入ってると動かないのですが、それもチェックしました。

不具合�Aリンクが上手く入らない

記事をクリックすると違うﾄｺが立ち上がったり、全く立ち上がらないﾄｺもあります。

もし分かるようなら教えてください　(´･ω･`)

Posted by ひめ at 2005年07月27日 14:52

あと、分からないﾄｺがもぅ一つありました。
記事タイトルの設定ですが、字を小さくしようとしてもまったく反映しません。
12pxくらいで出したいのですが･･･(´･ω･`)

Posted by ひめ at 2005年07月27日 14:56

ひめさんこんにちは！
不具合の件ですが、
不具合１は、新着記事２０件をカテゴリ別に分けて表示している為、すべてのカテゴリを合わせて新着２０件以前の記事は表示されません。ご了承下さい。

不具合２と３は、
<span class="category-list-text">
<a href="<% article.page_url %>" class="title">
<% article.subject %>
</a>
</span>

の部分の
class="title"

を消してみて下さい！

たぶんこれで解決すると思います。

Posted by チャレンギャー at 2005年07月27日 23:23

ありがとうございます!!!!出来ました!!!!
゜+。:.゜ヽ(*´∀`)バ゜.:。+゜
新着２０件以前は表示されないんですねぇ。ホントだ　σ(-д-｀*)ﾌﾑ…
目次としては使えないですねぇ。
ナンカいい方法はなぃでしょうか。

それとこれをうちの方で紹介させてもらってもいいですか？
ソースを少し変更したりした場合はそれも載せているのですが、ご迷惑ならリンクだけにしますので。
ご検討宜しくお願いいたします。

Posted by ひめ at 2005年07月28日 09:45

私も全記事のリンク（サイトマップみたいな物）を作りたいんですが出来ないでいます・・・
良い方法無いでしょうかね〜

紹介はして頂いて結構ですよ！
自由に載せて下さい！

Posted by チャレンギャー at 2005年07月28日 10:20

いつも参考にさせてもらってます。
表示されてるようにやったんですが、
記事が1件もでないんですが…

何回も見直したんですが何が悪いのか
わかりません。
お願いします。

Posted by ねこ男爵 at 2005年08月05日 18:07

ねこ男爵さん、ご紹介頂いたようで、ありがとうございます。
今、少しのぞかせて頂いたんですが、状況が良く分かりません。
まったく表示されないようでしたら、追加先ページと配置を見直してみて下さい。
カテゴリのタイトルのみ表示されるのなら、カテゴリの階層化をしてらっしゃるようなので、
<% if:article_category.name eq 'カテゴリ名' %>
のカテゴリ名の部分が
日記＞日常
の様になっているか確認してみて下さい。

今の所この辺しか解りません。
解決しないようでしたら、詳しい状況を教えて下さい。

Posted by チャレンギャー at 2005年08月05日 18:34

すばやい対応ありがとうございます。
すみません日記＞日常の様にしたらでました。
少し手を加えさせてもらって表示してみたいと
思います。
これからも利用させてもらいますね
ほんとありがとうございました。

Posted by ねこ男爵 at 2005年08月05日 18:56

ねこ男爵さん、問題解決したようで良かったです。
これからも、楽しんで頂ければ幸いです。（役立つかどうかはともかく・・・）

Posted by チャレンギャー at 2005年08月07日 00:31

こんにちは。とても貴重なページをありがとうございます。
各カテゴリーページの上部にカテゴリーごとの
目次を作りたいのですが、なにか方法はありませんでしょうか。
上記を参考にしていろいろいじくってみましたが、うまくいきません。
そもそもカテゴリーページのHTMLがいじれれば…と思ったのですが、HTMLは一つしかないですよね。カテゴリーごとのHTMLを追加するとして、それをどうカテゴリー別ページに表示させるようにするかがわからない。。。(T.T)
なにかいい方法があったらよろしくお願いします。m(_ _)m

Posted by 紫猫 at 2005年12月17日 18:26

紫猫さんコメントありがとうございます。
カテゴリのページで、そのカテゴリの一覧を表示したいという事ですよね？
seesaaデザインテンプレートさんに、そのようなカスタマイズがありましたので、そちらを参考になさってみてはいかがでしょうか？

seesaaデザインテンプレートさんの記事
http://template.seesaa.net/article/2429125.html

Posted by チャレンギャー at 2005年12月17日 20:51

こんなに早くお返事頂けて感激です。ありがとうございます!!
行ってきました。出来ました!!
まだ要研究ですが…(^-^;。
ほんとにありがとうございます。これからも勉強させていただきます。

Posted by 紫猫 at 2005年12月17日 23:01