パンくずリストとは?
トップ>[カテゴリー名]>[エントリー名]
のような、ブログのナビゲーションです。
どこのページにいるのかがわかりやすくなり
ユーザーが迷いにくくなります。
【トップ>カテゴリ名 】の作り方
管理画面 > テンプレートの設定 > (使用中のテンプレの)[修正] > HTML編集画面にて
<!--not_index_area-->
<!--not_permanent_area-->
<A href = "./">トップ</a>> <%sub_title>
<!--/not_permanent_area-->
<!--/not_index_area-->
と記述する。
【トップ>カテゴリ名>記事タイトル】の作り方
管理画面 > テンプレートの設定 > (使用中のテンプレの)[修正] > HTML編集画面にて
<!--topentry-->~<!--/topentry-->の間に
<!--permanent_area-->
<a href = "./">トップ</a>> <a href="<%topentry_category_link>"><%topentry_category></a>> <%sub_title>
<!--/permanent_area-->
と記述
今回はカテゴリーのツリー化。
gigiさんのところで見て
「うわ!みやすい!」
と思ったのでまねっこしました。
新しいカテゴリーを増やしても
勝手にジャンル分けしてくれるので楽になりました。
⇒記事数が増えたら、カテゴリーの整理&細分化をしよう!(gigiさん)
⇒カテゴリーのツリー化の手順(NICOさん)
以前にもコメント・トラバのツリー化をしていたので
それの応用編という感じでしょうか。
なにはともあれさらにすっきり見やすくなって満足です。
追記を閉じる▲
トラックバック(1) |
gigi おひさしぶりです、gigiです。
お返事が遅くなってしまい申し訳ないです。
m(__)m
今回は記事にて紹介までして頂いてありがとうございました。
カテゴリーかなり見易くなりましたね!
キティさんの所はMyblogListにて毎日の様に記事を楽しみに読ませて頂いてますよ。
それでは今後とも宜しくです。
gigiさんへ
キティ こんにちは~。
私も巡回ブログに入れさせてもらいました。
gigiさんのサイトすごく充実してて、
ファンも増えてますね~。
追加してみました。
公式テンプレートの方はすでについているそうです。
共通テンプレートの方はついてないようなのですが自分で追加可能です。
カスタマイズ前に元のHTMLのバックアップを取っておいたほうがいいですよ。
HTML欄でCtrl+A(全選択)→Ctrl+C(コピー)→メモ帳などに貼り付け
FC2BLOG
⇒コメント欄での絵文字・デコレーション機能のカスタマイズについて
できました?
コメント欄にひよこなどのアイコンがあると成功です。
-----------------------------------------------------
2005.12.27
一部ブラウザでテンプレートが崩れるとご指摘がありましたので
当ブログでははずさせていただきました。
いつもながら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) |
アリ あっ、そうか!
<!--category_area-->を入れるとカテゴリ内だけでの表示になるんですね。
私のブログでもこれやってたんですけど、TOPページにも出ちゃうんですよねぇ。
勉強になりました!
seesaaブログだと記事全てを表示できるみたいだけど、FC2ではどうやればいいのか・・・
私もまだまだ勉強中です(^^)
アリさんへ
キティ@管理人 アリさんのブログでやっているのみて
私もずっとやりたかったけどFC2では無理なんだとあきらめていたんですが、「できるの?」と思って、研究しました。
でも、一覧表示できればしたいです。
菊リン はじめまして、菊リンです。
ブログのカスタマイズの方法を調べていたら辿り付きました。
それで、一つわからない事があるのですが、
この記事に書かれているようにしたのですが、
記事一覧が一番下に出来てしまいます。
これはなぜでしょうか??
URL載せておいたので、質問内容がわからなかったら
確認してみてください。お願いします。
菊リンさんへ
キティ@管理人 ごめんなさい!
タグが間違っていましたね。
もう一度やってみてもらえますか?
はじめまして
オールいまいちSTAR☆ サーフィン中に偶然通りかかり、わかりやすい画面構成と親切な内容に、すっかり読みふけってしまいました。
3週間ほど悩んでいた、『カテゴリー記事の一覧』のやり方を教えていただいて、本当に助かりました。
自分では、やり方が載っているサイトさんを見つけられなかったんです…。
手打ちで目次を作ったり、いろいろ工夫していたんですが、上手くいかなかったのに、こちらで悩みが一発解消!しました。
私のブログは、アフィリエイト中心ではないのですが、“趣味として”アフィリエイトもやりたいので、これからも、全読するまで、足しげく通わせていただきます。
初回からいきなりで恐縮なんですが、皆さんにもお知らせしたいステキなサイトさんなので、勝手ながら、リンクさせていただきました。もしも、ご都合が悪かったら、すぐにはずしますので、お手数ですがお知らせください。
サンプルのような一覧
北海道人美和 はじめまして。
とてもわかりやすい説明で、無事カテゴリ一覧ができました。
ただ、サンプルページのようにするにはどうしたらいいのでしょうか?
出来た自分のページを見ると、どうも一覧がわかりづらくて…。
ずうずうしいながら、同じような感じにしたいんですけど。
オールいまいちSTAR☆さんへ
キティ@管理人 悩みが解消できてよかったです♪
私自身、このカテゴリー一覧はずっとやりたかったもので
きっとそういう人多いんだろうなあと思って記事にしました。
お役に立てて光栄です☆
リンクも全然おっけーですよ。
どんどん広めちゃってください。
北海道人美和さんへ
キティ@管理人 きっとテンプレートがちがうからだと思うのですが。
お使いのテンプレートはタイトルが
<h3 id="entry-<%topentry_no>">~</h3>
のようですので、
<H2>このカテゴリーの最新記事7件</H2>
のところを
<h3 id="entry-<%topentry_no>">このカテゴリーの最新記事</h3>
にしてみてください。
これでもイメージと違うようでしたらまたお知らせください。
キティ@管理人さんへ
北海道人美和 ありがとうございます!だいぶ近づきました。
もう少しだけお願いします…。
リスト一覧の下にスペースがないので、次の記事タイトルとの間にスペースを開かせるにはどうしたら?
あとキティ@管理人さんのように、一覧のそれぞれの前に・をつけたり、コメント「このページの記事一覧です。新しいものから表示されています。タイトルを…」を等はどうしたらいいのでしょうか?
北海道人美和さんへ
キティ@管理人 >リスト一覧の下にスペース
スペースを開けるには<br>を開けたいところに挿入すると
改行されます。
>一覧のそれぞれの前に・をつけたり
最初の<ul>を以下のようにしてみてください。
<ul class="content">
リストの●がつくと思います。
コメントをつけるには、タイトルのタグ</h3>のあとに
コメントを挿入すると表示されると思います。
タイトルとコメントの間にスペースを入れたければ<br>を
挿入してみてください。
