WordPress ブログページの並べ替えを変更する:古い記事を最初にリストする

Last Updated:2023年08月21日| | 1のコメント

WordPress 閲覧設定でホームページ表示を「最新の投稿」に設定すると、前のページに最新の投稿から古い投稿の順に表示されます。 カテゴリページでも同様に、最近の投稿が一番上に表示され、戻ると古い投稿が一覧表示されます。

最新の記事を最初にリストするのではなく、古い記事を最初に表示したい場合があります。 このような場合に参考にしてください。

WordPress ブログページの並べ替えを変更する:古い記事を最初にリストする

Newspaper テーマエレメンプロのPostsウィジェットを使用している場合は、ポストソート方法を指定できます。

Article Thumbnail
Newspaper テーマポストソート順のオプション
WordPress Newspaper テーマにブロックを配置することで、特定のカテゴリーをリストするときにポストソート順序を指定できます。 また、特定の文を前に表示するようにソートしたい場合は、ソート順を「Featured」に設定しました。
もっと見る

エレメントプロ ポストウィジェットの場合 Query(クエリ) セクションで Order(シーケンス) 設定を指定できます。

WordPress ブログページの並べ替えを変更する:古い記事を最初にリストする2

XNUMXつのオプションから選択できます。

  • ASC:昇順、古い投稿が最初に表示され、最新の投稿が後ろに表示されます。
  • DESC:降順、最新の投稿が最初に表示されます。

これらの機能が提供されないテーマでブログページやカテゴリページでポストソート順を変更したい場合 pre_get_postsアクション(フック)を使用することができます。

例えば、 設定 » 読むから ホームページを表示 設定を「最新の記事」に指定した場合、次のコードをテーマの関数ファイル(チャイルドテーマ作成して作業してください)に追加すると、前のページ(ホームページ)に古い投稿から最新の投稿順に投稿が一覧表示されます。

// WordPress 전면 페이지에 오래된 글에서 최신 글 순으로 포스트 나열하기
add_action('pre_get_posts', 'alter_query');

add_action('pre_get_posts', 'alter_query');

function alter_query($query) {
    if ($query->is_main_query() && is_home()) {
        $query->set('orderby', 'date');    // Order by the date field
        $query->set('order', 'ASC');       // Order in ascending order (from oldest to newest)
    }
}

カテゴリページの記事のリストの順序を古い記事から最新の記事の順に変更したい場合は、次のコードを使用できます。

// WordPress 카테고리 페이지에서 글 나열 순서를 오래된 글에서 새로운 글 순으로 변경하기
add_action('pre_get_posts', 'sort_category_posts_oldest_first');

function sort_category_posts_oldest_first($query) {
    // Check if it's the main query and if it's a category archive
    if ($query->is_main_query() && is_category()) {
        $query->set('orderby', 'date');    // Order by the date field
        $query->set('order', 'ASC');       // Order in ascending order (from oldest to newest)
    }
}

上記のコードを適用すると、古い投稿から最新の投稿の順に投稿が一覧表示されます。 一般的に、最新情報が最初に出てくるのがSEOにとって有利です。 古い記事を最初に表示する必要がある場合(マニュアルページなど)、上記のコードを適用できます。

WordPress ブログページの並べ替えを変更する:古い記事を最初にリストする例

上記のコードでテストしてみるとうまく動作しますね。 ソート方法を変更したい場合は、上記のコードを適切に適用してください。

参照


1のコメント

コメント