wpDiscuzのテキストエリアをコメントリストの下に配置する方法

wpDiscuzのコメントリストとテキストエリアの配置を変更する方法を解説します。

ちなみに公式ではコメントリストとテキストエリア（フォーム）の配置を変更することは許可していないようです。許可してないというのは語弊があるかもしれませんがテンプレートを変更することは基本的に推奨していないのでしょう

wpdiscuz のテキストエリアとコメントリスト

wpDiscuzはデフォルトだと

テキストエリア（フォーム）が上

コメントリストが下

に配置されています

テキストエリアをコメントリストの下に配置するにはcssのフレックスボックスの順番を指定するorderプロパティを使用します。

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

#wpdcom .wpd-form-wrap {
  order: 1;
}

このコードをプラグインのスタイルシートまたは子テーマのスタイルシートに記述すればテキストエリアがコメントリストの下に配置されます。

※htmlソースの順番がかわったわけではないことに注意してください。cssですので見た目が変更されただけにすぎません。

この問題はwordpressのサポートフォーラムでも問題定義されています。

実際にわたしのほうでも確認してcssコードが有効であることを確認しています。