iPhone/ カメラ/ 自転車/ ブログ/ 食べ物 についてプログラマーやらしてもらっているtakoashiがぐちぐち言う日記系ブログです。
電化製品は機能重視。takoashiはtoshiba:RDを応援してます。
プログラマ系ブログ「takoashiの開発記録」も、よろしくお願いします。

ミニカスタマイズ 第9段twitterでつぶやく

課題:
月別アーカイブにタイトルリストをつける

いままで、「過去投稿一覧」というものを自作していた。
月別アーカイブからスクリプトでリストを生成していた。
しかし、Sleipnirのスクリプト機能を利用していたので
汎用性もなく面白くなかった。

で、またまた、HTMLテンプレートの出番。
最近こればっかりですが・・・・

トップページ/個別記事は、かなり遊んだので、
アーカイブでいまは遊んでます。


方法:
HTMLテンプレートを利用します。


<MonthlyArticlesLoop>
<$ArticleDate$> <$ArticleTime$> |
<a class="aposted" href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a>
[
<$ArticleAuthor$>
<IfArticleCategory><$ArticleCategory ESCAPE$></IfArticleCategory>,
<IfArticleAllowComment><$ArticleCommentCount$></IfArticleAllowComment>,
<IfArticleAllowPing><$ArticlePingCount$></IfArticleAllowPing>
]<br/>
</MonthlyArticlesLoop>

このソースを使うと以下のようなリストが表示されます。

日付 時間 | タイトル [ 投稿者名 カテゴリ, コメント数, トラックバック数 ]


2004年08月01日 22:29 | ミニカスタマイズ 第8段 [ takoashi ぶろぐ関連 , 0 , 0 ]
2004年08月01日 16:18 | 再構築のメニューを・・・ [ takoashi ぶろぐ関連 , 0 , 0 ]
2004年08月01日 16:00 | ミニカスタマイズ 第7段 [ takoashi ぶろぐ関連 , 1 , 0 ]
2004年08月01日 00:34 | ザッピングドラマ [ takoashi テレビ , 0 , 0 ]

のように表示されます。

サンプルへ

探しているタイトルをすぐに発見できるかも。


アーカイブには記事の内容はいらない。
タイトルのみでいい。
という人もこのコードが使えますね。


追記 - 2004/08/03 13:16:44
カテゴリ別アーカイブで同じことをしたい場合は、
はじめと、おわりのタグを

CategorizedArticlesLoop

に変更すればよいだけ。

試してません・・・が
うまくいくと思います。


追記 - 2004/08/03 15:21:41
タイトルのみでもできますよ。
なん〜て、適当なことも書いてますが、
ただ単純にこのコードを利用すると、

トップページのカレンダーからの移動がつねに
月別アーカイブのトップになってしまいます。

http://blog.livedoor.jp/takoashi/archives/2004-08.html#20040801

こんなリンクから飛んでくるかたも考慮しなければなりません。

そこで、

<IfDateChanged><a name="<$ArticleDateTag$>"></a></IfDateChanged>

という行を、

<MonthlyArticlesLoop>

の下あたりに挿入するとよいと思います。


#おい、俺、仕事してるのかヽ(`Д´)ノ
#してませんヾ(-_-;)ぉぃぉぃ


追記 - 2004/08/03 17:57:34
表示方法を変えたバージョンです。
日付ごとにまとめて見栄えをよくしてみました。
カテゴリ別アーカイブよりは、月別アーカイブにおすすめの表示方法です。

<MonthlyArticlesLoop>
<IfDateChanged><$ArticleDate$><br/></IfDateChanged>
&nbsp;&nbsp;<$ArticleTime$> -
<a class="aposted" href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a>
<IfArticleCategory>[<$ArticleCategory ESCAPE$>]</IfArticleCategory><br/>
</MonthlyArticlesLoop>

※リストのする場合は、
<a name="<$ArticleDateTag$>"></a>を<$ArticleDate$>の前に挿入してください。

こんな感じに表示されると思います。

2004年08月03日
  17:49 - ミニカスタマイズ 10 [ぶろぐ関連]
  12:36 - ミニカスタマイズ メニュー [ぶろぐ関連]
2004年08月02日
  18:48 - 九大が監視下に! [ニュース]
  18:36 - マックス松浦が [ニュース]

サンプルへ

参考になりました?応援だと思って お願いします。

トラックバックURL
この記事へのトラックバック
1. 月別アーカイブにタイトルリストを。 - 365色 [2004年08月03日 15:14]
2. 再びカスタマイズ(Livedoor 限定) - Diario [2004年08月06日 19:58]
3. リニューアル! - 食と日記とウェブログと [2004年09月04日 01:14]
4. 本日の変更点9/18・・・過去の記事を見やすく - なんとか続ける [2004年09月18日 15:54]
5. カスタマイズ - サルなしジャム [2004年10月16日 16:38]
6. タイトル一覧でブログを読み易くしよう - NonStopBlog [2004年11月03日 10:30]
7. カスタマイズ - パン屋と木こり [2005年01月29日 01:31]
8. 記事リストを設定しました - PIECE OF MIND [2005年03月03日 18:54]
9. カスタマイズの記録 - 午睡転寝日記 [2005年03月10日 23:32]
10. アーカイブ(過去記事)にタイトルリストをつける - スポーツトレーナー始末記 〜養生指南・最上晴朗〜 [2005年03月21日 23:16]
11. アーカイブを一覧表示 - GoToHell [2005年04月02日 13:40]
12. Blogカスタマイズの備忘記録2 - たりぃの好きなもの [2005年04月11日 23:07]
13. ブログいじり - M's BLOG [2005年05月02日 10:47]
14. 記事リストをつけた - 小遣い2万円亭主の慎ましくも物欲な日々 [2005年05月03日 18:44]
15. 月別のタイトル表示 - ヒロウェイ [2005年05月18日 02:18]
16. 月別アーカイブを - 極楽スキーヤーのBlog [2005年06月05日 08:19]
17. livedoor Blog のカスタマイズ No.2 - ::: ゴールドコーストで独り言 ::: [2005年07月12日 07:59]
18. 記事リストをつけました。 - Andy Mottock's diary [2005年07月12日 12:31]
19. カテゴリ別と月別に記事リストを表示 - Have an easy time [2005年07月23日 20:36]
20. カテ別と月別に記事一覧 - マイアサウラの卵 [2005年09月11日 00:29]
21. ちょこちょこブログカスタマイズ。 - イヌケロテレフォン リンリンリン♪ [2005年09月30日 16:52]
22. フォルテのブログカスタマイズVol.24〜月別ページにタイトルリストを表示 - ふぉるてブログ〜小田急線梅ヶ丘駅の不動産会社フォルテの徒然〜 [2006年03月12日 17:13]
この記事へのコメント
1. Posted by takalog [2004年08月02日 00:05]
いつも楽しく見ています。これよさそうですね〜。 スクリプト書けるのはうらやましいです。 私もぼちぼち勉強しなければ! 今度つかってみますね!
2. Posted by takoashi [2004年08月02日 00:53]
テンプレートはとても簡単です。
説明が少ないのがちょっとダメですが。

雰囲気がわかればなんとか変更できるようになりますよ。
3. Posted by nico [2004年08月03日 11:26]
再度nicoです。こんにちは。
これ、かっこいいですねー。使いたいのですが、
このscriptを挿入すると記事とかぶっちゃうんですよねぇ…
がっかりです

私のBlogのように左だけが記事になっている場合にはうまく使えないんですかね…
4. Posted by takoashi [2004年08月03日 11:29]
このテンプレートを挿入する位置に注意してくださいね。
どの<div>タグの中に入れるかが重要です。

<div class="blog">
のつぎぐらいに挿入すればいいかなと。。
5. Posted by nico [2004年08月03日 12:44]
できました!
でもtakoashiさんみたくかっこよくできませんでした(がっかり
カテゴリー別にするときに使えたらいいかもしれないです(私てきに)


ありがとうございました!
6. Posted by takoashi [2004年08月03日 12:51]
できましたかヾ(≧∇≦)〃
それはうれしいです。

ん?どこに表示されるんだ???

> カテゴリー別にするときに使えたらいいかもしれないです(私てきに)
というのは、、、
月別じゃなくて、カテゴリ別でやりたいということですか??
7. Posted by nico [2004年08月03日 12:57]
はいぃぃ カテゴリー別にしたときに
タイトルがツラツラと出てきたらいいかも、って思いましたぁ
8. Posted by takoashi [2004年08月03日 13:20]
追記しました。
たぶんこれでいけると思います。
9. Posted by nico [2004年08月03日 14:01]
でけました!
すばらすぃです!

大助かりです♪

ありがとうございます゚+。:.゚(*´∇`*).:。+゚
10. Posted by 365 [2004年08月03日 15:19]
はじめまして!

まさにずっと、アーカイブには記事の内容はいらない、タイトルのみでいいと思っていたところにこの記事を見つけ、早速使わせていただきました!

いいですね〜これ!感激です。どうもありがとうございました!
11. Posted by 365 [2004年08月03日 16:57]
アドバイスの通り改良しようとしたところ、だんだんわけがわからなくなってしまい、(?_?)こんな状態になっていた所・・

なんと、追記が!

スクリプトのこととか詳しいことはよくわからないのですが、とにかく早速、挿入してみました。
うまく挿入できているかどうかはちょっと不安ですが、今の所見た限りでは、何とかなっているかな・・といった感じです。

お仕事中にもかかわらず、本当にどうもありがとうございました!
12. Posted by takoashi [2004年08月03日 17:30]
うまくできてますね。
テストもせずになんとなく書いただけなので・・・

#365さんに人柱にm(_ _)m
13. Posted by kuma [2004年09月07日 14:37]
はじめましてー
アーカイブでエントリーがずらずら並ぶのがうざくて
タイトルだけにするのってずーっとやりたかったことなのでやってみたいのですが、
ごめんなさい、ど素人なのでよく分かりませんっ
どこへあのHTMLを挿入すればよいのでしょうか?
教えて下さいっ泣
14. Posted by takoashi [2004年09月07日 17:51]
いま外なので夜でよければ説明しますよ。
15. Posted by kuma [2004年09月07日 19:48]
よろしくお願いしますっ
待ってます♪
16. Posted by takoashi [2004年09月07日 23:50]
カテゴリーがどちらかわかりませんが、
月別アーカイブなら、、、

<MonthlyArticlesLoop>から</MonthlyArticlesLoop>

までの内容を上のコードと置き変えればいいです。
HTMLテンプレートですよ。
まあ、むずかしくないので、まずは実行。
失敗するのが心配なら、いまの状態をバックアップしておいてください。
17. Posted by kuma [2004年09月08日 00:11]
やってみまーす♪
素早い対応、ありがとうございます。
18. Posted by takoashi [2004年09月08日 23:04]
kumeさ〜ん、できました??
URLがわかればアドバイスもできますけど・・・

メールアドレスより、URLを残したほうがいいですよ。
メールアドレスはスパムが届くかもしれませんし。
19. Posted by プチビジ [2004年09月15日 13:51]
おなじこと考える人がいるもんですね。
もっと先どりできるようにがんばります。
20. Posted by takoashi [2004年09月18日 02:10]
ですね。みんなおんなじようなこと考えますね。
ライブドアさんが全部用意すればいいんだよ。全部ね。

がんばれ。。
21. Posted by nakamimi [2004年09月18日 16:34]
わざわざコメントまでしにきていただいて、
ありがとうございます。
本当に「親切な人」ですね(^_-)☆
いっぱい、マネさせていただきます。
22. Posted by tp☆ryu [2004年10月02日 18:02]
はじめまして(^_^)v
YBC-timeのtp☆ryuです。
一覧表示機能参考にさせていただきました!!
それと、リンクさせてください(^Θ^)/^
23. Posted by tp☆ryu [2004年10月04日 07:15]
こんにちは!!
ちょっとだけ質問いいですか?
月別をタイトルの一覧表示に変更したんですが、
次の月別一覧を表示させるにはいったんトップにいってからまた次の月別を表示させないといけないんでが個別記事のように『次の月に』とか『前の月に』という一発でいけるリンク作りたいんですが方法はありますか?
24. Posted by takoashi [2004年10月04日 10:17]
tp☆ryu さんへ

>『次の月に』とか『前の月に』という一発でいけるリンク作りたいんですが

あとで、作ります。
しばらくしてから見に来てください
25. Posted by tp☆ryu [2004年10月04日 12:43]
ありがとうございます_(._.)_
楽しみにしてます( v^-^)Thanks♪
26. Posted by takoashi [2004年10月04日 16:33]
ミニカスタマイズ 15
http://blog.livedoor.jp/takoashi/archives/7597167.html

に書いてみました。
27. Posted by てるみ [2004年12月07日 13:57]
こんにちは^^
コメントのツリー化、TBのツリー化では本当に有難うございました。
調子に乗ってサクサクとカスタマイズさせてもらってます^^
月別、カテゴリー別と行ってみたのですが、
月別⇒12月と9月、6月が上手くいかないのです。
カテゴリ別⇒タイトル【ア】と【お知らせ】だけ出来ません。
どちらとも、最初と最後にあたります。9月だけが中間?
これはもしかしてこのスクリプトのせいではなくて、何か他の問題でしょうか?
ごめんなさい、何か情報ありましたら教えて頂けると幸いです。
28. Posted by takoashi [2004年12月07日 14:33]
てるみ さんへ
なんでしょうね?再構築のバグかもしれません。
もう一度、月別、カテゴリーとそれぞれ再構築してみるといいかもしれません。
29. Posted by てるみ [2004年12月07日 17:55]
takoashiさん、いつもスムーズな対応、本当に感謝です(T_T)
あの後何回か再構築してみたら、今は普通に動いてます!(^^)!
すごく見やすくなりましたー。
有難うございましたm(__)m
30. Posted by クリロド [2005年01月07日 12:40]
はじめまして!最近ブログを始めたクリロドと申します。
昨日takoashiさんのページにたどり着き、いろいろカスタマイズ意欲が
沸いてきて早速月別アーカイブをやってみたのですが、1月はうまくいったのに12月がうまくいきませんY(>_<、)Y
再構成も何度もしてみたのですが、何がいけないのでしょうか・・・
(だいぶ日がたってからの質問でごめんなさいっ!)
31. Posted by takoashi [2005年01月07日 13:11]
はじめまして、クリロドさん。

http://blog.livedoor.jp/takoashi/archives/10735782.html
この記事を参考にしてください。
32. Posted by クリロド [2005年01月07日 13:31]
読みました〜!!
初めて知りました・・・。
今12月の日記を更新したら表示されるようになりました☆
本当にありがとうございました!!(^人^)感謝♪
これからもちょくちょくお邪魔しますのでよろしくお願いします♪
33. Posted by katuken [2005年01月24日 00:13]
初めまして、katukenと申します。

カテゴリページをリストだけにしたいと思い、
いろいろ探していたところ、このサイトを見つけました。
最初はうまくいかなかったのですが、何とかリストだけに
することができました。ありがとうございました。

これからもブログカスタマイズする際に参考に
させていただきたいと思います。

宜しくお願いします。
34. Posted by ラッパララ [2005年02月25日 20:39]
カテゴリー別の所で出したいんですが、出てくれません・・・・・・。今、上のソースを挿入したままなんですが、教えてくれませんか?
35. Posted by ラッパララ [2005年02月25日 20:46]
今きずいたんですが、カテゴリーによってはできてるみたいです。けど乱れてる( ̄-  ̄ ) ンーわからん・・・・
36. Posted by ラッパララ [2005年02月26日 01:33]
なんどもすいません。自己解決しそうな予感です。迷惑かけてすいません
37. Posted by takoashi [2005年02月26日 12:04]
再構築がすぐに反映されないページが存在するようです。
しばらくすると反映すると思います。
気長に待ってみてください。
38. Posted by ラッパララ [2005年02月26日 19:05]
みたいですね。ここのサイトの別記事を読んで気づきました。livedoorなめてますね。全然知らなかったヽ(`Д´)ノウワァァァン
39. Posted by ユー [2005年06月21日 22:23]
はじめまして こんばんわ。

カテゴリーをタイトルリスト表示にするのに
参考にさせて頂きました。

とってもわかりやすい説明で初心者の私にも、すぐ出来ました!!
takoashiさんのようなサイトがあると、とっても心強いです♪♪

ひとつ質問ですが、タイトルリストの行間を少し空けるにはどうしたら良いのでしょうか?
今のままでも問題はないのですが、もう少し間があった方が見やすいと思いまして。。。

すごい時間が経ってからの質問ですみません。
40. Posted by takoashi [2005年06月21日 22:42]
方法は簡単なんですが、やり方はいろいろあります。
それなりにうまい方法でやってください。

行間を空けるには、

line-height:などで行間を空けるのが一番簡単ですかね。
もしくはリストにしちゃうとか。
DIVタグなんかで項目を囲ってmarginもしくはpaddingなんかで空けることもできますよ。
41. Posted by ユー [2005年06月22日 01:15]
takoashiさん
素早いお返事ありがとうございます!
早速やってみますね♪

42. Posted by tyranny [2005年09月04日 15:07]
はじめまして。
丁寧な解説でとてもわかりやすかったです!
カテゴリーの記事一覧表示は作るのに参考にさせていただきました。

しかし…トップやカテゴリ別のページは大丈夫なのですが、個別記事ページだけ記事本文がバックグラウンドから飛び出してしまっているのです。
タイトルと本文だけが上へ。
日付、コメント欄、バックカラーなど諸々は下へ。
どこをいじればいいのかわかりません(泣)
サイトを見ていただけると助かります…。

※色々カスタマイズしている途中なのでこれが原因ではないかもしれないのですが…。
43. Posted by tyranny [2005年09月04日 15:19]
す、すいません…自己解決してしまいました…。
しかもh2とh3の入れ替えで起こっていたトラブルでした。お騒がせしましたm(_ _)m
44. Posted by マイア [2005年09月11日 00:33]
はじめまして。
参考にさせていただきました。
ありがとうございました。
この記事にコメントする
名前:
URL:
  情報を記憶: 評価: 顔