シュウ

今回はWordPressの表示順を変えるソート機能についての解説になります！

こんな方に読んでほしい

• WordPressを学び始めた方へ
• WordPressの記事を好きな順番に並び替える方法！
• 新しい順、古い順といったパターンを紹介。

ソート機能(表示順)について

WordPressで記事や固定ページを管理していると、「表示順を変えたい」と思う場面が多くあります。
例えば、ブログ記事を公開日順に並べたい場合や、記事をランダムに並べたい場合などです。

デフォルトの並び順（公開日順）

WordPressでは、投稿記事は初期状態で「公開日の新しい順」に並びます。
基本的なループにには、WP_Queryを使用します。

基本的なループは以下のようになります。
ソート機能に重要なコードは、orderby、orderになります。
WP_Queryとは、投稿タイプ、カテゴリー、タグ、カスタムフィールド、日付、ステータスなど、様々場面で制御が可能になります。

<ul>
<?php
$args = array(
    'post_type'      => 'post',
    'posts_per_page' => 10,
    'paged'          => $paged,
    'orderby'        => 'date',
    'order'          => 'DESC',
); ?>
<?php $wp_query = new WP_Query( $args ); ?>
<?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<li class="top_list_area">
    コンテンツ
</li>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
</ul>
<?php if ( function_exists( 'wp_pagenavi' ) ) { wp_pagenavi(); } ?>

記事の古い順（公開日順）

次に記事の古い順に並び変えます。
コードは以下になります。

'orderby'        => 'date',
'order'          => 'ASC',

アルファベット順（昇順）

次に記事のアルファベット順に並び変えます。
コードは以下になります。

'orderby'        => 'title',
'order'          => 'ASC',

逆アルファベット順（降順）

次に記事のアルファベット順に並び変えます。
コードは以下になります。

'orderby'        => 'title',
'order'          => 'DESC',

ランダムでソート

次に記事のランダムに並び変えます。
コードは以下になります。

'orderby'        => 'rand',

メタデータでソート（カスタムフィールドなど）

カスタムフィールドの値でソートすることも可能です。
例えば、ACF（Advanced Custom Fields）で設定したフィールド名が「price」の場合、以下になります。

'orderby'  => 'meta_value_num',
'meta_key' => 'price',
'order'    => 'ASC',

プラグインを使った表示順のカスタマイズについて

初心者やコードに触れたくないユーザーにとって便利なのが「プラグイン」です。
代表的なプラグインには以下のようなものがあります。

まとめ

今回はこれで以上です。
WordPressのソート機能を活用すれば、サイトの見やすさや利便性が大きく向上します。標準機能での並び替えに加え、プラグインを使った直感的な方法、WP_Queryを用いた高度なカスタマイズなど、目的に応じて選択肢があります。

< 前の記事

【jQuery】タブ切り替え機能を実装！URLハッシュと連動させる方法

次の記事 >

【WordPress】投稿やカテゴリーの順番を並び替えるプラグインの解説