ブログをとことん調べます。:個別記事にもサイドバーを

TOP＞＞ブログカスタマイズ＞＞個別記事にもサイドバーを

2004年09月14日

個別記事にもサイドバーを

悪魔（アクセスアップ）に魂を売ったブログのmahoroba_jpさんに指摘されて気づきました。 個別記事にサイドバーが無いという事に。 あんまり自分の記事をじっくりと見ることが無かったもんで。これっておかしいですよね。個別記事から戻るのもちっさなリンクで分かりにくいし、せっかく設定したカレンダーなどのプラグインなども見えないし。何よりもなんか画面が寂しいし。そこで、mahoroba_jpさんのお勧めどおり、個別記事にもサイドバーを付けてみることにしました。

umahoroba_jpさんのサイトを参考にさせていただきました。

昨日発見したばかりのデザインの設定から行います。
個別記事の設定に入ったら、後はHTMLの世界です。参考記事を見ながらHTMLをせっせと修正します。初心者にとってはかなり困難な作業です。

基本的にumahoroba_jpさんのサイトに書いてあるとおりにやればうまくいきます。修正記事も忘れずに。
私の場合はコメント欄の修正などは不要でした。

一つ、試行錯誤していて発見したことを追記しておきます。うまく行かない方は参考にしてください。

＜script language="JavaScript" src="http://blog.livedoor.jp/mahoroba_jp/plugin.js"＞＜/script＞の部分は、
単に、＜$PluginList$＞でもいいみたいですよ。
これはトップページのHTMLから拝借しました。

私は、＜div id="links"＞以下、二つ目の＜/div＞まで丸ごとコピーして貼り付けてみましたが、うまくいきました。

それと、私が悩んだのは＜div id="content"＞の挿入位置ですね。これのポイントは、先頭のほうにある＜div class="blog"＞の直前にしておくと間違いないです。こんな感じ。

　　　＜div id="content"＞
　　　＜div class="blog"＞
　　　＜$TrackBackAutoDiscovery$＞

最後に＜div id="links"＞の直前に＜/div＞を忘れずに！

mahoroba_jpさん、どうもありがとう。
これで私のブログはカスタマイズしてるぞって優越感に浸ることが出来ます。

追記（2005年8月28日）：
ライブドアブログのリニューアルで一部仕様が変更になりました。訂正記事もご覧ください。
個別記事にサイドバーを表示させていた場合

人気ブログランキング。目指せトップ１０入り！

Posted by hammer77 at 01:38 │Comments(33) │TrackBack(20) │Edit

この記事へのトラックバックURL

トラックバックありがとうございます。トラックバックスパム対策の為、このブログへのトラックバックは一時的に保留されます。出来だけ速やかに公開しますのでどうぞよろしくお願いします。

http://app.blog.livedoor.jp/hammer77/tb.cgi/6799234

この記事へのトラックバック

ライブドアブログは、各記事を個別表示する場合、カレンダーやカテゴリなどが収容されているサイドバーが表示されないのがデフォルトなんですが、こちらを参考にして、個別記事にもサイドバーを表示するようにカスタマイズしてみました。これで、カテゴリ別や、月別、個.

個別記事にサイドバーを付けてみました【２ちゃんねるロゴギャラリーANNEX】at 2004年09月17日 00:23

参考にさせていただきました。大変助かり、感謝感謝です！

【10/12　見た目、変更【いろいろなるっちょ！】at 2004年10月12日 20:40

ＴＯＰページからだけでなく、個別記事や、カテゴリ別アーカイブ、月別アーカイブ等からもlivedoorアバターが見えるようにしようと思い、「悪魔（アクセスアップ）に魂を売ったブログ」と「ブログをとことん調べます。」を参考に、テンプレを色々といぢくる。が、何故か個別

テンプレ編集【萌えアバター子（仮）たんのぶろぐ】at 2004年11月21日 03:26

今回、このブログを作成するにあたり、どうしても個別記事やカテゴリ別、月別などの画面にもサイドバーを表示させたかったのだ。だって、どう考えても不便なんだもん。トップページに戻らないと、サイドバーがないっていうのは。そう考えているのはさえちゃだけじゃない.

個別記事やカテゴリ別にサイドバーを表示させたい【◆カラオケサプリ◆】at 2004年12月26日 09:09

ここ数日間でブログをカスタマイズしてみました。各ページにサイドバーを付けたり、ページカウンターやアクセス解析を導入したり。ついでにブログペットも載せてみました。カスタマイズするにあたっては、初心者で、cssもhtmlもよく分からないので、以下のペ

ブログをカスタマイズしました【良食入門　～美味しく食べて健康美人に！～】at 2005年01月02日 14:28

ブログの引越しがしたくて、先日の日記に書いてからも自分に合うサービスを探したけれどいいものが見つからない。一番理想に近いのがgooだけど(テンプレート140枚以上・無料)、写真が１記事に１枚しか掲載できないのでは無理。我慢してlivedoorを使い続けるしかないかな。

カスタマイズ【decompensation】at 2005年01月06日 23:29

いやあ、皆さんがおっしゃっている通り、た、大変でした(T▽T) ふう～(^o^)=3 私もどなたかのお役に立てるように、私が成功したやり方を記しておきます(^-^)/☆ ＊ＰＨＯＴＯ＊長い道のりだった…(T-T) （鹿児島空港ロビー）

個別記事にもサイドバー付きました！(T-T)【あひるちゃんがゆく】at 2005年01月09日 17:17

『ブログをとことん調べます』さんの記事を読んでいて気づきました。私の個別記事にもサイドバーがありません。個別記事にサイドバーがつかないのがライブドアブログのデフォルトなのでしょうか。   『ブログをとことん調べます』さんの記事を参考にさせて .

個別記事にサイドバーをつけたい【ママはだっこしておこづかい稼ぎ】at 2005年01月14日 18:06

参考にさせて頂き、大変助かりました。ありがとうございます！

個別記事にサイドバー【おこづかいのタネ】at 2005年01月15日 22:59

【備忘録その４】個別記事にもサイドバーを表示ブログを立ち上げた当初から、「悪魔（アクセスアップ）に魂を売ったブログ」さんや「ブログをとことん調べます。」さんにはいろいろと参考にさせていただいています（ありがとうございます！）。いずれもブログ初心者の立.

個別記事にもサイドバーを表示【Trial and Error】at 2005年02月06日 21:28

このところブログ慣れしてきまして不満だったサイドバーにメニューが出せない現象について・・・（というかLivedoorではデフォルトですが）こちらの記事を参考に作業完成しました！ありがとうございました。感謝！ TBさせていただきます。何度か試行錯誤しま.

サイドバー改造成功。【二度目の窓際生活。】at 2005年02月20日 19:14

ウチのブログはRSSで見た場合や、個別記事を見た場合にはプラグイン（ブログのサイドバー）が表示されていません。今もそうです。これはライブドアの仕様だろうと思っていたらやっぱりそうでした。ところが、同じライブドアブログの同志でこの問題を解決した人物をﾊｹｰﾝ。

Livedoor Blogの個別記事のプラグインについてのメモ【人生トラックバック】at 2005年02月24日 00:53

どうも。うちに開かずのトビラがあります。開けたらもうね、鼻水やらクシャミやらで大変！って、私の部屋の窓なんですけどネー。憎いあんちくしょうのせいでちょっぴりお熱。花粉症のニィトです、こんにちは。それにしても、憎いあんちくしょうは今年はい

ブログいじり奮闘記【キモカワダーリンのすゝめ】at 2005年03月22日 07:32

チョッとブログもなれてきたので今度は個別記事、カテゴリー、月間の3カラムに挑戦！やり方は簡単だったけど、再構築した後に反映されなくって？？どうやらライブドア側の問題で、記事を更新しないと反映しないらしい。参考にしたのはこちらの方々のページ、詳しくのっ

個別記事の3カラム【3日坊主で何が悪い！アフィリエイトにも挑戦】at 2005年03月24日 18:38

個別記事にサイドバーを付ける方法参考になりました。初心者ですが紹介させていただきました。

ブログをカスタマイズする・・・個別記事にサイドバー【犬への異常な愛情】at 2005年03月29日 16:30

ブログの『個別記事にサイドバーをつける方法』について簡単に説明します。詳しくは、『ブログをとことん調べます』様と『悪魔に魂を売ったブログ』様のブログに記載されてますので、参考にさせて頂きました。個別記事にサイドバーを表示させるには、「個別記事の

個別記事にサイドバーをつける【実録！ネット収入日記！】at 2005年04月15日 09:17

livedoorのブログってdefaultでは個別記事にサイドバーが無いんですね。。。これじゃあちょっとかっこ悪いですね。ということで追加してみました。やり方はこのサイトを参考にしました。ブログをとことん調べます。さん、 StudioとPhotoshopとIllustratorを

個別記事にサイドバー【WEBデザイナーの卵】at 2005年04月18日 16:08

先日、livedoorブログを3カラム化（記事の両サイドにサイドバーをつける）しましたが、TOPページを表示した時はいいんですが、個別の記事や、月ごとのアーカイブ等を表示させた時に両サイドのサイドバーが表示されないことに気づきました。あんまり気にしてなかったんですが

個別記事にサイドバーを登録する【貧乏パパの子育て＆アフィリエイト日記】at 2005年05月14日 16:24

ライブドアブログの中でも古いデザインのものは個別記事などにサイドバーがつかないようで・・かと言って新しいデザインの中にも気に入るものがない・・「これはどうにかしたいな～」と思っていたところ・・

ブログカスタマイズ完了　～全ページにサイドバーを表示！～【オンラインカジノ攻略・儲ける達人の必勝法】at 2005年10月28日 05:12

うおっ。サイドバーが直った。個別記事のサイドバーが直った。（何でどうして今までずっと９月！）ありがとう里谷のツイスター・・・ではなく、hammer77氏（「ブログをとことん調べます。」）のこの記事。（確かに＜$PluginList$＞にしたらうまくいっ....

サイドバーが直った【スコシブログ】at 2006年02月12日 00:20

この記事へのコメント

わたしも逆に勉強になりました。
こうやって広がっていくといいですね。

Posted by mahoroba_jp at 2004年09月14日 04:38

記事を参考にさせていただきました。
どうもありがとうございました。

Posted by katsu_a at 2004年09月22日 14:50

参考にしていただけるというのは
大変うれしいことですね。

Posted by hammer at 2004年09月23日 02:31

記事を参考にさせていただき、個別記事にサイドバーを追加させる事ができました。ありがとうございました。
この記事には関係ありませんが、先ほどhammerさんの日記のコメントに記入させていただいた内容は失礼なことだったんでしょうね。（初心者の初心者で申し訳ございません）ご面倒でしょうがご削除下さるようお願いいたします。ありがとうございました。

Posted by todos2002 at 2004年09月23日 20:51

いやー、ホントに最近は参考になりましたというコメントを良くいただき、うれしい限りです。ニヤニヤしながら眺めています。
ほとんどは他の方の記事から最近勉強させていただいたことばかりで、少し恐縮ですが・・・
パクリにはならないようにそれなりに自分のアイデアも盛り込むようにはしてますが。

todos2002さん。別に失礼だとは思っていませんよ。少なくとも私は。私もブログは初心者なので一般的なことはあまり分かりませんが。
せっかくいただいたコメントは削除しません。このブログはリンクフリー、トラックバックフリーのスタンスですので、よほどのことでなければ削除したくないです。

もし、todosさんがどうしても削除しろとおっしゃるのなら削除しますが・・・
でも褒められているので削除したくないなー

Posted by hammer at 2004年09月23日 21:43

すみません、この件で質問なのですが、カテゴリと月別にも同じようにサイドバーを表示させるにはどうしたらいんでしょうか･･･？

個別情報で成功してやった！と思って同じようにタグを打ったけど、ダメでした～T_T

Posted by giriholi at 2004年12月19日 20:26

giriholiさん、はじめまして。
カテゴリも月別も基本的には同じ方法でいいんですけどね。おかしいですね。おそらく＜div id="content"＞の位置がおかしいか、＜/div＞が足りないとか多いとか、そういったことだと思いますよ。がんばってください。

Posted by hammer at 2004年12月20日 00:58

ありがとうございます！
実は今FC2へ乗り換え考えてます^^;
写真をUPし続けた時の容量が心配で。。
カスタマイズは難しいですね。がんばってみます！

Posted by giriholi at 2004年12月21日 02:30

お久しぶりです！
以前リンク色を変えるでお世話になりましたみさきです。
結局テンプレートを変えたのですが、私の根本的な再構築の仕方が間違っていたことに気づきました。
それで、今回またhammerさんの記事を読み、
何とか個別記事のサイドバーをつけることができ、
お礼をと思いコメントしました。
サイドバーの幅を変えるという記事のおかげですんなりとできました。

相変わらず、リンク色は変なんですが。（笑）
またおじゃまさせていいただきます。

本当にありがとうございました。

Posted by みさき at 2005年02月21日 20:04

みさきさん、お久しぶりです。
わざわざお礼のコメントありがとうございます。

リンク色は相変わらずダメですか？おかしいですね。

それと、右上のランキングへのリンクのところ。画像のリンクが切れていますよ。おそらく画像をサーバーにアップせずにリンクを張っちゃってます。みさきさんのところではおそらくきちんと表示されているでしょうけど。

早めに直した方がよさそう。

Posted by hammer at 2005年02月21日 23:22

ご指摘ありがとうございます。
ところでサーバーにアップってどこにアップするのでしょうか？
（すみません、ホントに初心者で）
ちょっと直してみましたがいかがでしょうか？
HTMLソースをみたら何だかサイドバーが変なんですけど、（がたがたになってるんですが）
ちゃんと見えていますか？
お忙しいところすみません･･･

Posted by みさき at 2005年02月22日 12:28

みさきさん、こんばんは。

説明すると長くなるので記事にしました。後で見てみてください＾＾ちょっと分かり難いかもしれませんが・・・

サイドバーですが、画像リンク以外はきちんと表示されているように思います。

Posted by hammer at 2005年02月22日 23:50

参考にさせていただきました。
一応、サイドバーを付けることはできたのですが、
どうしても落ちてしまいます。
なにか良い方法はありませんか？

Posted by joifa602 at 2005年03月21日 17:48

はじめまして。
いきなり質問ですみません。

個別記事にサイドバーをつけるのは成功したのですが、
カテゴリーではサイドバーがついてるものと
ついていないものが出来てしまいました。

なぜなのか原因が分かりません。
同じようなことで困った経験の方は
いらっしゃいますでしょうか？？

どうしたら解決できるのか
知ってる方がいらっしゃいましたら
アドバイスお願いいたします。

Posted by ニィト at 2005年03月21日 22:12

ニィトさん、はじめまして。
私もそのような事態に陥り、とても苦労しました。よろしければカテゴリインデックスページにある「カテゴリページが再構築されない」を読んでみてください。

要するになぜかカテゴリページが再構築されていないのです。管理画面からいくら再構築を実行しようがダメです。

対応策として、カテゴリに含まれている記事をどれか一つ、保存しなおします。そうするとその記事が含まれているカテゴリだけ再構築されますから、この作業をカテゴリの数だけ繰り返します。

ニィトさんの場合、サイドバーが表示されていないカテゴリに含まれる記事を保存しなおせばいいわけです。多分これで問題は解決すると思います。

ただ、今のところ根本的な解決には至っていません。知っている方がいらっしゃったら教えてください。

Posted by hammer at 2005年03月22日 00:26

はじめまして、joifa602さん。

確かに落ちてますね。いい方法というより、おそらくHTMLかCSSが間違っていますので、それを修正するしかありません。

みたところ、明らかにサイドバーの横位置がおかしいですね。じっくりとHTMLを眺めてみないと分かりませんが、もう一度個別記事のHTMLを見直してみてはどうでしょうか。＜/DIV＞タグが足りなかったりしていませんか？

Posted by hammer at 2005年03月22日 00:31

hammerさま。
的確で分かりやすいアドバイス
ありがとうございました。
しかしながら、根本的解決は難しいようですね。

少し気になったのですが。
TOPで今表示されているエントリーが含まれている
カテゴリーにだけサイドバーが表示されるようです。

なにか解決の糸口になれば幸いなのですが。

Posted by ニィト at 2005年03月22日 03:06

お返事ありがとうございます。

一度、デフォルトに戻して再度トライしたのですが、
やはりダメでした。おそらく選んだデザインがよくないのだと思います。

すみませんでした。

Posted by joifa602 at 2005年03月24日 19:13

いつも楽しく拝見させて頂いています。
凄く勉強になってありがたいです。

個別記事にサイドバーを導入したのですが、
フリーエリアでJavaScriptを使用していると全て
下に移動してしまうのですが対処法はありませんか？

Posted by リッチー at 2005年03月29日 22:46

はじめまして。リッチーさん。

ああ、起こりますね。その不具合。さっきライブドアブログPROの不具合に関する記事を書いたばかりですけど、これも不具合の一つだと思います。今思い出しました。

回避策はありますよ。ここの記事にも書いてありますが、サイドバーの表示にJavaScriptではなくて、＜$PluginList$＞を使うと大丈夫だと思います。でもこれだとサイドバーに置いたコメントとトラックバックがリアルタイムに更新されないんですよね。マメに再構築しないといけなくなります。

試してみてください。

Posted by hammer at 2005年03月30日 00:34

どうもありがとうございます＾＾

さっそくやってみます！！

Posted by リッチー at 2005年03月30日 13:53

参考にさせていただきました。
ありがとうございました。

Posted by Childhood at 2005年04月25日 01:50

できました～ありがとうございます！
CSSだけじゃなくHTMLもいじれたとは！
これで自由度広がりました。
ありがとうです！！

Posted by くじ at 2005年06月21日 08:16

うまく行きましたか＾＾
それは良かったです。
私もHTMLがいじれることを知った時は同じような感覚だったことを覚えています＾＾

Posted by hammer at 2005年06月21日 21:39

はじめまして。

この記事を参考にさせて頂き、私のブログにカスタマイズを反映してみました。
すんなり上手くいきました（^-^）♪

やはりブックマーク以外から来られる方って、ほぼ間違いなく[個別記事]ページに辿りつくと思います。
そういった意味でも、利便性が向上して親切なつくりに近づけたと満足しています。

これからも記事をいろいろチェックさせて頂きますm(_ _)m
ありがとうございました!

Posted by まーくん at 2005年07月23日 08:06

はじめまして。

個別記事カスタマイズうまく行ってよかったですね＾＾でも今回のリニューアルでこの辺り改善されているかもしれませんね。私はまだリニューアルが実施されていないので分かりませんが・・・

Posted by hammer at 2005年07月24日 11:27

昨夜３時までかかって「？」だった「個別記事にサイドバーをつける」ですが、コチラを拝見してスグできました！
『最後に＜div id="links"＞の直前に＜/div＞を忘れずに！』
の部分が抜けていたようです。
有難うございましたm(__)m

Posted by あやち at 2005年07月27日 10:57

はじめまして。あやちさん。

DIVで閉じるのはよく忘れるんですよ。機械的にセットで使うようにしないと後で見ても気付きません。うまく行ってよかったです＾＾

Posted by hammer at 2005年07月28日 01:23

hammerさん、はじめまして！
ブログをカスタマイズしてみたいと色々見ていたらこちらにたどり着きました。

まずは「個別記事にもサイドバー」を付けることから始めてみました。ありがとうございました。
今後も色々参考にさせていただきます。
よろしくお願いします＾＾

Posted by tatsubon at 2005年08月21日 15:42

はじめまして、tatsubonさん。

参考にしていただけて幸いです。ただ、tatsubonさんのブログで当ブログを紹介いただけるともっとうれしいんですけどね＾＾；

よろしくお願いいたします。

Posted by hammer at 2005年08月22日 00:34

はじめまして！
実は、以前こちらのブログを参考にして
個別記事にサイドバーをつけました。
その時は問題なくできました。ありがとうございました＾＾

ところで、質問させていただいてもよろしいでしょうか？
最近、ライブドアブログリニューアルしましたよね。
リニューアルされてから、うちのブログでは
個別記事のサイドバーの、最新記事が更新されないんです。
カテゴリーの横の数字なども増えません。つまり、古い状態のままなんです。
再構築してもダメです。
hammerさんのブログは、個別記事のサイドバーもちゃんと更新されていますが、
リニューアルしてから何か修正とかされましたか？
もしよかったら教えてくださいm(_~_)m

クリックしときます！＾＾

Posted by ヨーコ at 2005年08月28日 03:48

はじめまして、ヨーコさん。
サイドバーが更新されないと言う事ですが、Javaスクリプトを使う方でサイドバーを表示していますか？私も気になって試してみましたが、それだと確かに古いままになりそうです。

記事にしましたので、そちらを一度見てみてください＾＾

Posted by hammer at 2005年08月28日 23:49

ハイ、まさにJavaスクリプトの方で表示させてました。
記事読みました。どうもありがとうございます！
本当に感謝です。

Posted by ヨーコ at 2005年08月29日 02:51

コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾