投稿日:2018年3月14日カテゴリー:WordPressコメントがありません。トピックの返信を日付の逆順にする方法を探したのですが、なかなか見つからず大変な思いをしたので、なんとか手助けになればと思って書いてみます。トピックの返信を日付の逆順にする方法を紹介しました。逆順にするとやってみたいなと思うことがあります。それは何かというと通常のbbPressでは入力フォームが一番下になっているんですね。逆順にすると、一番上に新しい投稿が来ることになります。返信フォームも一番上にしたいじゃないですか。今回はその方法を紹介したいと思います。返信フォームを一番上にするで、その方法ですが、functions.phpに記入する変更することでできないか、色々考えてみたんですが、なかなかいい方法が見つかりませんでした。いうことで、考えついたのが、cssで順番を入れ替える方法でした。Flexboxを使うことで、順番を強制的に入れ替えます。最新の情報では日本で使われているブラウザの97.39%がFlexboxに対応しているので使って表示が変になることも少ないでしょう。̟�õhttps://www.google.co.jp/search?q=flexboxで色々紹介されているので、どうぞ。CSSの設定それでは、CSSを変更していきたいと思います。order:4;}詳しい説明1行目から4行目までで、Flexboxを設置します。2行目の「display:flex;」でbbpress-forumsクラスにFlexboxを設置します。3行目の「flex-direction:column」で上から下へ並べるようにします。5行目から8行目で、返信フォームの調整をしています。6行目で「order:1;」を設定して順番を一番上に変えます。7行目は返信フォームの幅を表示範囲の95%にしています。9行目から11行目で、ページネーションの設定をしています。これが一番やっかいでclassが「bbp-pagination-count」とついているのですが、上のページネーションと下のページネーションに同じclassがついています。div:nth-of-type(2)」を使っています。これは#bbpress-forumsの中にある2番目のdivの要素(nth-of-type(2))にスタイルを適用します。10行目で「order:2;」を設定して順番を上から2番目に変えています。12行目から15行目で返信欄の調節をしています。13行目で「order:3;」を設定して順番を3番目に変えます。24行目は返信フォームの幅を表示範囲の95%にしています。16行目から18行目で、下のページネーションの設定をしています。div:nth-last-of-type(2)」で#bbpress-forumsの中にある下から2番目のdivの要素(nth-last-of-type(2))にスタイルを適用します。17行目で「order:4;」を設定して順番を上から4番目に変えています。後は、このstyle.cssをアップロードすれば順番が入れ替わっていると思います。よかったらクリックしてください。コメントをキャンセルメールアドレスが公開されることはありません。(8)ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。