WordPressの記事の表示順を任意の順番に変更したい

Question

前提・実現したいこと

WordPressの個別ページ内で記事の表示順を変更したいのですが、苦戦しております。
具体的には、
「JOBS」という個別ページ内で「募集中」or「終了」のどちらかのタグを持つ記事を、以下のような記事の表示順に変えたいと思っております。
1.「募集中」のタグを持つ記事を投稿日順で出力
2.「終了」のタグを持つ記事を投稿日順で出力

「募集中」のタグを持つ記事が先頭に来て、後半に、「終了」のタグを持つ記事が出力されるイメージです。
以下に記載しました方法で試してみましたが、うまくいかず、でした。

仕様的にはページ下部にページネーションもおく仕様になっております。

6/23追記
説明だけでは伝わりにくいと思い、画像を添付いたします。
実現したいこととしてはしたの図の通りです。

Wordpressプラグインの「Intuitive Custom Post Order」での並び替えで実現できるのはできるのですが、記事数が多くなると、かなり面倒だと思い、あまり現実的な方法だとは言えないのかなといった印象です。

試したこと

https://macoblog.com/order_by_category/
こちらの記事を参考に、タグに優先度をつければいけるかと思いましたが、現在のコードに合わせる書き方がわからず、断念しました。

Advanced Custom fieldのプラグインを使用し、
添付画像のように、募集中or終了を選択するチェックボックス式のフィールドを用意しました。
https://gyazo.com/24699c59d423605c624a3ad3ff6d4fb1
「募集中」のタグをもつ記事だったら募集中に、「終了」のタグをもつ記事だったら終了に、チェックを入れるような仕様にしました。
カスタムフィールドでの並び替えも試しましたが、私の調べた限りでは達成することができませんでした。

個別ページ内でサブループを2回回して、
一回目を「募集中」をもつ記事を出力、
その下で「終了」をもつ記事を出力
といった感じで実装すると、順番的には、達成できるのですが、ページネーションが機能しなくなります。
ちなみにページネーションは固定ページ内で以下のように出力しています。

<?php pagination($the_query->max_num_pages);?>

参考コード

参考までに現在のコードを添付いたします。

// function.php
function sub_loop($type = "", $number = -1, $paged = "", $tag_name="") {
    $args = array(
      'post_type' => $type,
      'posts_per_page' => $number,
      'no_found_rows' => false,
      'tag'    => $tag_name,
      'paged' => $paged,
    );

    $wp_query = new WP_Query($args);

    return $wp_query;
}

function pagination($pages = '', $range = 2) {
    $showitems = ($range * 2)+1;

    global $paged;
    if (empty($paged)) {
        $paged = 1;
    }

    if ($pages == '') {
        global $wp_query;
        $pages = $wp_query->max_num_pages;
        if (!$pages) {
            $pages = 1;
        }
    }

    if (1 != $pages) {
        echo '<ul class="p-pagination">';
        if ($paged > 1) {
            echo "<li class='p-pagination__icon -arrow'><a class='p-pagination__link -arrow -prev' href='".get_pagenum_link($paged - 1)."'><span></span></a></li>";
        }

        for ($i=1; $i <=$pages; $i++) {
          if (1 !=$pages &&(!($i>= $paged+$range+1 || $i <= $paged-$range-1) || $pages<=$showitems)) {
            echo ($paged==$i)? "<li class='p-pagination__icon'><a class='p-pagination__link is-active' href='".get_pagenum_link($i)."'>".$i."</a></li>" : "<li class='p-pagination__icon'><a class='p-pagination__link' href='".get_pagenum_link($i)."'><span>".$i."</span></a></li>";
          }
        }

    if ($paged < $pages) {
        echo "<li class='p-pagination__icon -arrow'><a class='p-pagination__link -arrow -next' href='" .get_pagenum_link($paged + 1)."'><span></span></a></li>";
      }
      echo '</ul>';
    }
  }

// page-jobs.php
<ul class="p-news-panel__news-list">
        <?php
          $the_query = sub_loop("projects", 1, $paged);
          if ($the_query->have_posts()) : while ($the_query->have_posts()) :
          $the_query->the_post();
        ?>
        <li class="p-news-panel__news">
          <a href="<?php the_permalink();?>">
            <div class="p-news-panel__news-info">
              <p class="p-news-panel__news-created-at">
                  <time><?php the_time('Y.m.d');?></time>
                </p>
              <ul class="p-news-panel__news-tags">
                <?php $tags = get_the_tags();
                    if ($tags) {
                      foreach($tags as $tag) {
                        echo '<li class="p-news-panel__news-tag js-post-tag '. $tag->slug .' ">' . $tag->name . '</li>';
                      }
                    }
                  ?>
              </ul>
            </div>
            <h3 class="p-news-panel__news-title">
                  <span><?php the_title();?></span>
              </h3>
          </a>
        </li>
        <?php
           endwhile;
          endif;
         wp_reset_postdata();
        ?>
 </ul>

Comments

[yuki84web]

「ページネーションが機能しなくなります」とは具体的にどうなるのでしょうか？
ざっと見た感じ、表示させるページ番号をWP_Queryの引数に渡すことが出来れば意図したページは表示出来るはずなのですが…

[vanilla_dev]

返信ありがとうございます。

固定ページ内で、以下のようにサブループを2回使用すると、ページネーション自体が出現されなくなる感じです。
1回目のサブループで「募集中」のタグを持つ記事を出力し、2回目のサブループで「終了」のタグをもつ記事を出力するようにしています。
```
<ul class="p-news-panel__news-list">
// 「募集中」のタグを持つ記事を出力
<?php
$the_query = sub_loop("projects", 1, $paged, "募集中");
if ($the_query->have_posts()) : while ($the_query->have_posts()) :
$the_query->the_post();
?>
<li class="p-news-panel__news">
<a href="<?php the_permalink();?>">
<div class="p-news-panel__news-info">
<p class="p-news-panel__news-created-at">
<time><?php the_time('Y.m.d');?></time>
</p>
<ul class="p-news-panel__news-tags">
<?php $tags = get_the_tags();
if ($tags) {
foreach($tags as $tag) {
echo '<li class="p-news-panel__news-tag js-post-tag '. $tag->slug .' ">' . $tag->name . '</li>';
}
}
?>
</ul>
</div>
<h3 class="p-news-panel__news-title">
<span><?php the_title();?></span>
</h3>
</a>
</li>
<?php
endwhile;
endif;
wp_reset_postdata();
?>
　　 // 「終了」のタグを持つ記事を出力
　　 <?php
$the_query = sub_loop("projects", 1, $paged, "終了");
if ($the_query->have_posts()) : while ($the_query->have_posts()) :
$the_query->the_post();
?>
<li class="p-news-panel__news">
<a href="<?php the_permalink();?>">
<div class="p-news-panel__news-info">
<p class="p-news-panel__news-created-at">
<time><?php the_time('Y.m.d');?></time>
</p>
<ul class="p-news-panel__news-tags">
<?php $tags = get_the_tags();
if ($tags) {
foreach($tags as $tag) {
echo '<li class="p-news-panel__news-tag js-post-tag '. $tag->slug .' ">' . $tag->name . '</li>';
}
}
?>
</ul>
</div>
<h3 class="p-news-panel__news-title">
<span><?php the_title();?></span>
</h3>
</a>
</li>
<?php
endwhile;
endif;
wp_reset_postdata();
?>
</ul>

```

Answer 1

こちらを参考にしてみてください。

以前　https://teratail.com/questions/85599#reply-472451　の質問へ回答したものです。カテゴリーもタグも同じ条件で使えると思いますので試してみてください。