Top Page > FC2ブログ > FC2ブログ【basic_white】(9-1)カテゴリ・アーカイブ・タグページに記…

FC2ブログ【basic_white】(9-1)カテゴリ・アーカイブ・タグページに記事一覧リストを表示(はじめに)

久しぶりにFC2ブログのテンプレート「basic_white」を編集しました。
今まで気分次第で記事を書いてきたし、タグとかカテゴリさえも適当に入れていたので、ちゃんとまとめようと思ったんです。
記事のタイトルも関連性があるものは同じように表記して、ついでに記事の内容を訂正したり追記したりもしました。カテゴリもタグも、今回はきちんと考えて入れました。



色々と処理をしている時にふと、「カテゴリをクリックしたら記事タイトルだけのリストが表示されればいいのに」と思ってしまったんですよ。
ブログをいじっているうちに、どうしてもカテゴリの記事一覧を表示させたくなったんです。





FC2ブログのカテゴリページ


FC2ブログでは「カテゴリ」をクリックすると、そのカテゴリに属する記事を表示します。
テンプレート「basic_white」の場合は、ブログのトップページと同じように各記事200文字ぐらいが入った記事リストが表示されます。
開いたカテゴリページの中で古い記事を読みたかったら、ページの下までスクロールして、そこから記事案内のボタン「<」「>」をクリックしなければいけません。


これ、ちょっと面倒くさくないですか?
私はめんどいです(笑)



だって、ページの下に行かなければ絶対に以前の記事は読めないわけだし。
表示させる記事数を多く設定しているなら、もう絶対にページの下までスクロールしないと古い記事にはたどり着かないわけですよ。
各カテゴリをクリックしても、どんな内容の記事があるのかがパッと見てわからないと、自分でも何の記事を書いたのかわからなくなってちょっと困る(´・ω・`)



カテゴリをクリックした時に、どうしても記事一覧表示(できればリスト表示)がほしい。
確かに記事一覧はアーカイブ(「archives.html」)で表示できますが、アーカイブは全部の記事のタイトルを表示するものであって、それをカテゴリ別とかタグ別とかにはできないんですよね。
だからそれを、私はやりたい!!w
ってことで、やっちゃいました!!(*´▽`*)



「カテゴリページ」と同じように、「月別アーカイブページ」と「タグページ」も記事一覧リストを表示させることができましたので、次の記事からやり方を説明したいと思います。
でもその前にとりあえず、関連記事を紹介しておきます。







記事一覧リストのイメージ図


記事一覧リストの説明をする前に、完成イメージを紹介しておこうと思います。
まずは「カテゴリページ」上部の表示です。
記事タイトルが一覧表示されているのがわかりますかね?



カテゴリページの記事一覧(リスト表示)
カテゴリページの記事一覧表示



「カテゴリページ」と同じような感じで「月別アーカイブページ」も「タグページ」も表示することができます。



月別アーカイブページの記事一覧(リスト表示)
月別アーカイブページの記事一覧表示



タグページの記事一覧(リスト表示)
タグページの記事一覧表示



けっこう頑張って記事一覧リストを作成しましたよ、私!
(誰も褒めてくれないから自分で主張しておきますw)




次の記事の紹介

作成方法を忘れてしまわないように、次の記事から「記事一覧リスト」の作成方法を説明したいと思います。
まずは、私が以前の記事で紹介していた「パンくずリスト」の処理をやります!


FC2ブログ【basic_white】(9-2)カテゴリ・アーカイブ・タグページに記事一覧リストを表示(パンくずリストを移動させる)
前回の記事の続きです。これから「カテゴリページ」や「アーカイブページ」、「タグページ」の上部に記事一覧リストを表示する方法を説明しようと思っていますが、その前に、1つだけやっておかなければならない作業が‥‥



posted by mameemon | Comment ( 0 ) | Category ( FC2ブログ )
この記事へのコメント
コメントを書く
お名前:
コメント:
認証コード: [必須入力]

※画像の中の文字を半角で入力してください。