WordPressテーマで、実績一覧 /works/ の絞り込みを実装する。
ソートではない。フィルタ。

見た目はチップが2行。
・事業内容で絞り込む（すべて + ターム）
・建物の種類で絞り込む（すべて + ターム）
各行は単一選択。2行は同時に効く（AND）。
お問い合わせフォームの複数選択とは別物。

カスタム投稿 works にタクソノミ works_service / works_building を付ける。
hierarchical は true（投稿編集はチェックリスト）。
show_admin_column は true。
supports は title, editor, thumbnail, excerpt。
管理画面からタームを増やせるようにする。
既定タームは init で term_exists を見て投入。

JS無しでも <a href> のクエリで動く。
JSありのときはAJAXで一覧だけ差し替え、history.replaceState でURLを更新する。
1ページ9件。「さらに読み込む」があるので display:none で隠さない。
関数・enqueue・nonce の接頭辞は corp_ / corpWorks に統一する。
コードコメントは日本語。

テーマ直下に置く。子テーマならファイルも functions.php も子に置き、
パスは get_stylesheet_directory() / get_stylesheet_directory_uri() を使う。
親テーマだけなら get_template_directory() でよい。

functions.php から inc/cpt-works.php を require する。
CPT・タクソノミ・クエリ・AJAXは inc/cpt-works.php。
一覧は archive-works.php。
詳細は single-works.php（ブログのカテゴリーを使わない。タームは絞り込みURLへリンク）。
カードは template-parts/works/card.php。
JSは assets/js/works.js（一覧のみ enqueue）。
CSSは assets/css/works.css（一覧と詳細で enqueue）。
nonce は wp_localize_script。AJAXの action 名と揃える。
初回だけ flush_rewrite_rules。
CPT UI で同じスラッグ works を作らない。

実績一覧の絞り込みは実装済み。ここから詳細を足す。

1. CPT works の supports に editor を追加する（title, editor, thumbnail, excerpt）。
2. テーマ直下に single-works.php を作る。ブログの single.php は使わない。
   投稿カテゴリー（get_the_category）は出さない。空の <a href=""> を作らない。
3. 詳細に出す分類は、タクソノミ works_service / works_building のターム。
   リンク先は一覧の絞り込みURL（corp_works_filter_url）にする。
4. 詳細の中身はアイキャッチ、タイトル、ターム、the_content()、実績一覧へ戻る。
   パンくずは HOME › 実績 › タイトル。
5. CSS は一覧と詳細の両方で enqueue する。JS（AJAX）は一覧だけ。
6. 関数・nonce・JS変数の接頭辞は corp_ / corpWorks のまま。新規の別接頭辞は作らない。
7. ファイルを子テーマに置いている場合は get_stylesheet_directory() を使う。
   親テーマだけの場合は get_template_directory() のまま。

コードコメントは日本語。既存の inc/cpt-works.php を壊さない。

<?php
/**
 * functions.php に追記する断片（サンプル）
 * テーマの既存 functions.php にコピーしてください。
 */

require_once get_template_directory() . '/inc/cpt-works.php';

add_action(
	'wp_enqueue_scripts',
	function () {
		if ( ! is_post_type_archive( 'works' ) && ! is_singular( 'works' ) ) {
			return;
		}

		wp_enqueue_style(
			'corp-works',
			get_template_directory_uri() . '/assets/css/works.css',
			array(),
			'1.0.1'
		);

		if ( ! is_post_type_archive( 'works' ) ) {
			return;
		}

		wp_enqueue_script(
			'corp-works',
			get_template_directory_uri() . '/assets/js/works.js',
			array(),
			'1.0.1',
			true
		);

		wp_localize_script(
			'corp-works',
			'corpWorks',
			array(
				'ajaxUrl'    => admin_url( 'admin-ajax.php' ),
				'nonce'      => wp_create_nonce( 'corp_works_filter' ),
				'archiveUrl' => get_post_type_archive_link( 'works' ),
			)
		);
	}
);

<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

function corp_register_works() {
	register_post_type(
		'works',
		array(
			'labels'        => array(
				'name'          => '実績',
				'singular_name' => '実績',
				'add_new_item'  => '実績を追加',
				'edit_item'     => '実績を編集',
				'all_items'     => '実績一覧',
				'menu_name'     => '実績',
			),
			'public'        => true,
			'has_archive'   => true,
			'rewrite'       => array(
				'slug'       => 'works',
				'with_front' => false,
			),
			'menu_icon'     => 'dashicons-portfolio',
			'supports'      => array( 'title', 'editor', 'thumbnail', 'excerpt' ),
			'show_in_rest'  => true,
		)
	);

	register_taxonomy(
		'works_service',
		'works',
		array(
			'labels'            => array(
				'name'          => '事業内容',
				'singular_name' => '事業内容',
				'menu_name'     => '事業内容',
				'add_new_item'  => '事業内容を追加',
			),
			'public'            => true,
			'hierarchical'      => true,
			'show_admin_column' => true,
			'show_in_rest'      => true,
			'rewrite'           => array(
				'slug'       => 'works-service',
				'with_front' => false,
			),
		)
	);

	register_taxonomy(
		'works_building',
		'works',
		array(
			'labels'            => array(
				'name'          => '建物の種類',
				'singular_name' => '建物の種類',
				'menu_name'     => '建物の種類',
				'add_new_item'  => '建物の種類を追加',
			),
			'public'            => true,
			'hierarchical'      => true,
			'show_admin_column' => true,
			'show_in_rest'      => true,
			'rewrite'           => array(
				'slug'       => 'works-building',
				'with_front' => false,
			),
		)
	);
}
add_action( 'init', 'corp_register_works', 0 );

function corp_works_maybe_flush_rewrite() {
	if ( get_option( 'corp_works_rewrite_flushed_v1' ) ) {
		return;
	}
	flush_rewrite_rules( false );
	update_option( 'corp_works_rewrite_flushed_v1', 1 );
}
add_action( 'init', 'corp_works_maybe_flush_rewrite', 99 );

function corp_works_default_terms() {
	return array(
		'works_service'  => array(
			'建物総合管理',
			'電気設備工事',
			'空調・衛生設備工事',
			'建築工事',
			'内装工事',
			'保守・点検',
		),
		'works_building' => array(
			'教育施設',
			'マンション',
			'オフィス',
			'工場',
			'医療・福祉施設',
			'倉庫',
			'商業施設・店舗',
		),
	);
}

function corp_works_ensure_terms() {
	foreach ( corp_works_default_terms() as $taxonomy => $terms ) {
		foreach ( $terms as $name ) {
			if ( ! term_exists( $name, $taxonomy ) ) {
				wp_insert_term( $name, $taxonomy );
			}
		}
	}
}
add_action( 'init', 'corp_works_ensure_terms', 20 );

function corp_works_per_page() {
	return 9;
}

function corp_works_pre_get_posts( $query ) {
	if ( is_admin() || ! $query->is_main_query() ) {
		return;
	}
	if ( ! $query->is_post_type_archive( 'works' ) ) {
		return;
	}

	$query->set( 'posts_per_page', corp_works_per_page() );

	$service  = isset( $_GET['works_service'] ) ? sanitize_title( wp_unslash( $_GET['works_service'] ) ) : '';
	$building = isset( $_GET['works_building'] ) ? sanitize_title( wp_unslash( $_GET['works_building'] ) ) : '';

	$tax_query = array( 'relation' => 'AND' );

	if ( $service && 'all' !== $service ) {
		$tax_query[] = array(
			'taxonomy' => 'works_service',
			'field'    => 'slug',
			'terms'    => $service,
		);
	}
	if ( $building && 'all' !== $building ) {
		$tax_query[] = array(
			'taxonomy' => 'works_building',
			'field'    => 'slug',
			'terms'    => $building,
		);
	}

	if ( count( $tax_query ) > 1 ) {
		$query->set( 'tax_query', $tax_query );
	}
}
add_action( 'pre_get_posts', 'corp_works_pre_get_posts' );

function corp_works_filter_url( $service, $building ) {
	$args = array();
	if ( $service && 'all' !== $service ) {
		$args['works_service'] = $service;
	}
	if ( $building && 'all' !== $building ) {
		$args['works_building'] = $building;
	}
	$url = get_post_type_archive_link( 'works' );
	return $args ? add_query_arg( $args, $url ) : $url;
}

function corp_works_build_tax_query( $service, $building ) {
	$tax_query = array( 'relation' => 'AND' );

	if ( $service && 'all' !== $service ) {
		$tax_query[] = array(
			'taxonomy' => 'works_service',
			'field'    => 'slug',
			'terms'    => $service,
		);
	}
	if ( $building && 'all' !== $building ) {
		$tax_query[] = array(
			'taxonomy' => 'works_building',
			'field'    => 'slug',
			'terms'    => $building,
		);
	}

	return count( $tax_query ) > 1 ? $tax_query : array();
}

function corp_works_query_args( $service, $building, $paged = 1 ) {
	$args = array(
		'post_type'      => 'works',
		'post_status'    => 'publish',
		'posts_per_page' => corp_works_per_page(),
		'paged'          => max( 1, (int) $paged ),
	);
	$tax_query = corp_works_build_tax_query( $service, $building );
	if ( ! empty( $tax_query ) ) {
		$args['tax_query'] = $tax_query;
	}
	return $args;
}

<?php
get_header();

$current_service  = isset( $_GET['works_service'] ) ? sanitize_title( wp_unslash( $_GET['works_service'] ) ) : 'all';
$current_building = isset( $_GET['works_building'] ) ? sanitize_title( wp_unslash( $_GET['works_building'] ) ) : 'all';

$service_terms  = get_terms( array( 'taxonomy' => 'works_service', 'hide_empty' => false ) );
$building_terms = get_terms( array( 'taxonomy' => 'works_building', 'hide_empty' => false ) );
?>

<section class="works-filter js-works-filter" aria-label="実績の絞り込み">
	<div class="works-filter__row">
		<p class="works-filter__heading">事業内容で絞り込む</p>
		<ul class="works-filter__list">
			<li>
				<a class="works-filter__btn js-works-filter-btn<?php echo 'all' === $current_service ? ' is-active' : ''; ?>"
					href="<?php echo esc_url( corp_works_filter_url( 'all', $current_building ) ); ?>"
					data-filter-axis="service"
					data-filter-value="all">すべて</a>
			</li>
			<?php if ( ! is_wp_error( $service_terms ) ) : ?>
				<?php foreach ( $service_terms as $term ) : ?>
					<li>
						<a class="works-filter__btn js-works-filter-btn<?php echo $current_service === $term->slug ? ' is-active' : ''; ?>"
							href="<?php echo esc_url( corp_works_filter_url( $term->slug, $current_building ) ); ?>"
							data-filter-axis="service"
							data-filter-value="<?php echo esc_attr( $term->slug ); ?>"><?php echo esc_html( $term->name ); ?></a>
					</li>
				<?php endforeach; ?>
			<?php endif; ?>
		</ul>
	</div>
	<div class="works-filter__row">
		<p class="works-filter__heading">建物の種類で絞り込む</p>
		<ul class="works-filter__list">
			<li>
				<a class="works-filter__btn js-works-filter-btn<?php echo 'all' === $current_building ? ' is-active' : ''; ?>"
					href="<?php echo esc_url( corp_works_filter_url( $current_service, 'all' ) ); ?>"
					data-filter-axis="building"
					data-filter-value="all">すべて</a>
			</li>
			<?php if ( ! is_wp_error( $building_terms ) ) : ?>
				<?php foreach ( $building_terms as $term ) : ?>
					<li>
						<a class="works-filter__btn js-works-filter-btn<?php echo $current_building === $term->slug ? ' is-active' : ''; ?>"
							href="<?php echo esc_url( corp_works_filter_url( $current_service, $term->slug ) ); ?>"
							data-filter-axis="building"
							data-filter-value="<?php echo esc_attr( $term->slug ); ?>"><?php echo esc_html( $term->name ); ?></a>
					</li>
				<?php endforeach; ?>
			<?php endif; ?>
		</ul>
	</div>
</section>

<section class="works-grid-section js-works-grid-section" aria-label="実績一覧" aria-live="polite">
	<?php if ( have_posts() ) : ?>
		<div class="works-grid">
			<?php
			while ( have_posts() ) :
				the_post();
				get_template_part( 'template-parts/works/card' );
			endwhile;
			?>
		</div>
	<?php else : ?>
		<p>該当する実績がありません。</p>
	<?php endif; ?>
</section>

<?php
$services  = get_the_terms( get_the_ID(), 'works_service' );
$buildings = get_the_terms( get_the_ID(), 'works_building' );
?>
<article <?php post_class( 'works-card' ); ?>>
	<h2 class="works-card__title"><?php the_title(); ?></h2>
	<?php if ( $services && ! is_wp_error( $services ) ) : ?>
		<ul class="works-card__tags">
			<?php foreach ( $services as $term ) : ?>
				<li><?php echo esc_html( $term->name ); ?></li>
			<?php endforeach; ?>
		</ul>
	<?php endif; ?>
	<?php if ( $buildings && ! is_wp_error( $buildings ) ) : ?>
		<ul class="works-card__tags">
			<?php foreach ( $buildings as $term ) : ?>
				<li><?php echo esc_html( $term->name ); ?></li>
			<?php endforeach; ?>
		</ul>
	<?php endif; ?>
</article>

function corp_works_request_filters() {
	$service  = isset( $_POST['works_service'] ) ? sanitize_title( wp_unslash( $_POST['works_service'] ) ) : 'all';
	$building = isset( $_POST['works_building'] ) ? sanitize_title( wp_unslash( $_POST['works_building'] ) ) : 'all';
	if ( '' === $service ) {
		$service = 'all';
	}
	if ( '' === $building ) {
		$building = 'all';
	}
	return array( $service, $building );
}

function corp_works_render_cards_html( $query ) {
	ob_start();
	if ( $query->have_posts() ) {
		echo '<div class="works-grid">';
		while ( $query->have_posts() ) {
			$query->the_post();
			get_template_part( 'template-parts/works/card' );
		}
		echo '</div>';
	} else {
		echo '<p>該当する実績がありません。</p>';
	}
	wp_reset_postdata();
	return ob_get_clean();
}

function corp_works_ajax_filter() {
	check_ajax_referer( 'corp_works_filter', 'nonce' );

	list( $service, $building ) = corp_works_request_filters();
	$query = new WP_Query( corp_works_query_args( $service, $building, 1 ) );

	wp_send_json_success(
		array(
			'gridHtml' => corp_works_render_cards_html( $query ),
			'url'      => corp_works_filter_url( $service, $building ),
			'service'  => $service,
			'building' => $building,
		)
	);
}
add_action( 'wp_ajax_corp_works_filter', 'corp_works_ajax_filter' );
add_action( 'wp_ajax_nopriv_corp_works_filter', 'corp_works_ajax_filter' );

(function () {
    'use strict';

    var config = window.corpWorks || {};
    var filterRoot = document.querySelector('.js-works-filter');
    var gridSection = document.querySelector('.js-works-grid-section');
    var isFiltering = false;

    function buildFilterUrl(service, building) {
        var url = config.archiveUrl || window.location.pathname;
        var params = [];
        if (service && service !== 'all') {
            params.push('works_service=' + encodeURIComponent(service));
        }
        if (building && building !== 'all') {
            params.push('works_building=' + encodeURIComponent(building));
        }
        return params.length ? (url + '?' + params.join('&')) : url;
    }

    function getActiveValue(axis) {
        var active = document.querySelector(
            '.js-works-filter-btn[data-filter-axis="' + axis + '"].is-active'
        );
        return active ? active.getAttribute('data-filter-value') : 'all';
    }

    function setActiveButton(axis, value) {
        document.querySelectorAll('.js-works-filter-btn[data-filter-axis="' + axis + '"]').forEach(function (btn) {
            btn.classList.toggle('is-active', btn.getAttribute('data-filter-value') === value);
        });
    }

    function applyFilter(service, building) {
        if (!config.ajaxUrl || !gridSection || isFiltering) {
            return;
        }
        isFiltering = true;
        gridSection.classList.add('is-loading');

        var form = new FormData();
        form.append('action', 'corp_works_filter');
        form.append('nonce', config.nonce || '');
        form.append('works_service', service || 'all');
        form.append('works_building', building || 'all');

        fetch(config.ajaxUrl, {
            method: 'POST',
            credentials: 'same-origin',
            body: form
        })
            .then(function (res) { return res.json(); })
            .then(function (json) {
                if (!json || !json.success || !json.data) {
                    throw new Error('filter failed');
                }
                setActiveButton('service', json.data.service || 'all');
                setActiveButton('building', json.data.building || 'all');
                gridSection.innerHTML = json.data.gridHtml || '';
                if (json.data.url && window.history && window.history.replaceState) {
                    window.history.replaceState({ worksFilter: true }, '', json.data.url);
                }
            })
            .catch(function () {
                // 失敗時は何もしない（リンク遷移に飛ばすとスクロールが飛ぶため）
            })
            .finally(function () {
                isFiltering = false;
                gridSection.classList.remove('is-loading');
            });
    }

    if (filterRoot) {
        filterRoot.addEventListener('click', function (e) {
            var btn = e.target.closest('.js-works-filter-btn');
            if (!btn) {
                return;
            }
            e.preventDefault();

            var axis = btn.getAttribute('data-filter-axis');
            var value = btn.getAttribute('data-filter-value') || 'all';
            var service = getActiveValue('service');
            var building = getActiveValue('building');

            if (axis === 'service') {
                service = value;
            } else if (axis === 'building') {
                building = value;
            }

            applyFilter(service, building);
        });
    }
})();

.works-filter {
    margin-bottom: 48px;
    padding: 32px 0;
    border-top: 1px solid #e4e3e0;
    border-bottom: 1px solid #e4e3e0;
}

.works-filter__row + .works-filter__row {
    margin-top: 28px;
}

.works-filter__heading {
    font-size: 14px;
    margin-bottom: 16px;
}

.works-filter__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.works-filter__btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #d2d1cd;
    font-size: 13px;
    color: #4a4a4a;
    background: #fff;
}

.works-filter__btn:hover,
.works-filter__btn.is-active {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.works-grid-section.is-loading {
    opacity: 0.55;
    pointer-events: none;
}

.works-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
}

@media (max-width: 768px) {
    .works-grid {
        grid-template-columns: 1fr;
    }
}