HOME > Blog カスタマイズ > 同じ日付の記事の独立

同じ日付の記事の独立

2006年03月07日 AQ
毎日の記事を投稿する時、何か知らないけど筆が進む? ( 指が進む? ) 時や、どうしてもこの記事は今日にあげなきゃって時に、2つ 3つと記事が重なる事があります。その時に気になるのが、日付の表示のされかたです。

通常は、記事を何個上げても日付は一番上にひとつ。あとの記事はその下にぶら下がり、日付が入っていないためか、実際には何個も記事があるのに、パッと見た感じはすべてがひとつのような錯覚をおこします。

このカスタマイズはそれを解消し、同一の日付の記事であっても独立したひとつの記事として、分離させる方法です。
まずは 『 ここ 』 をクリックして下さい。

ポップアップされた画像は、AQ がカスタマイズ用に別に借りている、ライブドア ブログのテンプレートです。今回のカスタマイズが解りやすいデザインを選んでいます。今からこれをカスタマイズしていきます。

カスタマイズする HTML は、トップページ。 ( あなたが必要と考えるならば、カテゴリー別・月別も = カスタマイズする部分は同じです )

カスタマイズ / 管理 > デザインの設定 > カスタマイズ > より、それぞれの HTML をコピーします。( どんなカスタマイズでも、管理画面から直接書き込んだり、削除したりするのは危険です。必ずメモ帳などでコピーしてから作業して下さい。 )

■ 記事投稿部分のデザインが、画像や枠を ” 使用していない時 ”


<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>

上記 赤文字 の部分を削除して下さい。・・・ これで終わりです

この <IfDateChanged> 〜 </IfDateChanged> は 、< もし日付が変わっていたら ・・・ > という意味を持ちます。『 日付が変わっていてもあんたには関係ないやろ〜 (-_-メ) 』 という気持ちを込めて削除して下さい。

そうすると 『 こんな感じ 』 になります。( ※ サンプルは画像を使用して構成しているデザインです。)

記事投稿部分のカラムデザインが、画像や枠を ” 使用していない時 ” の場合は、これで目的が達成されます。しかし画像や枠を使用して構成されているデザインの場合は、日付がそれぞれの記事に付いたのは良いですが、まだひとつの枠組みの中に、複数の記事が入ったままです。今度はこれを独立させます。

■ 記事投稿部分のデザインが、” 画像や枠で構成されている時 ”


上記の <IfDateChanged> </IfDateChanged> の削除に続き、

<IfDateFooter><div class="dateend"></div></IfDateFooter>

上記 赤文字 の部分を削除して下さい。
そうすると 『 こんな風に 』 なります。

<IfDateFooter> 〜 </IfDateFooter> は、< もし日付が変わっていたら、記事の底の部分を ・・・ > という意味を持ちます。

説明は長いですが ( 笑 )、今回のカスタマイズは非常に簡単ですね。あとは、それぞれの HTML を管理画面の中に戻して保存。再構築して終了です。お疲れさま (^^)

■ 参考ブログサイト

この記事へのコメント
1. Posted by 月光仮面   2006年03月07日 11:22
AQ様ご無沙汰です。
2日遅れになりましたが、よんじゅう○歳の
お誕生日おめでとうございます。(^^)V
厄を抜けた今年は、悪いことが影を潜めて
だんだんと良いこと増えているのではないでしょうか?
来週あたりに一度遊びに行きます。
[晴れ]
さて私もここ数日、ついに約一年ぶりに自分のブログの
カスタマイズを取り組みました。いよいよ6月にドイツ
で開催されるワールドカップ・モードに突入です。
昨年にライブドア・ブログのテンプレートが大幅に
変わり、その後に初めてブログをさわったので、ちょっと
苦労しましたが、一応今朝になんとか形になりました。
オレンジだらけでちょっと派手ですが...
しかし本当にカスタマイズは奥が深いです。
[フリフリ]
2. Posted by AQ   2006年03月07日 14:21
> 月光仮面さん (^^) こんにちわ!
別に年齢、隠さなくても良いですよ [アハ]
本当に良い事あるんでしょうか?
楽しみにしております (^^)

新しいテンプレート見ました。
全然、派手じゃないですよ。
ホワイトの使用率が 50% ぐらいあるので、
色のバランスは OK じゃないでしょうか?

あとは細かい配慮と SEO ですね。
いつでもご連絡を [アイタ]
3. Posted by くらなむ   2006年03月10日 22:48
過去記事に失礼しますね。
今のデザインだと、日付もなにも関係なく
だらだら〜っと 記事が連なっているので
日付ごとに区切りたいのですが…。

>記事投稿部分のデザインが、” 画像や枠で構成されている時 ”
の タグをどこかに挿入すれば、区切れるでしょうか[?]
4. Posted by AQ   2006年03月10日 22:59
> くらなむ さん (^^)
過去記事にコメント全然良いですよ。
というより、ここのブログって、" 過去記事に
コメント " のほうが多いんですよね [汗汗]

質問の件ですが、ちょっと質問の意味がわかりません [汗タラー]
上の記事に書いてあるタグが、元々ライブドアのテンプレートに
あるはずです。
このカスタマイズは、タグを追加するのではなく、元々あるタグを
削除するだけのカスタマイズです。
ベースはコンクリートでしたね。ちょっと、確かめてみますね。(^^)
5. Posted by AQ   2006年03月10日 23:28
> くらなむさん (^^) 意味わかりました!
ちょっと下のブログを見に行ってください。

http://reserve.livedoor.biz/

これ AQ のカスタマイズ用のブログです。
こうしたいんじゃないですか [?]

コンクリートのテンプレートの場合は、スタイルシートも
さわらないといけないようでした。
6. Posted by AQ   2006年03月10日 23:40
>コンクリート テンプレート 専用カスタマイズ ( CSS )
CSS の中の #blog という所に、background:#fff; があります。これを削除します。次に、.fullbody,#articlebody というところに、background:#fff; を追加します。さらに同じ所に、border-right:1px solid #666; を追加。

これで完全に分離され、少し陰ができて浮いたような感じに見えますよ〜!頑張れ〜 [アハ]
7. Posted by くらなむ   2006年03月11日 01:49
分りづらかったですね、すみませんでした[汗タラー]

早速やってみました〜[ラブラブ]
どうも ありがとうございました。
簡単に 出来ちゃいました[ハート]

旦那さんには『こんなふうにしてよ〜』っと
だいぶ前から言われていたことだったので
出来上がりを見て、夫婦共々 大満足です。

あ〜、ちょっとのことだけど 達成感いっぱいです[アハ]
8. Posted by AQ   2006年03月11日 01:56
> くらなむ さん (^^)
ご夫婦共に喜んでいただいて嬉しいです。[ラブラブ]

同じ日付の記事は、分離させずに仕上げたんですね。
カスタマイズは人それぞれです。
バンバン応用して楽しんでください。[ニコ]
9. Posted by くらなむ   2006年03月11日 02:05
ごめんなさ〜い。
あの後見たら、コメント欄に
空白が出来たり、コメントの一部が消えてしまったりしてたので
今日は 一旦元に戻しました[ガビン]

うぅ〜、難しい〜。さっき 簡単[ハート]なんて
喜んでたのに…はずかし[汗タラー]

今日はもう寝て、また後日改めて取り掛かってみます〜[落ち込む]
10. Posted by AQ   2006年03月11日 02:11
> くらなむ さん ^^;
ありゃりゃ [汗タラー] どっか変なところ消しちゃったんですかね [?]
それか、. (ドット) なんかの小さい文字の消し忘れとか [無言]
僕もくらなむさんに教えた方法でコメント欄とかは検証
していなかったしもう一度確認しておきますね。[汗汗]
11. Posted by くらなむ   2006年03月12日 00:25
こんばんわ〜。
今やってみたら、出来ました〜[ラブラブ]

どうやら スペース1つ 入れ忘れてたようです[汗汗]
お騒がせしました[汗汗]
どうもありがとうございました。
12. Posted by AQ   2006年03月12日 00:33
> くらなむ さん (^^)
でしょうね。あれから AQ のカスタマイズ用のブログで検証
したら、異常なく動作したんで、何かタグの消し忘れかなんか
かなぁ〜って想像してました。[汗汗]

AQ も良くやるんですよね ^^;
div タグの打ち忘れとか、閉じ忘れとか ・・・。
何にせよ、おめでとうございます。[アハ]
13. Posted by Yuji   2006年05月12日 22:23
最近ナレッジでこの投稿に関する質問をしたYujiです。
やっぱり読んでもよくわかりませんでした。。
AQさんの内容から言葉を借りれば日付が同じ記事同士で独立させたくない、ということになると思います。
説明お願いいたしますm(_ _)m
あ、足跡残しておきますね。
14. Posted by AQ   2006年05月12日 22:58
> Yuji さん

どうも (^^)
今やっと、ナレッジへの質問も含めて理解できました。[汗汗]
そういうことだったんですか。ww

ん〜 それを説明するには、実際に検証してみないとわからないですね。頭で考えている事が実際に正しいか、試してみてからご返答します。

可能か不可能か、またご連絡しますね。少し時間を下さい。
リンクありがとうございました。私の方も、サイドカラムのフレンズリンクにリンク貼っておきます。[ニコ]
15. Posted by Yuji   2006年05月12日 23:56
AQさん了解しました。
それでは何かわかったら、トラックバックか、うちのブログにもCHOBIをプラグインのフリーエリアで設置してみたので、そこに書き込むかしてお知らせいただけませんか?
わざわざ確かめてくださっているのにこんな注文してすみません。。[んー]
でも、やっていただいた結果をいつまでもスルーしているよりは、そっちのほうがお互い尊重しあえていいかなって思ったんで、お知らせいただければ助かります。
16. Posted by AQ   2006年05月13日 00:40
> Yuji さん

了解しました。
最終的には、ナレッジの回答欄に書く事になると思います。
ナレッジで受けた質問ですので、それが筋かと ・・・。
それまではあのナレッジの質問は、解決済みにはせずに
置いといて下さい。

でも結果やってみて、できるかどうかはわかりませんよ。
ご了承下さいね〜 A^^;
17. Posted by Yuji   2006年05月14日 01:22
了解しましたぁ。

結果としてできなくても別にかまいませんよ。
試していただいたのにそれじゃ失礼ですし[汗汗]
18. Posted by AQ   2006年05月14日 16:37
> Yuji さん (^^)

とりあえず、頑張りまっす [めがね]
( 本業の忙しさの関係ですぐにはできないけど・・・ [汗汗] )
19. Posted by AQ   2006年05月16日 01:05
> Yuji さん

もう一度確認させていただきます。
同じ日付に掲載した記事には区切りのボーダー ( 横線 )
をいれずに、日付が変わった時点で区切りの線を入れたい。
質問はこれで良いですね [?]

それならやってみたら簡単な話でした。
さわる部分は CSS のみでできます。

まず、CSS の中の .fullbody,#articlebody{ } にある
border-bottom:1px solid #666; を削除します。
( 実際は切り取りです。これをまた違う所に貼り付けます )

次にこの border-bottom:1px solid #666; を、
.dateend{ } の中に記述します。

これだけで OK です。CSS を保存。再構築をして下さい。
この仕上がりがあなたのイメージと違うのであれば
仰ってくださいね。
20. Posted by Yuji   2006年05月16日 04:37
できました〜!おかげで助かりましたっ!
ではナレッジでベスト回答として返事させていただきます!
ペット専門なのにお手数かけさせてしまってすみません[汗タラー]&ありがとうございましたっ!!
21. Posted by AQ   2006年05月16日 05:40
> Yuji さん

いえいえ。
他にも色々と質問が多数来ていたので
ご返答が遅くなりました。

やってみたら数分で、できてしまいました。
頭の中で考えていた事を実行したら、バッチシ
一致したので良かったです。(^^)
22. Posted by ちのりん   2007年01月18日 10:48
せっかく頑張って、このページをコピーして
挑戦したけど、散々な目に [あーあ]
「 日付 」 事に記事を括りたくて、頑張ったんですが、
なんと、記事の幅が大きくなってしまって、
サイドとかぶったので、元に戻しました・・・ [あーあ]
やっぱり、私には早いのかな〜 [ウェーン]
23. Posted by AQ   2007年01月18日 12:30
> ちのりんさん
>>22
サイト URL はもうちゃんと貼れるようになったね (^^)

さて ・・・ このカスタマイズをおこなって、今まで大丈夫だった
記事の投稿部分の幅が大きくなったの [?]

それはおかしいね。どこか間違って削除したか、
削除し忘れたかのどっちかだと思うよ。

落ち着いて、ゆっくりもう一度やってみるだっち [ハナ歌♪]
24. Posted by ちのりん   2007年01月18日 23:53
うんうん。。。
落ち着いて時間がある時に挑戦です!
その他、質問があるので、ミクシィでメッセージを
送ります [ハート]
25. Posted by AQ   2007年01月19日 04:45
> ちのりんさん
>>24
MIXI の方には、レス返しておいたからね (^^)
頑張りましょう〜 ヽ(^。^)ノ

PS. 昨日、友達から MIXI ならぬ 『 SEXY 』 の
招待状をもらいました ・・・ (^_^;)

いや [汗汗] 別に意味無いんだけどね ww
26. Posted by ちのりん   2007年01月23日 18:17
わ〜ん[どぼじで〜]
今30分以上格闘して、何も変わらず・・・。
なので、怖いから元に戻しました[どぼじで〜]
カスタマイズ→トップページ、の欄でトライしたけど[あーあ]

まず、<div class="datebody">がなくって、最初無いままで再構築したら、変わらず。
次にそれを入れて再構築しても変わらず。。。
(赤い削除の部分は、きちんと消したあとに行っています)
なぜじゃ〜[どぼじで〜]

また、時間のある時に再トライです。。。
何だか、凹みっぱなしです・・・・[ウェーン]
27. Posted by AQ   2007年01月25日 04:10
> ちのりん さん
>>26
まだ、出来ていないの [汗汗]
もうちょっとだけ、何とか一人で頑張ってみて下さい。

どうすれば、ちのりんさんのブログでそれが出来るのか、検証しておきますから 。。。 意外と簡単なミスかも知れないね [にゃ〜ん]
28. Posted by とらねこ   2007年02月19日 05:03
おはようございます、AQさん [音符]
ご無沙汰しております。

私もこれ、やりましたよ☆
読ませていただきました。ありがとうございました [またね〜]

久しぶりに昨日はカスタマイズをしました。
古いところの自分のナレッジのページを見たりなどしたら、AQさんが答えてくれていて [ラブラブ] 嬉しくなったりしました。
29. Posted by AQ   2007年02月19日 09:39
> とらねこさん
>>28
オヒサ☆^v(*´Д`)人(´Д`*)v^☆オヒサです [ハート]

テンプレート入れ替えたんだね。
今回のテンプレートのほうが落ち着いていて、良いんじゃないですか。なんせ、大人の女性ですから ww

別ブログのほうも見に行ってますよ。
ちょっと最近悩みぎみ?

何かあれば、いつでも遊びに来てくださいね ヽ(^。^)ノ
30. Posted by コピーブランド   2011年09月07日 11:15
場合は、eBay に対していくつかの 1 つだけです。当社では、上の偽造バッグ エルメスの最近の戦いが失われました。EBay は偽物項目をサイトから彼らのですが、ブランドの eBay の売り手をポリシングに十分な仕事をしないと考えている場合削除ことを保持します。
グッチバッグ: http://www.brandkopi.net/gucci/
グッチベルト: http://www.brandkopi.net/gucci/belt/
エルメスバッグ: http://www.brandkopi.net/hermes/
エルメスベルト: http://www.brandkopi.net/hermes/belt/
31. Posted by スーパーコピー   2011年09月07日 11:16
すべての詩人とワイン愛好家を呼び出します。151St ? グンドラフ Bundschu ? ワイナリー周年を祝うために (1858) 年 3 月 12 日は、不動産への証書をジェイコブ ? グンドラフに署名日付)、ワイナリー、仮想詩スラム 2009 年 3 月 12 日に保持しています。各エントリを 151 言葉する必要があります以下のワインをテーマにふれるかぎり、詩、エッセイ、歌の歌詞は、何を同様にすることができます。
スーパーコピー:http://www.jjkopi.com/
ブランドバッグ:http://www.jjkopi.com/bags/
ブランド財布:http://www.jjkopi.com/wallets/
高級腕時計:http://www.jjkopi.com/watch/
32. Posted by スーパーコピー   2011年09月07日 11:17
それも、かなり頑丈な日陰白目製の灰色のです。お気に入りのセーター ドレスまたは多分いいジーンズとかわいいトップを行くには、完璧な nice-but-just-a-little-casual クラッチ。ロール クラッチ マークジェイコブス機能、昔のロールス ? ロイス、foldover フロント銀をちりばめたホイール、プレススタッドクロー、背面両方と、内部の区画を zip 形式と完全に滑らかな茶色の革で並んで、インテリアに。予期しないファッション声明を発表するには、次の集まりの小さなビットをもたらします。$ 1, 095
ブライトリングナビタイマー: http://www.marui-brand.com/breitling/navitimer/
バーバリー財布コピー: http://www.marui-brand.com/burberry/wallet/
ブライトリング時計: http://www.marui-brand.com/breitling/
ティファニーネックレス: http://www.marui-brand.com/tiffany/necklace/
33. Posted by ブランド腕時計   2011年09月07日 11:19
IRC の労働者の 4、8 月 13 日に死亡した待ち伏せアフガニスタン;まだ組織戦争レバノンと地震後のパキスタンの救助努力で、世界各地の平和のために努力し続けます。すべての上に、アルバート アインシュタインの要請で 1933 年に設立された組織方向避難の難民と難民の権利で複数の環境のために戦うとしています。
エルメス時計: http://www.sotokeiya.com/hermes/
ジャガールクルト時計: http://www.sotokeiya.com/jaeger-lecoultre/
ランゲ&ゾーネ時計: http://www.sotokeiya.com/alange-soehne/
モンブラン時計: http://www.sotokeiya.com/montblanc/
34. Posted by モンクレール   2011年10月24日 18:19
ime に暗い夜、BCBG マックス アズリア状況の種類は絶対に選択を提供しました。バーバリーは 1 つのほとんどが英国の有名なブランドは、1856 年に組織を表すことができますは、英国の帝国家族帝国ものだった。バーバリー開発、摩耗は換気を立って、綿素材のクレープに反対の防水の 1 つの種: ギャバジンこうしてみんなの承認を獲得します。
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Comments
Tag Click