子育て中の主婦のためのアフィリエイトブログ入門 アフィリエイト＊レシピ　ブログで稼ぐ子持ち主婦

サイドメニューのカテゴリーをクリックしたときに、そのカテゴリーの最新記事を一覧で表示する方法です。（サンプル）

いつもながらFC2ブログのみ適用です。

■メリット
画面のスクロールなしに、記事の一覧が見れる。
カテゴリー内の関連した記事を読める。

■デメリット
カテゴリー内の記事をすべて一覧にしたかったのですが、
まだやり方がわからないです。

【編集方法】

管理画面　>　テンプレートの設定　>　（使用中のテンプレの）[修正]　>　HTML編集画面にて

CTRL+Fで<!--topentry-->を探す


その直前に次のタグを入れる。（コピペでいけます）

<!--category_area-->
<H2>このカテゴリーの最新記事7件</H2>
<ul><!--topentry-->
<li><a href="<%topentry_link>"><%topentry_title>（<%topentry_month>/<%topentry_day>）</a></li>
<!--/topentry--><br>
<!--prevpage--><a href="<%prevpage_url>">＜＜前のページ</a><!--/prevpage--> <!--nextpage--><a href="<%nextpage_url>">次のページ＞＞</a><!--/nextpage--> </ul>
<!--/category_area-->

表示される記事の件数は、トップページを開いたときに表示される記事の数と同じです。
つまり、カテゴリー内の記事件数が多いと「次のページ」という表示が出ます。

<H2>このカテゴリーの最新記事7件</H2>
のところはタイトルになります。
私のブログでは記事タイトルは<H2>なのですが、
お使いのテンプレートに合わせて修正して下さい。
なくてもいいかもしれません。
その辺はお好みで♪

-------------------------------------------------------------
↑
ごめんなさい！
CTRL+Fで探すタグが<!--/topentry-->となっていたために、カテゴリー一覧が記事の下にきてしまっていました！
正しくは<!--topentry-->です。

1. [便利]アフィリエイトカスタマイズ|
2. トラックバック：1|
3. コメント：20｜
4. 人気ブログ順位
5. |up↑|

あっ、そうか！
＜!--category_area--＞を入れるとカテゴリ内だけでの表示になるんですね。
私のブログでもこれやってたんですけど、ＴＯＰページにも出ちゃうんですよねぇ。
勉強になりました！
seesaaブログだと記事全てを表示できるみたいだけど、FC2ではどうやればいいのか・・・
私もまだまだ勉強中です(^^)

1. 2005/07/29(金) 21:21:28 |
2. |
3. アリ
4. [ 編集]

アリさんのブログでやっているのみて
私もずっとやりたかったけどFC2では無理なんだとあきらめていたんですが、「できるの？」と思って、研究しました。
でも、一覧表示できればしたいです。

1. 2005/07/29(金) 21:53:38 |
2. |
3. キティ＠管理人
4. [ 編集]

はじめまして、菊リンです。
ブログのカスタマイズの方法を調べていたら辿り付きました。

それで、一つわからない事があるのですが、
この記事に書かれているようにしたのですが、
記事一覧が一番下に出来てしまいます。
これはなぜでしょうか？？

URL載せておいたので、質問内容がわからなかったら
確認してみてください。お願いします。

1. 2005/08/02(火) 16:13:16 |
2. |
3. 菊リン
4. [ 編集]

ごめんなさい！
タグが間違っていましたね。
もう一度やってみてもらえますか？

1. 2005/08/02(火) 18:02:12 |
2. |
3. キティ＠管理人
4. [ 編集]

サーフィン中に偶然通りかかり、わかりやすい画面構成と親切な内容に、すっかり読みふけってしまいました。
３週間ほど悩んでいた、『カテゴリー記事の一覧』のやり方を教えていただいて、本当に助かりました。
自分では、やり方が載っているサイトさんを見つけられなかったんです…。
手打ちで目次を作ったり、いろいろ工夫していたんですが、上手くいかなかったのに、こちらで悩みが一発解消！しました。
私のブログは、アフィリエイト中心ではないのですが、“趣味として”アフィリエイトもやりたいので、これからも、全読するまで、足しげく通わせていただきます。

初回からいきなりで恐縮なんですが、皆さんにもお知らせしたいステキなサイトさんなので、勝手ながら、リンクさせていただきました。もしも、ご都合が悪かったら、すぐにはずしますので、お手数ですがお知らせください。

1. 2005/08/21(日) 00:26:24 |
2. |
3. オールいまいちＳＴＡＲ☆
4. [ 編集]

はじめまして。
とてもわかりやすい説明で、無事カテゴリ一覧ができました。

ただ、サンプルページのようにするにはどうしたらいいのでしょうか？
出来た自分のページを見ると、どうも一覧がわかりづらくて…。
ずうずうしいながら、同じような感じにしたいんですけど。

1. 2005/08/22(月) 01:38:44 |
2. |
3. 北海道人美和
4. [ 編集]

悩みが解消できてよかったです♪
私自身、このカテゴリー一覧はずっとやりたかったもので
きっとそういう人多いんだろうなあと思って記事にしました。
お役に立てて光栄です☆

リンクも全然おっけーですよ。
どんどん広めちゃってください。

1. 2005/08/22(月) 10:54:12 |
2. |
3. キティ＠管理人
4. [ 編集]

きっとテンプレートがちがうからだと思うのですが。
お使いのテンプレートはタイトルが
<h3 id="entry-<%topentry_no>">〜</h3>
のようですので、

<H2>このカテゴリーの最新記事7件</H2>

のところを

<h3 id="entry-<%topentry_no>">このカテゴリーの最新記事</h3>

にしてみてください。

これでもイメージと違うようでしたらまたお知らせください。

1. 2005/08/22(月) 10:57:08 |
2. |
3. キティ＠管理人
4. [ 編集]

ありがとうございます！だいぶ近づきました。
もう少しだけお願いします…。

リスト一覧の下にスペースがないので、次の記事タイトルとの間にスペースを開かせるにはどうしたら？

あとキティ＠管理人さんのように、一覧のそれぞれの前に・をつけたり、コメント「このページの記事一覧です。新しいものから表示されています。タイトルを…」を等はどうしたらいいのでしょうか？

1. 2005/08/22(月) 16:02:11 |
2. |
3. 北海道人美和
4. [ 編集]

>リスト一覧の下にスペース
スペースを開けるには<br>を開けたいところに挿入すると
改行されます。

>一覧のそれぞれの前に・をつけたり
最初の<ul>を以下のようにしてみてください。
<ul class="content">
リストの●がつくと思います。

コメントをつけるには、タイトルのタグ</h3>のあとに
コメントを挿入すると表示されると思います。
タイトルとコメントの間にスペースを入れたければ<br>を
挿入してみてください。

1. 2005/08/23(火) 13:47:53 |
2. |
3. キティ＠管理人
4. [ 編集]

これからも、たくさんお世話になると思います。
どうぞ、よろしくお願いいたします。

1. 2005/08/24(水) 00:44:36 |
2. |
3. オールいまいちＳＴＡＲ☆
4. [ 編集]

はい！よろしくお願いいたします！

1. 2005/08/24(水) 08:00:00 |
2. |
3. キティ＠管理人
4. [ 編集]

キティ＠管理人さま
回答ありがとうございました。
無事一覧の下にスペースが出来、見やすくなりました。

>一覧のそれぞれの前に・をつけたり
最初の<ul>を以下のようにしてみてください。
<ul class="content">
リストの●がつくと思います。

表示されないです…。
一文字分スペースはあくのですが、何にも表示されず。
何でだろう？

1. 2005/08/24(水) 23:38:33 |
2. |
3. 北海道人美和
4. [ 編集]

えーっと、スタイルシートの中に
ul, ul li { list-style-type: none; }
というのがあるので（/* 全体囲み */っていうやつの直前です）

これを↓
ul, ul li { list-style-type: disc; }
に変えてみてもらえますか？

今度こそうまくできるといいなあ･･･

1. 2005/08/25(木) 11:18:08 |
2. |
3. キティ＠管理人
4. [ 編集]

無事、一覧の前に●がつきました。

しかし、左のメニューのカテゴリーにもついてしまった…。
（カテゴリーはツリー化しました。最初の設定は矢印⇒だったのですが、画像をダウンロードして本当なら画像の点線…が出るはずなのですが、今元からある画像の緑の矢印が出てしまっているんですよ。直らなくて、ほっといたんですが…。

どちらか選ぶしかないですよね。
何度も申し訳ないです。

1. 2005/08/28(日) 12:49:18 |
2. |
3. 北海道人美和
4. [ 編集]

ほんとだあ。。。
うーん、どうしたらいいんだろう？
スタイルシートをいじったり
クラスを指定したりしてもっと細かく指定できるはずなんだけど。。。

1. 2005/08/30(火) 09:32:20 |
2. |
3. キティ＠管理人
4. [ 編集]

助かりました！
リスト化できなくて困っていたんです・・・
ただ、「・・・の記事」のようにカテゴリ名を入れたかったのですが・・・なかなか難しくてとりあえず断念しました。

また参考にさせてください。

1. 2006/04/03(月) 01:17:27 |
2. |
3. azi
4. [ 編集]

よかった！
お役に立てたようですね。
カテゴリ名を入れる方法か・・・
ちょっと調べてみます。
あまり期待しないで下さいね。

1. 2006/04/05(水) 18:32:10 |
2. |
3. キティ
4. [ 編集]

参考にさせて頂きました。
とてもわかりやすくて助かりました。
どうもありがとうございました♪
お蔭様で、カテゴリー一覧が見やすくなりました。

1. 2007/09/05(水) 07:39:15 |
2. |
3. かなた
4. [ 編集]

コメントありがとうございます。
お役に立てて光栄です♪

1. 2007/09/12(水) 10:02:29 |
2. |
3. キティ
4. [ 編集]

「カテゴリーの記事一覧を作る」というステキな記事を、↓こちらで発見したので、さっそく試してみました♪http://kittymm819.blog6.fc2.com/blog-entry-296.html

1. 2007/09/05(水) 07:03:13 |
2. あぃ、らぶ、80years♪