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,
  )
  );