サポート » 使い方全般 » 各コメントの最後にボーダーを入れたい

  • 各コメントの最後にボーダーを入れたく、Twenty Tenのコメントテンプレートに最低限の記述だけ入れてテストしているのですが、うまくいきません。

    <?php wp_list_comments(); ?>
    <?php paginate_comments_links();?>
    <?php comment_form();?>

    下の例でいくとコメントtestの下とtest2のリコメントまで含めた下に区切り線を入れたいのですが。

    ディスカッション設定でコメントをスレッド (入れ子) 形式に設定しています。

    そもそも、このコメントテンプレートの書き方では無理でしょうか?

    <li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="comment-20">
    <div id="div-comment-20" class="comment-body">
    <div class="comment-author vcard">
    <cite class="fn">admin</cite> <span class="says">より:</span></div>
    
    <div class="comment-meta commentmetadata"><a href="/gestbook/comment-page-1/#comment-20">2012年9月27日 4:06 PM</a></div>
    
    <p>test2</p>
    
    <div class="reply">
    <a href='/gestbook/comment-page-1/?replytocom=20#respond'>返信</a></div>
    </div>
    
    <li class="comment even thread-even depth-1 parent" id="comment-18">
    <div id="div-comment-18" class="comment-body">
    <div class="comment-author vcard">
    <cite class="fn">tanaka</cite> <span class="says">より:</span></div>
    
    <div class="comment-meta commentmetadata"><a href="/gestbook/comment-page-1/#comment-18">2012年9月27日 4:02 PM</a></div>
    
    <p>test</p>
    
    <div class="reply">
    <a href='/gestbook/comment-page-1/?replytocom=18#respond'>返信</a></div>
    </div>
    
    <ul class='children'>
    <li class="comment byuser comment-author-admin bypostauthor odd alt depth-2" id="comment-19">
    <div id="div-comment-19" class="comment-body">
    <div class="comment-author vcard">
    <cite class="fn">admin</cite> <span class="says">より:</span></div>
    
    <div class="comment-meta commentmetadata"><a href="/gestbook/comment-page-1/#comment-19">2012年9月27日 4:03 PM</a></div>
    
    <p>retest</p>
    
    <div class="reply">
    <a href='/gestbook/comment-page-1/?replytocom=19#respond'>返信</a></div>
    </div>
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは、

    .depth-1に、border-bottomとか、:after等で、スタイルを記述

    でどうでしょう

    トピック投稿者 rqcmt

    (@rqcmt)

    nobitaさん

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

    ここ数日作業が行えなかったもので、返信が遅れて申し訳ありません。
    アドバイスのとおり、.depth-1にスタイル指定をするとうまくいきました。

    が、下記のように長いクラス名になぜ.depth-1で指定できるのか分かりません。

    <li class=”comment even thread-even depth-1 parent” id=”comment-18″>

    cssの指定の仕方の問題なんですが、目的は果たせましたので、お手すきの際に仇場椅子頂ければ幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「各コメントの最後にボーダーを入れたい」には新たに返信することはできません。