注目タグ

質問・疑問

トピック詳細

個別記事ページのコメント欄を折りたたみたい

TOPページのコメント欄は初めから折りたたまれていて
クリックすれば開閉してコメント閲覧ができるのですが
「blog-entry-○○.html」とついた個別記事ページでは
初めからコメントが全て開いていて折りたたむ事ができません。
例えば80件コメントが付いた記事があれば、
80件全てが記事の下に表示されてしまいます。

2011年05月01日 03:56  by 

コメント一覧 6件中、1~6件表示

  • ちゃんと動作してくれたみたいでホッとしました。よかったです~。

    それとちょっと誤解を生みそうな表現があったので
    必要ないかもしれないけど、補足させてもらいますね。

    前コメントのページ内リンクですが
    id=”英文字" の他に name="英文字" という記述を足す場合もあって
    どちらでもジャンプします。

    <a name="英文字"></a>
    スキマに何も挟まないカタチで、こういう文字列が置いてある例もときどき見かけますし、コレでもちゃんとジャンプ目標として機 能してくれるようです。


    蛇足で失礼しました。
    このコメントへのお礼は結構ですよ。
    こんなに丁寧なお礼の言葉を賜ったのは初めてだったので、照れくさくなっちゃいました(てへ<<殴蹴)。

    ズミオさんのブログライフが
    より一層充実されますよう、お祈りいたしております。

    2011年05月07日 07:56 by 標野ゆき

  • >標野ゆき様

    再度、ご回答ありがとうございます!

    「#comment」と言うのは、指定した場所に飛ばすワープボタン見たいな物だったんですね。
    (ページ内リンクとでも言うのでしょうか?)
    デフォルトで入っていたのか自分で設置したのかは覚えていませんが、
    これがあることによって、特別困ることもないですし、これはこのままにしておこうと思います。

    トップページでの折りたたみの件ですが、
    今回もご提示して頂いたタグを元にテンプレートを修正してみたところ
    トップページの『「コメントを読む」を隠し、「コメント(0)」をクリックしたときにそれを表示する』
    という思惑通りにする事が出来ました。
    個別記事ページにつきましても、『「コメントを読む」をクリックした時にコメントを表示する』
    という動作をちゃんと行ってくれています。

    修正で問題が出た部分はなく、
    動作も表示も思惑通りにする事ができました。
    今回この場でさせて頂いた質問の悩みは全て解決する事ができました!


    丁寧にご回答して頂いた事にとても感謝致します。
    しかも、わざわざ私が使っているテンプレートを試用してまで確かめて頂いて・・・
    色々、お手を煩わせてしまって申し訳ありません。
    わからない事で悩み行き詰るという事は結構 頭が痛くなるモノで
    それが、今回解決できて本当にスッキリしています!
    通りすがりのような私にここまで親切にして頂いて―。
    私は感謝することぐらいしかできませんが、それでも述べさせてもらいます。
    無事、悩みを解決する事ができました!ありがとうございました!

    2011年05月07日 01:17 by

  • 実を言うと
    参照リンクのQ&Aでシメノがお答えした方法を
    「うさぎポスト」に試してみたときには、ウチのブラウザでは コメントリンクが二重になった上
    ゼンゼン動作しなくて冷や汗を掻きました。

    テンプレートによって仕様がサマザマですし
    ブラウザによっても動作がマチマチなので
    シンプルなマニュアルにしたいと思っても無理ですね><

    それから
    <a href=http://アカウント.blog数.fc2.com/blog-entry-○○.html#co mment>コメント(数)</a>というのは
    「『(コメント(数)』をクリックしたら、○○番エントリの個別ページ内で commentというIDを持っている部分にジャ ンプしなさい」という意味です。

    ○○番エントリのhtmlの中に<div class="いろんな英文字が入ります" id=&q uot;comment">ここにもいろんな字が入ります<div><<こんなカンジの文字列があ ったら、そこがジャンプ先です(多分)。

    畳んである部分を開いて
    ジャンプしてはくれませんから
    ジャンプ先を別の場所に設定しなおしたかったら
    ジャンプさせたい文字を囲んでいる<div class="">の閉じカッコのすぐ手前に
    「(半角空白)id="comment"」を入れちゃえば、そこにジャンプしてくれるようになると思いま すよ。

    ブログページのHTMLソースを参照すると
    記事の中の日本語が<>タグの間に表示されているので
    その中からジャンプさせたい部分を見つけて、それからテンプレート管理ページのhtmlで探してみましょう。

    2011年05月06日 14:15 by 標野ゆき

  • お役に立ってよかったです。
    (ヒトサマのスクリプトをご紹介しただけですが^^;)

    ちなみに
    ズミオさんのブログのトップページは
    記事数が1件だけの表示になっているので
    コメントが折り畳まれているかのように見えるかもしれませんが
    コメントリンクをクリックしたときに個別記事ページにジャンプしているだけですよ。

    でも
    トップページにまで
    「コメントを読む」が表示されてしまって
    しかもクリックしても何の動作もしないというのではお客さんが混乱されるかもしれませんね^^;
    ページナビ込みで畳んであるからかしら。

    TMPさん作の「うさぎポスト」テンプレートを借りてきて自分ちでもいじってみたところ

    <div class="commenttop">
    <a href="javascript:void(0)" onclick ="div('rcomment')"><p>[色:FF 0000]コメントを見る[/色]</p>[色:FF0000]</a>[/色]</div&g t;
    [色:FF0000]<div style="display:none" id="r comment">[/色]
    <!--comment-->
    <div class="comment">
    <div class="commentbody"><%comment_body& gt;</div>
    <p class="comment_state"><%comment_name& gt;:<%comment_year>/<%comment_month>/<%commen t_day>(<%comment_wayoubi>) <%comment_hour>:&l t;%comment_minute> | <%comment_url+str> | [<a hr ef="<%comment_edit_link>">編集</a>]&l t;/p>
    </div>
    <!--/comment-->
    [色:FF0000]</div>[/色]

    最終的に
    上記のように文字列を挿入してみたら
    ページナビ・コメント投稿欄・コメント編集欄・トラックバック表示を含まない形で、正常に動作しました。(トップページに「コ メントを見る」は表示されませんでした)

    2011年05月06日 13:48 by 標野ゆき

  • >標野ゆき様

    ご回答ありがとうございます。
    ご提示して頂いたURLを参考にしまして
    無事 下記リンクのように折りたたませる事ができました!

    [折りたたませる事が出来た個別記事ページ]
    http://zumio1105.blog48.fc2.com/blog-entry-112.html

    ここを利用させて頂く前に、
    他のサイトを探して色々な方法を試しました。
    テンプレートとの相性なのか分からないですが
    それらはうまく適用されず、私自身こういう知識はないので
    眉間にしわを寄せながら、頭を悩ませていました。
    ですが、今回の方法でうまくたためることができて、非常に感動しています。
    本当にありがとうございました!
    トピックの件ですが、
    似たようなトピックは事前に探したのですが、
    解決に至るようなトピックは見つけられず、自ら立てさせてもらいました。
    ですが、そんな素敵なトピックを見逃していたとは・・・orz
    重複するようなトピックを立ててしまった事をお詫び致します。
    申し訳ございませんでした。

    以上で、悩みは解決できたのですが、
    一つだけ気になる事があります。
    「個別記事ページ」でのコメント欄の折りたたみは
    何の支障もなく行うことができるのですが
    トップページではコメントの折りたたみができないようです。

    以下ははトップページのURLとなります。
    http://zumio1105.blog48.fc2.com/

    それと記事の最下部は下記のようになっているのですが
    「トラックバック(0) コメント(0) ▲」
    これらはリンクになっていて
    「コメント(0)」の部分をクリックすると
    TOPページのURLに記事ページの
    「blog-entry-○○.html」というURLと、
    その後ろに「#comment」という文章が足されるみたいです。

    個別記事ページでは「コメント(0)」の部分をクリックすると
    コメント欄を開いている場合のみ
    同一ページのコメント書き込みフォームへとぶっ飛ぶようです。
    この部分は修正したほうがよいのでしょうか?
    質問を重ねてしまって恐縮なのですが
    お手すきがある時にでも回答して頂けると助かります。

    2011年05月05日 01:47 by

  • 以前、折り畳み用のJavaScriptをネットで探したときに
    イチバン解りやすくて何とかうまく移植できたのがこちら様のものです。

    http://breaktime.blog8.fc2.com/blog-entry-287.html

    ファイルをアップロードする必要もないし、移植する文字列も少なめシンプルで重宝しました。
    ご参考になれば幸いです。

    同じような内容のクエスチョンがこちらにもありました▼
    http://blogsns.fc2.com/forum_community/topic/12603/51459/

    2011年05月04日 21:54 by 標野ゆき