上記はWordPressによって生成されたクラスとHTMLの配置(いくつかのflexとflexboxの配置が必要)のスナップショットです。→
<cite class="fn"></cite>
<span class="say"></span>
しかし、divの取り決めをしない限り、私はWordPressのコメントシステムにHTMLデザインを実装することはできません。→
<div class="some-class">
<cite class="fn"></cite>
<span class="say"></span>
</div>
私はこれを達成するための確実な方法があるに違いないと確信しています(コアのコメントフォームHTMLを修正してください)。
あなたはコメントリストのためにあなた自身のカスタムHTML構造を書くことができます。あなたのcomments.php
ファイルの中に、 wp_list_comments()
functionへの呼び出しがあります。それを見つけて、そのコールバックとしてあなた自身の関数を渡します:
wp_list_comments( array( 'callback' => 'my_function' ) );
それでは、コールバック関数を作成して、独自のHTML構造の実装を始めましょう。この関数は3つの引数を受け取ります。これが基本的な例です。
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();
}