WPコメント欄のナンバリングについて

Question

###分からないこと
WordPressのコメント欄のナンバリングについてお聞きしたいです。
コチラのサイトを参考に作成しております。

comments.phpにある
wp_list_comments()をwp_list_comments('callback=gtcn_basic_callback')に変更すると書いてありますが
質問者のwp_list_comments()部分を探して発見したところ
wp_list_comments('callback=mytheme_comment')←すでにコールバックが埋まっている？状態でした。

このwp_list_comments('callback=gtcn_basic_callback')以外で番号が表示できる記述お分かりになられませんでしょうか？
宜しくお願い致します。

###03月13日追記

body {
  counter-reset: section;           /* section のカウンタを 0 にセット */
}
h1:before {
  counter-increment: section;      /* section カウンタを増加 */
  content: "Section " counter(section) ": "; /* カウンタを表示 */
}

ol {
  counter-reset: section;                /* 各 ol 要素に新しいインスタンスの section カウンタを生成 */
  list-style-type: none;
}
li:before {
  counter-increment: section;            /* section カウンタのこのインスタンスのみ増加 */
  content: counters(section, ".") " ";   /* "." で区切られた section カウンタのインスタンスの値を付加 */
}

function mytheme_comment($comment, $args, $depth) {
    $GLOBALS['comment'] = $comment; ?>
    <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
    <div id="comment-<?php comment_ID(); ?>">

    <div class="comment-listCon">
        <div class="comment-info">
            
            <?php printf(__('<cite class="fn comment-author">%s<span class="admin"></span></a></cite> '), get_comment_author_link()) ?>
            <?php printf(__('%1$s at %2$s'), get_comment_date('Y/m/d(D)'),  get_comment_time('H:i')) ?> 
            <?php edit_comment_link(__('Edit'),'  ','') ?>
        </div>
        <?php if ($comment->comment_approved == '0') : ?>
            <em><?php _e('Your comment is awaiting moderation.') ?></em>
        <?php endif; ?>
        <div class="come_te">
        <?php comment_text() ?>
        </div>
        <div class="reply">
           <?php comment_reply_link( array_merge( $args, array( 'add_below' => $add_below, 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
        </div>
    </div>
</div>
<?php
}

Answer 1

CSSのカウンタで連番を振るのが手っ取り早いのではないでしょうか。

参考：CSS カウンタの利用 - ウェブデベロッパーガイド | MDN

番号付きのリスト、という点では<ol>でも良いかもしれませんね。

---

【追記】

「リセットするタイミング(要素)」
「インクリメント(+1)するタイミング(要素)」
の2つが理解できれば、親・子コメントが混ざっていても上手く番号を振れるはずです。
カウンタの名前は重複しないようにしましょう。

サンプルコード
https://jsfiddle.net/xrp89rs2/1/

Comments

[satoshickkk]

aozuki様いつもお世話になっております。
いただいたサイトを参考にcssで挑戦しようかと思いcssへ追加したのですが
「１」になるはずのコメントが「１.１」に
「１」へ返信したコメントが「１.２」と表示されます。
「２」の番号が振られるはずのコメントは、１に続いて「１.３」と表示され
「３」の番号が振られるはずのコメントには「１.４」と一番最初から続けて番号が振られてしまいます。
コードを追記させていただいたので合わせて教えて頂けたら大変嬉しく思います。

[退会済みユーザー]

回答に追記しました。サンプルコードを応用して試してみてください。

[satoshickkk]

いただいたサンプルコードを応用に組み込んでみたところ
無事に数字を振ることができました！
いつも助けてくださって本当に感謝です、ありがとうございました！