WordPress ブログ記事をアルファベット順に並べ替える方法

Last Updated: 2024 年 11 月 18 日 댓글

WordPress 最新の記事ページやブログページ、特定のカテゴリ、およびタグページ(アーカイブページ)では、記事は通常最新の日付順に並べ替えられます。場合によっては、古い投稿から並べ替えるか、アルファベット順(ABC、カナダ順)で並べ替える必要がある場合があります。

WordPress ブログページやカテゴリページの並べ替えを変更したい場合 WordPressで提供されているフックを使用してソート方法を変更できます。 Avada, エレメンプロ などを使用している場合は、ブログモジュール/ウィジェットを使用して記事を一覧表示し、設定でソート方法を詳細に設定できます。

WordPress 最新の記事/カテゴリページの投稿をアルファベット順に並べる方法

ブログページ(最新の記事ページ)で、古い投稿から最新の投稿順に並べ替える

ブログページ(最新の記事ページ)では、投稿にはデフォルトで最近発行された投稿が最初にリストされ、最後に最も古い投稿が表示されます。

古い記事から最初にリストしたい場合は、次のコードを チャイルドテーマ 関数ファイルに追加できます。

/**
 * Sort posts on the blog page (home page) by date in ascending order (oldest to newest).
 */
function change_home_order( $query ) {
    // Ensure this runs only for the main query on the blog page
    if ( $query->is_main_query() && $query->is_home() ) {
        $query->set( 'orderby', 'date' ); // Sort by post date
        $query->set( 'order', 'ASC' );    // Sort in ascending order (oldest to newest)
    }
}
add_action( 'pre_get_posts', 'change_home_order' );

WordPress ブログ(最新の記事)/カテゴリページの投稿をアルファベット順に並べる方法

たとえば、経済用語やIT用語を説明するブログを作成したり、人名(人名)に関する情報を載せるサイトを作成したりする場合を考えてみましょう。この場合、時間が重要ではなく、ユーザーが簡単に検索できるように、アルファベット順(ABC、カナダ順)で文字を一覧表示することをお勧めします。

最新の記事ページ(ブログページ)で投稿をアルファベット順にリストしたい場合は、次のコードをテーマ関数ファイルに追加できます。

/**
 * Sort posts on the blog page (home page) by title in ascending order.
 */
function change_home_order( $query ) {
    // Ensure this runs only for the main query on the blog page
    if ( $query->is_main_query() && $query->is_home() ) {
        $query->set( 'orderby', 'title' ); // Sort by post title
        $query->set( 'order', 'ASC' );    // Sort in ascending order
    }
}
add_action( 'pre_get_posts', 'change_home_order' );

子テーマを作成して作業しなければ、テーマが更新されても修正や縮小は消えません。 FTPに接続して / WP-コンテンツ/themes/child-theme-name/functions.php ファイルに上記のコードを追加してください。

上記のコードを追加した後にブログページを更新すると、アルファベット順に文章が一覧表示されます。タイトルに特殊文字がある文字が先頭に表示され、数字、英字(abc)、ハングル(カナダ)順に一覧表示されます。

GeneratePress テーマでテストするとうまくいきます。他のテーマでもうまく機能します。

特定のカテゴリページの文章をアルファベット順にリストしたい場合は、次のコードでテストしてください。

function change_category_order( $query ) {
    // Ensure this runs only for the main query on a specific category slug
    if ( $query->is_main_query() && $query->is_category( 'blog' ) ) {
        $query->set( 'orderby', 'title' ); // Sort by post title
        $query->set( 'order', 'ASC' );    // Sort in ascending order (A → Z)
    }
}
add_action( 'pre_get_posts', 'change_category_order' );

Newspaper, Avada テーマのブログモジュールまたはエレメントプロのPostsウィジェットを使用して投稿を一覧表示する場合

Avada, Diviテーマ, Newspaper テーマ などを使用している場合は、ブログモジュール/要素としてブログ記事を一覧表示できます。ブログモジュールでソートオプションを詳細に指定できます。

例えば、 Avada テーマの場合は、ブログエレメントの設定で 、ORDER BY ポストタイトルを、 注文上昇を選択して、文字をアルファベット順に並べ替えることができます。

WordPress Avada テーマブログモジュール

ソート基準として コメント数(Number of Comments)ランダムを選択することもできます。

エレメンプロを使用している場合は、Postsウィジェットを使用してブログ記事を一覧表示できます。 Postsウィジェットでもソート方法を詳細に設定できます。

エレメンタープロの投稿ウィジェット

エレメンタープロでは Avadaと同様に、ソート基準として コメント数(Comment Count)を選択できます。人気のある投稿やホットな投稿を表示したい場合は、コメントの数に基づいて投稿を一覧表示することを検討してください。

Diviテーマなど、ページビルダーをサポートするテーマを使用している場合でも、ブログ関連モジュールを使用して文章を詳細に並べ替えることができます。

参照


コメントを残す

コメント