カスタム投稿でカテゴリー別記事一覧を表示したい

前提・実現したいこと

・前提
Advanced Custom FieldsでWORKSという項目を作り、カテゴリー名をSHOP1、SHOP2、OTHERと設定しています。
カテゴリーのスラッグは名前を小文字にしただけです。例 SHOP1のスラッグはshop1

・実現したいこと
WORKS一覧ページに全カテゴリー名を表示しクリックしたらそのカテゴリーの記事一覧を表示したい。

発生している問題・エラーメッセージ

全記事の一覧や全カテゴリー名の取得まではできたのですが、
カテゴリー別リンクのURLや表示するためのファイル名の指定、取得と表示のやり方がわかりません。

試したこと

リンク先をget_term_link( $val->term_id )で取得し
taxonomy-works.phpというファイルを作ってそこに表示しようとしましたがホームに飛ばされてしまいます。
現在リンクは　ホームディレクトリ/works/shop1　のように設定されています。

該当のソースコード

・function.php

php
1// カスタム投稿タイプの追加
2add_action( 'init', 'create_post_type' );
3function create_post_type() {
4  register_post_type('works', // 投稿タイプ名の定義
5    array(
6      'labels' => array (
7        'name' => 'WORKS', // 表示する投稿タイプ名
8        'singular_name' => 'WORKS',
9        'all_items' => 'WORKS一覧',
10      ),
11      'public' => true,
12      'has_archive' => true,
13      'menu_position' =>5,
14      'show_in_rest' => true,
15      'supports'            => array(
16              'title',        // 編集ページのタイトル
17              'editor',       // 編集ページの本文エディタ
18              'thumbnail',    // 編集ページのアイキャッチ画像
19              'custom-fields',    // 編集ページのカスタムフィルド
20      )
21    )
22  );
23  register_taxonomy(
24    'works_cat',
25    'works',
26    array(
27      'hierarchical' => true,
28      'label' => 'カテゴリー',
29      'show_ui' => true,
30      'query_var' => true,
31      'rewrite' => array('slug' => 'works'),
32      'singular_label' => 'カテゴリー',
33      'show_in_rest' => true,
34    )
35  );
36}

・archive-works.php (WORKS一覧)

php
1
2//カテゴリー一覧の出力
3<?php
4
5              $taxonomies = 'works_cat';
6              $terms = get_terms($taxonomies,
7                array(
8                    'parent' => 0,
9                    'orderby' => 'description'
10                )
11              );
12
13              //取得したカテゴリへの各種処理
14              foreach($terms as $val){
15                //カテゴリのリンクURLを取得
16                $cat_link = esc_url( get_term_link( $val->term_id ));
17                //リスト出力
18                $cat_slug = $val -> slug;
19                $categoryTagStart = $cat_slug === $last && is_category() ? '<li>
20                <span class="op_text">' : '<li>
21                <span class="op_text">';
22                echo $categoryTagStart;
23                if($val === end($terms)){
24                  echo '<a href="' . $cat_link . '" class="hp_coverLink"></a>' . $val -> name. '</span></li>';
25                }else{
26                  echo '<a href="' . $cat_link . '" class="hp_coverLink"></a>' . $val -> name. '</span></li>';
27                }
28              }
29
30            ?>
31
32// 記事一覧の出力
33<?php if (have_posts()): while (have_posts()) : the_post(); ?>
34     <?php get_template_part('loop', 'works'); ?>
35<?php endwhile; endif; ?>
36
37

・taxonomy-works.php

php
1<?php
2            $type = get_query_var( 'works_cat' ); //指定したいタクソノミーを指定
3            $args = array(
4                'post_type' => array('works'), /* 投稿タイプを指定 */
5                'tax_query' => array(
6                    'relation' => 'OR',
7                    array(
8                        'taxonomy' => 'works_cat', /* 指定したい投稿タイプが持つタクソノミーを指定 */
9                        'field' => 'slug',
10                        'terms' => $type, /* 上記で指定した変数を指定 */
11                    ),
12                ),
13                'paged' => $paged,
14                'posts_per_page' => '5' /* 5件を取得 */
15            ); ?>
16            <?php query_posts( $args ); ?>
17            <?php if (have_posts()): while (have_posts()) : the_post(); ?>
18              <?php get_template_part('loop', 'works'); ?>
19            <?php endwhile; endif; ?>

行動規範の内容に同意します

回答1件

ベストアンサー

「最終的に各ページをどんなURLで表示したいのか」「works_catタクソノミーのリストをどんなマークアップにしたいのか」が、私には質問文が読み取れなかったのですが、以下のコードのようにすれば、まずは動くようにはなるかと思います。

functions.php

PHP
1// カスタム投稿タイプの追加
2add_action( 'init', 'create_post_type' );
3function create_post_type() {
4  register_post_type('works', // 投稿タイプ名の定義
5    array(
6      'labels' => array (
7        'name' => 'WORKS', // 表示する投稿タイプ名
8        'singular_name' => 'WORKS',
9        'all_items' => 'WORKS一覧',
10      ),
11      'public' => true,
12      'has_archive' => true,
13      'menu_position' =>5,
14      'show_in_rest' => true,
15      'supports'            => array(
16              'title',        // 編集ページのタイトル
17              'editor',       // 編集ページの本文エディタ
18              'thumbnail',    // 編集ページのアイキャッチ画像
19              'custom-fields',    // 編集ページのカスタムフィルド
20      )
21    )
22  );
23  register_taxonomy(
24    'works_cat',
25    'works',
26    array(
27      'hierarchical' => true,
28      'label' => 'カテゴリー',
29      'show_ui' => true,
30      'query_var' => true,
31      // ★削除 'rewrite' => array('slug' => 'works'),
32      'singular_label' => 'カテゴリー',
33      'show_in_rest' => true,
34    )
35  );
36}

archive-works.php

PHP
1<?php get_header(); ?>
2
3//カテゴリー一覧の出力
4<?php
5  $taxonomies = 'works_cat';
6  $terms = get_terms($taxonomies,
7    array(
8        'parent' => 0,
9        'orderby' => 'description'
10    )
11  );
12  
13  echo '<ul>';
14  foreach($terms as $term)
15  {
16    $term_link = esc_url( get_term_link( $term->term_id ) );
17    
18    echo '<li><span class="op_text"><a href="' . $term_link . '" class="hp_coverLink">' . $term->name . '</a></span></li>';
19  }
20  echo '</ul>';
21?>
22
23// 記事一覧の出力
24<?php if (have_posts()): while (have_posts()) : the_post(); ?>
25     <?php get_template_part('loop', 'works'); ?>
26<?php endwhile; endif; ?>
27
28<?php get_footer(); ?>

taxonomy-works_cat.php (taxonomy-works.phpからリネーム)

PHP
1<?php get_header(); ?>
2
3<?php if (have_posts()): while (have_posts()) : the_post(); ?>
4     <?php get_template_part('loop', 'works'); ?>
5<?php endwhile; endif; ?>
6
7<?php get_footer();