WordPressのカテゴリーアーカイブをタグで絞り込み検索

2022/03/10

WordPress

カテゴリーアーカイブのぺージ上で、カテゴリー×タグの絞り込み検索を実装したメモです。

検索結果ぺージに投げるパターンはよくありますが、カテゴリーアーカイブのページ上でタグを使って絞り込みを実行する方法をやってみました。

検索結果ページとカテゴリーアーカイブで表示内容やデザインを変えている場合などで使える実装かと思います。少し変えると、カスタムタクソノミーでも利用可能です。

フォーム
表示

フォーム

if( is_category() ){
	$cat_id = get_query_var( 'cat' );
	$url = get_category_link( $cat_id );
	$post_ids = get_objects_in_term( $cat_id, 'category' );
	$args = array(
		'orderby'		=> 'count', 
		'order'			=> 'DESC',
		'object_ids'	=> $post_ids,
	);
	$terms = get_terms( 'post_tag', $args );

	if ( ! empty( $terms ) && !is_wp_error( $terms ) ){
?>
<div class="filter-archive">
	<form action="<?php echo $url; ?>"  class="filter-archive_form">
		<select name="filter_tag">
			<option value="">---</option>
			<?php
			$filter_tag = get_filter_tag();
			foreach ( $terms as $term ) {
				$selected = $filter_tag == $term->term_id ? ' selected' : '';
				echo '<option value="' . $term->term_id . '"' . $selected . '>' . $term->name . '</option>';
			}
			?>
		</select>
		<input type="submit" value="絞り込む">
	</form>
</div>
<?php
	}
}

ポイント

カテゴリーの記事が利用しているタグだけに絞り込み（get_objects_in_term()で取得したidの配列をget_terms()のobject_idsに渡す）
get_filter_tagは自作関数（下記参照）

表示

if( !empty( $_GET['filter_tag']) ){
	$term_id = get_filter_tag();
	if( $term_id ){
		add_action( 'pre_get_posts', 'filter_archive' );
	}
}

function get_filter_tag(){
	$term_id = '';
	if( !empty( $_GET['filter_tag']) ){
		$term_id = (int)$_GET['filter_tag'];
	}
	return $term_id;
}

function filter_archive( $query ){
	if( !is_admin() && $query->is_main_query() ){
		$term_id = get_filter_tag();
		$query->set( 'tag_id', $term_id );
	}
}