Intuitive Custom Post Order を使った投稿関連の並び替え

「Intuitive Custom Post Order」は管理画面からドラッグ＆ドロップで並び替えができるようにするプラグインです。設定がほとんど必要なく、直感的に並び替えができます。

日本人の方が作成したプラグインのため英語ができない人でも扱いやすいプラグインです。

並び替えられる対象も幅広く、投稿や固定ページの他、カスタム投稿タイプ、カテゴリー・タグなども変更することができます。

インストール＆有効化

まずはプラグイン追加画面から「Intuitive Custom Post Order」を検索し、インストール＆有効化します。

【プラグインページ】
Intuitive Custom Post Order – WordPress プラグイン | WordPress.org 日本語

有効化するとメニューの「設定」に「並び替え設定」が追加されます。有効化しただけでは並び替えができないので、並び替えができるよう設定を行います。

並び替えの設定

設定画面では「投稿タイプ」と「タクソノミー」と、並び替えができるものが表示されます。デフォルトでは何もチェックされていないので、並び替えを有効にしたいものにチェックを入れて「更新」をクリックします。

プラグインが有効化されているものの、並び替えができない場合は、ここにチェックが入っているか確認してみてください。

他にも並び替えができない原因として、テーマや他のプラグインもあります。もしチェックを入れているのに並び替えができない場合、テーマを変更してみてたり、他のプラグインを停止してみるなどして原因を探ってみてください。

テーマで orderby や order の設定がされている場合

あとはドラッグ＆ドロップで並び替えるだけ

並び替えの設定が完了したら、あとは管理画面の一覧からドラッグ＆ドロップで任意の順序に並び替えるだけです。並び替えると即時に反映されますので、変更したらサイトページで確認してみてください。

プラグインを停止するとデフォルトの並び順に戻ります。一度プラグインを使って並び替えをしていた場合、停止後に再度有効化すると入れ替えた順番で表示されます。

投稿一覧のページが異なる場合（ドラッグ＆ドロップで移動できない）

「Intuitive Custom Post Order」は、ドラッグ＆ドロップでページをまたいで移動させることはできません。投稿が多くあると、一覧ページは数ページに分割されますが、2ページ目にある投稿を別ページにある投稿の上、もしくは下に位置付けたい場合もあると思います。

この場合、投稿一覧ページの上部にある表示オプションの「ページごとに表示する項目数:」を増やすことで目的の位置に移動させることができます。

並び替えが反映されない – テーマで orderby や order の設定がされていないか

例えば pre_get_posts を使って以下のように、order や orderby によって順序が指定されている場合、管理画面で並び替えても適用されません。（ここの設定が優先される）

function my_preget_posts($query) {
  if (is_admin() || ! $query->is_main_query()){
    return;
  }
  if ($query->is_category()) {
    $query->set('order', 'DESC');
    $query->set('orderby', 'date');
  }
}
add_action('pre_get_posts', 'my_preget_posts');

function my_preget_posts($query) {
  if (is_admin() || ! $query->is_main_query()){
    return;
  }
  if ($query->is_category()) {
    $query->set('order', 'DESC');
    $query->set('orderby', 'date');
  }
}
add_action('pre_get_posts', 'my_preget_posts');

管理画面で「Intuitive Custom Post Order」を使って並び替えた通りに表示させたい場合は、この記述を削除するか新たにコードを追加して上書きします。

  if ($query->is_category()) {
    $query->set('order', 'ASC');
    $query->set('orderby', 'menu_order');
  }

  if ($query->is_category()) {
    $query->set('order', 'ASC');
    $query->set('orderby', 'menu_order');
  }

サブループでも同様に、表示がうまくされない場合は引数に以下のように指定してみてください。

new WP_Query(array(
  'post_type' => 'post_type',
  'orderby' => 'menu_order',
  'order' => 'ASC',
));

new WP_Query(array(
  'post_type' => 'post_type',
  'orderby' => 'menu_order',
  'order' => 'ASC',
));