[ 解決済 ] VKBLOCKS投稿リスト「画像右上分類」と「分類（全項目）」で表示されるタームをカスタマイズしたい

新規にカスタム投稿タイプを作る前提で考えましたので、既存のカスタム投稿タイプだと一部ご期待通りでないかもしれませんが、こんなやり方もできるということで紹介させていただきます。

「画像右上分類」は、特定のカスタムタクソノミーの子タームからのみ表示されるようにしたい。

VK All in One Expansion Unit のカスタム投稿タイプマネージャーを使う場合は1番目に指定したカスタム分類が「画像右上分類」に表示されます。

【添付画像】custom-post-type-1.png

「分類（全項目）」は、上に加えて、タクソノミーの表示順をカスタムしたい。

以下のような CSS を書いて表示順をコントロールできます。

.vk_post_taxonomies {
display: flex;
flex-direction: column;
}

.vk_post_taxonomy-area {
order: 1;
}

.vk_post_taxonomy-industry {
order: 2;
}

.vk_post_taxonomy-employees {
order: 3;
}

【添付画像】custom-post-type-2.png

しばらくお待ちください。

タクソノミー構造を変えない方法を探しております。

ですよね。

どのようにすればできるのか、私も興味があります。

どなたかからの回答があるかもしれません。

たぶんこれでいけると思います。

by いしかわ

function my_vk_post_custom_term( $options, $post ){
	if ( 'event' === get_post_type() ) {
		// 元の画像右上のカスタム分類名を非表示に.
		$options['display_image_overlay_term'] = false;
		// 画像右上に表示するカスタム分類
		$options['body_append'] = my_get_vk_post_custom_single_term( $post );
	}
	return $options;
}
add_filter( 'vk_post_options', 'my_vk_post_custom_term', 10, 2 );

/**
 * 投稿一覧画面で表示する投稿情報画像右上のカスタム分類
 *
 * @param object $post : 1件分の投稿情報.
 */
function my_get_vk_post_custom_single_term( $post ) {

	// 表示したい投稿タイプを条件分岐で指定します.
	// ※その他必要に応じて $options や $post の中身を元に条件分岐を追加してください.
	if ( 'event' === $post->post_type ) {

		$args = array(
			'class' => 'vk_post_imgOuter_singleTermLabel', // クラス名を追加する場合は指定.
		);

		$outer_class = ' class="' . esc_attr( $args['class'] ) . '"';

		$single_term_with_color = '';
		// 表示対象に指定するカスタム分類名.
		$taxonomy = 'area';
		// 投稿に紐付いているカスタム分類を取得.
		$terms = get_the_terms( $post->ID, $taxonomy );

		$term_id = '';
		foreach ( $terms as $key => $term ) {
			// 親のないタームの場合.
			if ( ! $term->parent ) {
				// 親のないタームタームを除外.
				unset( $terms[ $key ] );
			}
		}
		// 配列キーのふりなおし.
		$terms = array_values( $terms );

		if ( ! empty( $terms[0] ) ) {
			$term_name = esc_html( $terms[0]->name );
			if ( method_exists( 'Vk_term_color', 'get_term_color' ) ) {

				$term_color              = Vk_term_color::get_term_color( $terms[0]->term_id );
				$term_color              = ( $term_color ) ? ' style="color:#fff;background-color:' . $term_color . '"' : '';

				$single_term_with_color .= '<span' . $outer_class . $term_color . '>';
				$single_term_with_color .= $term_name;
				$single_term_with_color .= '</span>';
			}
		}

	}

	return $single_term_with_color;
}