2006年10月15日

カテゴリの記事一覧を表示させる（FC2のみ）

07/04/07 17:30追記
　のんびり前進じたばた生活のまゆびさんが一覧表示の際に、日付が記事リンクの前に出るようにして見やすく改良してくれましたので、yozoも同様に変更いたしました。 まゆびさん、ありがとうございます♪m(_ _)m
まゆびさんの記事はコチラ→カテゴリ別の記事一覧を表示!! のんびり前進じたばた生活

　右サイドバーのカテゴリーをクリックすれば、カテゴリーの記事タイトルの一覧表示させるようにしました。これも月別に記事のタイトル一覧を表示させる（FC2）と同様にFC2ブログ ユーザーフォーラムで検索して、ヒントを得て、同じくテンプレート中で使える変数一覧を参考にして作成しました。

なお、月別のタイトルの一覧表示についてはコチラ→月別に記事のタイトル一覧を表示させる（FC2）

　訪問してくれた人が記事を探しやすいように、検索とほぼ同じくらいよく使われる、カテゴリ記事のタイトル一覧です。これで過去記事の検索がしやすくなって、過去記事で役に立つものがあるかどうか調べやすくなったと思います。また、yozoは１ページの表示件数を5記事としてますから、それにあわせて５記事ずつタイトルを表示することになります。

残念ながら、2006/10/10現在、１ページの表示件数と一覧のタイトル件数は、同じにするしかできません。（たぶん(ﾟｰﾟ;Aｱｾｱｾ ）悪しからずご了承ください。

※このカスタマイズはFC2ブログの独自タグを使ったものですから、FC2ブログの方だけにしか使用できません。


カテゴリの記事一覧を表示させる（FC2のみ）


  1. FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定]をクリックします。
  2. 「現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。
  3. 「テンプレートの編集」にある、「HTMLの編集[テンプレート名]を編集しています。」の欄の中でクリックします。（この中であればカーソルはどこでも構いません。）
  4. [Ctrl]＋[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これに<!--topentry-->と入力して、検索してください。
    • 必ずバックアップしましょう！

    　いつも書いてますが、編集する前に、必ずHTMLのコードをコピーして、「html_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「html_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪
  5. <!--topentry-->のすぐ上に、
    <!-- ▼カテゴリーページでの一覧ここから -->
    <!--category_area-->
    <div class="category_area">
    　〜省略〜
    </div>
    <!--/category_area-->
    <!-- /カテゴリーページでの一覧ここまで△ -->    を追加してください。

    〜途中省略〜


    <!-- 中央カラム開始 -->
    <div id="content">
    <div class="blog">
    <!-- ▼カテゴリーページでの一覧ここから -->
    <!--category_area-->
    <div class="category_area">
    <div class="textcenter"><span style="color:#ff3300; font-size:15px;"><%sub_title> の記事一覧</span></div>
    <ul>
    <!--topentry-->
    <li><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></li>
    <!--/topentry-->
    </ul>
    <p class="content-nav">
    <!--prevpage--><a href="<%prevpage_url>" title="前のページへ" id="category_nav_previous" name="category_nav_previous">≪新しい記事一覧へ </a><!--/prevpage-->
    <a href="<%url>" title="メインへ" id="category_nav_main" name="category_nav_main">メイン</a>
    <!--nextpage--><a href="<%nextpage_url>" title="次のページへ" id="category_nav_next" name="category_nav_next"> 古い記事一覧へ≫</a><!--/nextpage-->
    </p></div>
    <!--/category_area-->
    <!-- /カテゴリーページでの一覧ここまで△ -->
    <!--topentry-->

    〜以下省略〜

  6. 「スタイルシートの編集[テンプレート名]を編集しています。」の欄の一番下に次のコード追加して、タイトル一覧の体裁を整えます。ここは自由に設定してください。
    • 必ずバックアップしましょう！

    　いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「css_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪

    /* カテゴリ一覧表示部分 */
    .category_area {
    margin: 12px 10px 0px;
    padding: 15px;
    color: #444444;
    font-size: 11px;
    line-height: 140%;
    background: #ffeebf;
    border: 1px solid #666666;
    }
    /* 中央揃え */
    .textcenter
    {
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    }
  7. [更新]をクリックして動作を確認しましょう。

  • yozoからのお願い
　この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。
　また、言うまでもないことですが、この記事を参考にされるのでしたら、「テンプレート改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておくようにしてくださいね♪
　この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

↓　ぽちっと応援お願いします♪ m(_ _)m
人気blogランキング

FC2ブックマークに追加

スレッドテーマ:カスタマイズ:ブログ

Admin | Posted at 19:26 | カスタマイズ | | Comments [14] | Trackbacks [3]

メイン

≪New メロメロバトン by yozo | Top | 月別に記事のタイトル一覧を表示させる（FC2） Old≫

トラックバックURL


トラックバック

≫ 月別＆カテゴリーページを記事一覧表示 from HAPPY TALK ?
月別のページとカテゴリーページに記事のタイトル一覧表示にしました。MovableTypeだとカテゴリー用、月別用とテンプレートがあって、サイドバーにそれぞれに対応した記事タイトルの表示が出来たけど、FC2は1つのテン [Read More]

Tracked at 2006.11.17 16:16

トラックバック

≫ カテゴリ別の記事一覧を表示!! from のんびり前進じたばた生活
前回は月別の記事一覧を表示!!にて月別の記事一覧を出しましたが、今回はカテゴリ別の記事一覧を表示できるようにカスタマイズしてみました。今回のカスタマイズも「yozoの気が向いたと記2.0」のyozoさんの記事にお世話 [Read More]

Tracked at 2007.04.07 17:17

トラックバック

≫ 機能追加 from In The Cage
ＦＣ２に移ってからいろいろいじれて楽しいひじりです。 しかし不満がないわけではありません。 その不満の一つに、 カテゴリや月別の一覧... [Read More]

Tracked at 2008.02.10 01:01

コメント

yozoさん、こんばんわ♪(ﾟ▽ﾟ*)

お、コレは忍ブロで言うエントリーナビゲーションですね？
ウチもコレと同じ方法で使ってますよ♪
・・・といっても、自分で使ってるのは整理しきれてなくて悲惨なソースになってますが（。。；）(笑)
でもコレ、便利なんですよね。
見る側も管理する側も♪

Posted by Ｐａｖ at 2006.10.15 22:49 | edit

コメント

yozoさん、こんばんは♪(o^∇^o)ノ
こちらはカテゴリの方ですね!!
表示する記事数と同じ数しか表示できないのが残念ですよね。
カテゴリの一覧が一番利用しそうな気がしますし。
でもこれも本当に便利だなぁと思います!!
こちらも昨日の記事と合わせてやってみたいと思います。
ありがとうございます!!ペコリ(o_ _)ｏ))

Posted by まゆび at 2006.10.15 22:55 | edit

コメント

＞Pavさん、おはよーございまっす♪

＞お、コレは忍ブロで言うエントリーナビゲーションですね？
そうですよ♪忍ブロは本当に色々あっていいですよね。FC2はカスタマイズ自在ですが、自分で選んで設置しなきゃいけないので、ちょっと大変なのかもしれませんね。あっはじめから装備されているテンプレートを選べばいいのでしょうが、今のところテンプレの機能は一つ一つDLして確認しなきゃいけませんから、大変ですよ。┐( -"-)┌ﾔﾚﾔﾚ...

＞でもコレ、便利なんですよね。見る側も管理する側も♪
そうなんですよ。エキブロではデフォである機能なので不便でした。
やっと同じ感じになってきましたよ。(*ﾟ▽ﾟ)*｡_｡)*ﾟ▽ﾟ)*｡_｡)ｳﾝｳﾝ

Posted by Pavさんへ at 2006.10.16 11:24 | edit

コメント

＞まゆびさん、おはよーございまっす♪

＞こちらはカテゴリの方ですね!!表示する記事数と同じ数しか表示できないのが残念ですよね。
そうなんですよ♪JavaScriptを使ってみたり、色々やっても、現在のyozoには無理でしたね。
くやしぃ〜(≧ヘ≦)

＞カテゴリの一覧が一番利用しそうな気がしますし。でもこれも本当に便利だなぁと思います!!
でしょ♪yozoはこれがお友達のブロウにあると助かりますね。検索よりも、カテゴリー全体の記事の流れがわかりやすいので、まとめ読みしやすいですよね。(*ﾟ▽ﾟ)*｡_｡)*ﾟ▽ﾟ)*｡_｡)ｳﾝｳﾝ

＞こちらも昨日の記事と合わせてやってみたいと思います。
一つの記事にできずにごめんなさいでした。いっしょにやったほうが手っ取り早いですよ。お分かりと思いますが、HTML編集を一度にやってから、CSSの一度に追加して、最終調整という流れでばっちりロスなく、できると思います。＼(*⌒0⌒)ｂがんばっ♪

Posted by まゆびさんへ at 2006.10.16 11:30 | edit

コメント

中央カラムと自己責任や、カスタマイズとかしてください
環境などください
ネットでスタイルとかユーザーフォーラムなどします
ネットで古いカテゴリーやすばらしい記事タイトルとかされている
うさもは、
カテゴリや、メインなどをブログしない。

Posted by BlogPetのうさも at 2006.10.16 16:29 | edit

コメント

こんにちはー。yozoちゃん♪
うふ☆
早速今朝私の記事をＵＰする際にこの機能使わせてもらっちゃった♪
久しぶりにスクロールバーを取り付けようと思ってね♪
うーん☆便利だぁー!!!これ♪
私は多分・・・。いや絶対に、かなりこの機能は使わせてもらうと思う!!!
だってyozoちゃんのブログがテキストなんだもーーーん♪
うふふ☆
なのでとっても助かっちゃいましたぁー♪
これからもじゃんじゃん、使わせてもらうねーーー♪
もちろん便利だし♪応援のクリックは忘れずにしていきますとも!!!

Posted by enu at 2006.10.16 16:46 | edit

コメント

＞うさも、こんばんはー♪
記事よりもコメントの方がたくさん書いてくれてるんだね♪(*^-^)

＞中央カラムと自己責任や、カスタマイズとかしてください
(*ﾟ▽ﾟ)*｡_｡)*ﾟ▽ﾟ)*｡_｡)ｳﾝｳﾝ そうだね♪カスタマイズは自己責任でしなきゃいけないね♪

＞うさもは、カテゴリや、メインなどをブログしない。
あらら・・・ちゃんとカテゴリも作らなきゃいけないね♪(≧▽≦;)ｱﾁｬｰ
メイン記事がないって、一体どんなブログをするのでしょう・・・(＠'ω'＠)ん?

Posted by BlogPetのうさもさんへ at 2006.10.16 18:01 | edit

コメント

＞enuちゃん、こんばんはー♪

＞早速今朝私の記事をＵＰする際にこの機能使わせてもらっちゃった♪
わぁいヽ(ﾟｰﾟ*ヽ)(ﾉ*ﾟｰﾟ)ﾉわぁい　早速、お役に立ててうれしいですよ♪　(^○^)

＞久しぶりにスクロールバーを取り付けようと思ってね♪うーん☆便利だぁー!!!これ♪
あはは・・・カテゴリー一覧は本当に重宝しますよね。yozoもお友達のブログでよく使ってますよ。一覧機能のないところでは、検索を使ってます。(*ﾟ▽ﾟ)*｡_｡)*ﾟ▽ﾟ)*｡_｡)ｳﾝｳﾝ

＞私は多分・・・。いや絶対に、かなりこの機能は使わせてもらうと思う!!!
どうぞ♪どうぞ♪遠慮なくいつでもどこの記事でも構いませんからね。
お役に立ててくださいねｨｪ‐ｨ v(´▽`v)))))).......((((((v´▽`)v ｨｪ‐ｨ

＞だってyozoちゃんのブログがテキストなんだもーーーん♪うふふ☆
(///∇//)あらら・・・それはうれしいですよ♪期待を裏切らないように努力しまっす　(*^-^)

Posted by enuちゃんへ at 2006.10.16 18:07 | edit

コメント

yozoさん(｡･ω･｡)ﾉｺﾝﾁｬ☆･ﾟ:*:ﾟ
(ﾉﾟωﾟ)ﾉ*.ｵｵｫｫｫｫｫｫｰ前日のシリーズ改造ですね〜！
これは素晴らしい(*´ω`*)ﾎﾟｯ
記事を探すのにやはり一番使うのはカテゴリ別ですものね。
今のままでもyozoさんのブログはカテゴリが細分化されていて
とても探しやすいとは思っていますが、もっと探しやすくなるんですね〜♪
とても為になる記事が多いブログなだけに
こんな親切設計がされていると感動ものです(･ω･)(._.)(･ω･)(._.)ｳﾝｳﾝ♪
早速ブックマー・・（笑
いつも勉強になります！ありがとうございました♪

Posted by モンビッケ at 2006.10.17 11:18 | edit

コメント

＞モンビッケさん、、こんにちはー♪

＞(ﾉﾟωﾟ)ﾉ*.ｵｵｫｫｫｫｫｫｰ前日のシリーズ改造ですね〜！これは素晴らしい(*´ω`*)ﾎﾟｯ
あはは・・・これこそがきっと訪問してくださるみなさんに必要な機能かもって思ってます。yozoもお友達のブログでこの機能を活用させてもらってます。これも実はエキブロにデフォである機能なのですよね。しかもエキブロは月別と同様にすべてのタイトルが一覧になりますよ。検索するよりも速く読みたい記事を見つけることができていましたよ。(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ

＞早速ブックマー・・（笑いつも勉強になります！ありがとうございました♪
いつもブクマしてくださってありがとーございまっす♪本当に励みになりますよ。m(_ _)m

Posted by モンビッケさんへ at 2006.10.17 11:39 | edit

コメント

はじめまして…

ここ最近、記事数が100件を越え、過去の記事が埋もれてしまっていたので、
カテゴリー一覧を作りたいと思い、参考になるサイトを探していたらば、
yozoさんのブログに出会うことが出来ました♪

こちらに記載してあるコードを拝借し、「記事一覧」を思いの外、
簡単に作ることが出来ました…。

ﾟ.+:｡（´∀｀）ﾟ.+:｡有難う御座いました!!

Posted by ぴよﾟ⌒(o･_･o)⌒ﾟ at 2007.11.26 02:08 | edit

コメント

ぴよﾟ⌒(o･_･o)⌒ﾟ さん、こんばんは。はじめまして。
カテゴリー一覧がお役に立てたようですね。とっても嬉しいです♪　(*^-^)
CSSの設定も、どんどん変更して楽しんでくださいね♪　(^○^)
ご丁寧にお知らせしてくださってありがとーございまっす♪
今後ともよろしくお願いしまっす。<(_ _)>

Posted by ぴよﾟ⌒(o･_･o)⌒ﾟ さんへ at 2007.12.02 20:48 | edit

コメント

はじめまして。

大変わかりやすい解説で簡単に、
カテゴリの記事一覧を表示させることが出来ました＾＾




Posted by 705んｋ at 2008.07.02 23:26 | edit

コメント

今更かもしれませんが、すごくやくにたちました！！
カテゴリーがいっきにつかいやすくなりました。ありがとうございます。

Posted by kuromiya at 2008.09.07 22:43 | edit

コメントする

お楽しみ:
サイト管理者にのみ通知する

チェックするとコメントプレビューがオンになります。

ご利用のブラウザ、設定ではご利用になれません。