WordPressカスタム投稿タイプの並び順を変更したいです。

Question

前提・実現したいこと

wordpress初心者です。
カスタム投稿タイプで表示したmenu一覧ページを作りmenu詳細ページを6ページ作りました。
詳細ページ6ページ作った表示を並び替えを行いたいのですがどのように行えばいいでしょうか？

その他にも
並び変えたい画像のようにタイトル名は切り替えたのですが
値段と文章を各ページごとに切り替えたいのですがどのように設定すればいいのでしょうか？

こちらが現在の状況です。

こちらの画像のような並び替えを行いたいです。

<?php get_header(); ?>
    <main class="menu-page-container">
      <div class="menu-visual">
        <div class="menu-bg">
          <h2 class="title">メニュー</h2>
        </div>
      </div>
      <section id="menu-page" class="bg01">
        <div class="inner">

          <ul class="menu-box">

          <?php $args = array(
            'numberposts' => -1,
            'post_type' => 'menu'
          ); 
          $posts = get_posts( $args );
          if( $posts ) : foreach( $posts as $post ) : setup_postdata( $post ); ?>

            <li>
              <a href="<?php the_permalink(); ?>">
                <figure class="img">
                  <?php the_post_thumbnail('full'); ?>
                </figure>
                <div class="text-area">
                  <h3 class="title">
                    <?php the_title(); ?>
                    <span>￥220円</span>
                  </h3>
                  <p class="txt">
                    画像・商品名・金額・商品説明をCMSから簡単に入力できるようにします。<br>
                    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。
                  </p>
                </div>
              </a>
            </li>

            
          <?php endforeach; ?>

          <?php else: ?>

            <p>記事がまだありません。</p>

          <?php endif; wp_reset_postdata(); ?>

          </ul>

          <div class="menu_btn">
            <a href="">さらに読み込む</a>
          </div>
        </div><!--/inner-->
      </section>
    </main>
<?php get_footer(); ?>

add_action( 'init', 'add_post_type' );
function add_post_type() {

  //カスタム投稿タイプ「制作実績」
  register_post_type( 'menu',//「works」はお好みで変えてください（カスタムタクソノミーを設定する時にも使います）
  array(
  'labels' => array(
  'name' => __('人気メニュー'),//「制作実績」「制作一覧」はお好みで変えてください
  'singular_name' => __('人気メニュー'),
  'all_items' => __('人気メニュー'),
  ),
  'public' => true,
  'menu_position' =>5,
  'menu_icon' => 'dashicons-admin-customizer',//アイコン画像
  'supports' => array('title','editor','thumbnail','custom-fields','excerpt','trackbacks','comments','revisions','page-attributes'),
  'has_archive' => true,
  'show_in_rest' => true,
  )
  );

Answer 1

並び順を逆にしたい、と理解しました。

$args = array(
  'numberposts' => -1,
  'post_type' => 'menu',
  'order' => 'ASC'
); 

変わらない場合、'order' => 'DESC'も試してください。

昇順: 'order' => 'ASC'
降順: 'order' => 'DESC'

このあたり参考になりそうです。
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query

Comments

[oyu]

ありがとうございます！
'order' => 'DESC'に切り替えたところデザインと同じようになりました。

あとなんですが、
並び変えたい画像のようにタイトル名は切り替えたのですが
値段と文章を各ページごとに切り替えたいのですがどのように設定すればいいのでしょうか？

[new1ro]

よかったです！ 並び順を逆にしたいときは「ASCかDESCのどっちか」みたいな覚え方で、
最初はいいと思います。

> 並び変えたい画像のようにタイトル名は切り替えたのですが
> 値段と文章を各ページごとに切り替えたいのですがどのように設定すればいいのでしょうか？
こちらはコメント欄で扱うにはヘビーなないようなので、別の質問を立てたほうがいいと思います。

「カスタムフィールド」「Advanced Custom Fields」あたりのキーワードが、
検索時のヒントになりそうです。

[oyu]

ありがとうございます。
今後はどちらかを設定したいと思います。

現在、プラグインで
Advanced Custom Fieldsと Custom Post Type UI
をインストールしております。
どちらをいじれば値段と本文を入力すればいいのでしょうか？

[dit.]

横からになりますが失礼します。

説明文は各記事の本文に書き、<?php the_content(); ?>で表示させればいいと思います。

カスタムポストタイプ（カスタム投稿タイプ）は、ざっくり言えば「通常の投稿」以外の「投稿」機能を作りたいときに使います。
「お知らせ」等は「通常の投稿」を使い、商品説明は別で管理したいとき等ですね。

カスタムフィールドというのはその投稿（通常の投稿でもカスタムポストタイプでも）に新たなフィールドを持たせたいときに使います。
「タイトル」「本文」などはもともとありますが、それ以外に決まった項目があるときに作ります。
今回の「値段」などですね。
https://haniwaman.com/template-page/
うまくやればカスタムフィールドを元に並べ替えることもできるので、調べてみてください。（値段順にしたいとか「表示順」フィールドを作りそれを基準にしたいとか）

カスタムポストタイプ「menu（人気メニュー）」は作成済みだと思いますので、Advanced Custom Fieldsでフィールドを作成、「menu（人気メニュー）」の時だけ表示させるような設定にすればいいかと思います。
https://kotori-blog.com/wordpress/advanced-custom-fields/

[oyu]

価格のカスタムフィールドについてお聞きしたいのですが、
今回6ページ必要ですので例えば価格1、価格2、価格3、価格4、価格5、価格6まで作り
値段を表示することで合っていますか？

[dit.]

「人気メニュー」というカスタム投稿タイプに、6件の商品ごとの記事を投稿しているのですよね？
<?php the_title(); ?>でそれぞれのタイトルを取ってきていることから、それぞれの商品が別の投稿になっていると想像しています。
Advanced Custom Fieldsで作成するのは「価格」というフィールドを1つで、各商品の投稿ページでそれぞれの価格を入力し、それを表示させるような形になると思います。
出力に関してはこちらにまとまっていますのでご参照ください。
https://kotori-blog.com/wordpress/acf_output/

これ以上new1roさんの回答にコメントでぶら下げるのもはばかられますので、「カスタム投稿タイプ」「カスタムフィールド」についてやってみてわからないことがあれば別途質問を立ててください。

Answer 2

WordPress管理画面から自由に並び順を変更したいなら、以下のプラグインも便利です。

Intuitive Custom Post Order
https://ja.wordpress.org/plugins/intuitive-custom-post-order/