Change the HTML of the comment form that is generating somewhere from the core Wordpress

Question

The above is a snapshot where some classes and HTML arrangements(some flex and flexbox arrangements are needed) are generated by the WordPress →

<cite class="fn"></cite>
<span class="say"></span>

but unless I put in some div arrangement I can't implement the HTML design to my WordPress comment system →

<div class="some-class">
    <cite class="fn"></cite>
    <span class="say"></span>    
</div>

I am sure that there must be certain way to achieve this(Modify the core comment form HTML).

Answer 1

You can write your own custom HTML structure for comment listing. Inside your comments.php file, there will be a call to wp_list_comments() function. Find it, and pass your own function as its callback:

wp_list_comments( array( 'callback' => 'my_function' ) );

Now, create a callback function and start implementing your own HTML structure. This function accepts 3 arguments. Here is a basic example:

my_function( $comment, $args, $depth ){
    $GLOBALS['comment'] = $comment;
    // You have access to comment's ID and other
    // comment query methods here, such as comment_ID();
}