WordPressのコメント欄で名前を先頭にする方法

WordPress

WordPressのコメント欄の入力項目の先頭に名前を持ってきたい

WordPressのコメントフォームにはデフォルトの入力項目として、「コメント」、「名前」、「メールアドレス」、「ウェブサイト」があります。
現在のバージョンのWordPressでは、何も設定していないデフォルトの状態ではコメントフォームの先頭に「コメント」の入力欄があり、その後に「名前」、「メールアドレス」、「ウェブサイト」とつづくのですが、これらの入力項目の並び順がなんとなく不自然に感じてしまうので「名前」の入力欄を先頭に持ってきて「コメント」の入力欄が最後にくるように変更を加えたいと思います。

デフォルトのコメント欄並び順 変更したいコメント欄並び順
wordpressのコメント欄デフォルトの並び順 wordpressのコメント欄変更後の並び順

WordPressのコメント欄の並び順を変更する方法

WordPressのコメント欄の並び順を「名前」の入力欄が先頭に来るように変更する方法をいくつか紹介します。

functions.phpへの記述で変更する方法

functions.phpへ下の例のような記述をすることでコメント欄の並び順を変更することができます。

functions.phpの記述例


function wp34731_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;

return $fields;
}
add_filter( 'comment_form_fields', 'wp34731_move_comment_field_to_bottom' );

cssで変更する方法

cssでコメント欄の並び順を変更する記述例を紹介します。
使用しているテーマなどによってidやクラス名が違っている場合があるかもしれませんので、ご注意ください。

cssの記述例


#commentform {
    display: flex;
    flex-direction: column;
}

.comment-form-comment {
    order: 1;
}

.form-submit {
    order: 2;
}

コメントを残す





このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください