WordPressで記事投稿者のコメントを強調表示する

WordPress

記事投稿者のコメントであることがわかりやすくなるように強調表示する方法です。

wp_list_commentsにコールバックを指定する

コメント表示部のテンプレートタグwp_list_comments()にコールバックを指定し、コメント表示をカスタマイズします。

参考:wp_list_commentsを使ってWordPressのコメント出力をカスタマイズする

コメントをくくるタグにテンプレートタグをつける

コールバック内のHTMLで各コメントをくくるタグ(<li> など)にテンプレートタグcomment_class()をつけます。

<li <?php comment_class(); ?>>

これで自動的にいくつかのクラスが付加されるようになります。

記事投稿者のコメントには.bypostauthorがつき、登録ユーザーのコメントには.comment-author-{ユーザー名}のクラスがつきます。

CSSで強調表示する

必要に応じて.bypostauthorにスタイルをつけます。

.bypostauthor:before  {
    background-color: #fee;
    content: "Authorのコメント";
}

コメント