Wordpressで投稿（記事）の表示順を変更する。プラグインあり・なし両方解説。

Wordpressでトップページやカテゴリーページに表示される記事一覧の表示順を変更する方法です。

記事の表示順は管理画面からは変更することは出来ないので、プラグインを使用する方法と、functions.phpを使用する方法の２つをまとめました。

プラグインでは自由に並べ替えができ、functions.phpならorderbyに使用できるパラメーター順に記事を並べ替えることが出来ます。

プラグインはドラッグ＆ドロップで変更なのでfunctions.phpがお勧めです。

この記事の目次

WordPressで投稿の表示順を変更する方法

Wordpressの記事一覧はデフォルトで新着順（日付順）に並ぶようになっています。

サイトによってこの投稿の表示順を変更したい場合があると思いますが、残念ながらWordpress5.9時点では並べ替え機能は実装されていません。

管理画面からは変更できない

管理画面に項目は存在するのですが、現状では「最新の投稿」しか選べない形です。

ただfunctions.phpにコードを追記したり、並べ替え用のプラグインを使用することで比較的簡単に投稿の表示順を変更することが出来ます。

この２つのやり方をまとめました。
それぞれ以下の特徴があります。

functions.php使用：orderbyのパラメータ順に並べ替え（一括変更）
プラグイン使用：投稿をドラッグ＆ドロップで並べ替え（個別変更）

プラグインは定番の「Intuitive Custom Post Order」というプラグインを使った方法をご紹介します。

記事の表示順を変更するだけならfunctions.phpを使う方法がオススメですが、初心者の方や、細かい並び替えをしたい人はプラグインを使用しましょう！

長くなる項目については別記事に分けてますので、適宜そちらもご覧下さい。
では順番に見ていきましょう・ｗ・

functions.phpで投稿の表示順を変更する

まずはfunctions.phpにコードを追記する方法からご紹介します。

（例）更新日順に変更するコード

Wordpressにはpre_get_postsという便利なフィルターフックがありますのでこれを使えば簡単に記事の表示順を並べ替えることが出来ます。

並べ替えに使用できる主な項目（パラメータ）は以下です。

日付順
投稿ID順
作成者順
タイトル順
更新日順
親ページのID順
ランダム順
コメント数順

などなど…
これらの項目順に「昇順」「降順」を選んで並べ替えることが出来ます。
中でも「日付順」「更新日順」「ランダム順」は使い勝手が良く、人気ですね。

後述するプラグインの「Intuitive Custom Post Order」を使う方法は１つ１つ手動で記事を並べ替えれるのに対し、functions.phpを使う方法は一括変更です。

プラグインを使う方法よりもセキュリティが脆くならず、軽量で保守性も高いので初心者の方で“functions.phpが分からない！”という方も是非この機会にチャレンジしてみて下さい。

functions.phpについて詳しくはこちら。
WordPressのfunctions.phpとは？場所と編集方法、コードの書き方を初心者向けに解説します。

functions.phpに追記するコード

この記事ではコードの説明は割愛します。
記事の表示順を変更するにあたり、実際に使用するコードが以下です。

//記事の表示順変更
function sortpost($query) {
    if(is_admin() || !$query->is_main_query()){
        return;
    }
    //ASC:昇順、DESC:降順
    $query->set('order', 'DESC');
    //orderbyで何順に並べ替えるか指定
    $query->set('orderby', 'modified');
}
add_action('pre_get_posts', 'sortpost');

こちらのコードがベースとして使用するコードになります。
（コメントや関数名は変更してもOKですが、if文は削除しないようにご注意を。）

コードのポイントは$query->set(～);という箇所２つで、この部分を変更することによって並べ替えの順番や項目を変更することが出来ます。
この後のorderとorderbyのパラメータ名の対応表を参考に$query->set(～);の２カ所を自分が並べ替えたいものに変更して使って下さい。

orderで昇順か降順かを指定する

まずorderのパラメータ名についてです。
具体的にはコードの以下の部分にこれを指定すればOKです。

$query->set('order', 'ここにorderのパラメータ名');

orderの対応表
パラメータ名	並び替え順序
ASC	昇順
DESC	降順

WordpressではorderにデフォルトでDESC:降順が指定されています。
新着順→古い順に変更したい時はこのorderにASC:昇順を指定するだけでOK！

WordPressの投稿を古い順に表示変更する方法。［functions.php使用］

昇順と降順がどちらか分からない方はASCとDESCの両方を試し、自分が並び替えたい順番になる方を指定するという感じで良いかと思います。

orderbyで何で並べ替えるかを指定する

続いてorderbyのパラメータ名についてです。
具体的にはコードの以下の部分にこれを指定すればOKです。

$query->set('orderby', 'ここにorderbyのパラメータ名');

orderbyの対応表
パラメータ名	並び替え項目
none	順序なし
ID（大文字）	投稿ID順
author	作成者順
title	タイトル順
date	日付順
modified	更新日順
parent	親ページID順
rand	ランダム順
comment_count	コメント数順

Wordpressではorderbyにデフォルトでdate:日付が指定されています。
各項目でどのように並べ替えられるかを画像にしようと思ったのですが、これは実際に試していただいた方が速くて確実だと思うのでやめました！

あと注意点として「rand:ランダム」にした時なのですが、その仕様上トップページやカテゴリーページの１ページ目と２ページ目に同じ記事が出る可能性があります。
これに対応する方法は長くなるので別の記事（↓）にしてます。

WordPressの記事をランダム順に変更する方法。functions.phpで簡単！

以上、orderとorderbyの組み合わせによって表示順を色々変更することが出来ます。
例としてWordpressの初期値をコードにしてみるとこんな感じです…

//Wordpressの初期値（新着順）はこんな感じの指定
function sortpost($query) {
    if(is_admin() || !$query->is_main_query()){return;}
    $query->set('order', 'DESC');
    $query->set('orderby', 'date');
}
add_action('pre_get_posts', 'sortpost');

orderにDESC:降順が、orderbyにdate:日付が入っているので「日付の降順」となり、新着順に記事が表示されるようになっているという事です。

orderbyに指定できるパラメータ名にはmeta_value_numなど、上記以外のものもありますが、用途が特殊なので詳しく気になる方は追加検索して下さい。

もっとも「none」や「ID」にしたところで初期設定の「date」と並び順がほとんど変わらないので、使用頻度が高いのは「modified」か「rand」あたりでしょう…