WPサンプル 固定ページにカスタムポスト・カスタム分類の一覧を表示させる(VISUALページ)

1.管理画面から固定ページ作成

【例】 タイトル:VISUAL スラッグ:visual

2.VISUALページ専用のページテンプレートを作成

【例】page-visual.page → 作成するとvisualページはこのテンプレートを読み込む

3.カスタムポストの投稿で特定のカスタムタクソノミーを一覧で表示

WP_Queryで設定、ループ

page-visual.page

<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<?php get_header(); ?>

<section>
  <p>ここにvisualページの内容を記述</p>
</section>
<hr>

<?php
//---------------------------
// スタッフのスライダー
//---------------------------
// WP_Query 設定
$args = array(
'posts_per_page' => -1, //全件表示
'post_type' => 'staffs', //カスタム投稿slag
'orderby' => 'date', //日付を出力する基準
'order' => 'DESC', //表示する順番(逆はASC)
'tax_query' => array(//カスタム分類 job_ca の sales に関連付けられた投稿(post)を表示
  array(
    'taxonomy' => 'job_cat',//カスタム分類
    'field'    => 'slug',
    'terms'    => 'music',//ターム(配列)
  ),
),
);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {

 while ( $the_query->have_posts() ) {

   $the_query->the_post();

   get_template_part('template-parts/loop', 'staff');


 }//endwhile

 wp_reset_postdata(); 

}//endif
?>

<?php get_footer(); ?>