コメント欄の入力フォームの並びを変更する方法

はじめに

現在、コメント入力フォームが一番上に表示されています（図1参照）。

一般的に、コメント入力フォームは名前の下に配置されることが多いため、表示順を変更してコメント入力フォームを一番下に表示させます。

この記事では、この方法について説明します。

完成イメージ

実装手順

変更には2つの方法があります。

以下のコードをfunctions.phpに追加します。

コメント入力フォームだけを入れ替える方法

コメントフォームの位置を入れ替えるために、削除して最後に追加します。

add_filter('comment_form_fields', function ($fields) {
  // 現在の入力フォームの並びからコメントフォームを削除
  $comment_field = $fields['comment'];
  unset($fields['comment']);

  // コメントフォームを最後に追加
  $fields['comment'] = $comment_field;

  return $fields;
});

全入力フォームの表示順を指定する方法

コメントフォーム内の全ての入力フィールドの表示順を指定しています。

add_filter('comment_form_fields', function ($fields) {
  $new_fields = [
    'author'  => $fields['author'],
    'email'   => $fields['email'],
    'url'     => $fields['url'],
    'cookies' => $fields['cookies'],
    'comment' => $fields['comment'],
  ];

  return $fields;
});

さいごに

今回紹介した方法を使えば、コメント入力フォームの並び順を簡単に変更できます。
特に、ユーザーにとって直感的な順番にフォームを配置することで、コメント投稿のハードルを下げ、より良いユーザー体験を提供できます。