タクソノミーアーカイブでACFで設定した画像を表示する

ブロックテーマ増加中ですが、まだまだハイブリットテーマも存続していきそうな今日この頃。カスタムタクソノミーのアーカイブ背景に、タクソノミー毎に別の背景画像を表示する案件があったのでその方法を。

条件

• カスタムフィールドはACFで作成
• フィールドタイプは「画像」、戻り値の形式はここでは「画像配列」

<?php
$term_id = get_queried_object_id();
$term_gfid = $taxonomy .'_'. $term_id;
$field = get_field('visual_category', $term_gfid);

?>
<?php if($field ): ?>
	<style>
		.visual{
			background-image:url(<?php echo $field[url]; ?>);
			background-size:cover;
		}
	</style>
<?php endif; ?>

この記述で画像のURLを取得することが出来ます。ポイントになるのは、$term_gfid です。フィールドの値を取得する時に、タクソノミーのスラッグとタームのidを「_」で結合した値を設定しないと取得できないのです。当然、カテゴリーのケースでも同様ですが、ここは少々わかりにくい。

ここのところブロックテーマの作成ばかり勉強していて、久々にACF PROを触ったら、カスタムポストとタクソノミーが作成出来ることになっている。驚き。今後はCustom Post Type UIは不要なのか。値の取得とか今までと違ったりするとめんどい。しかしACFだけで完結できるならその方が便利そう。ブロックテーマの登場でACFも活躍場所が減ってくるかもしれないので、そのあたりの生き残り合戦だろうか。栄枯盛衰激しい。Jamstackの勉強しておこうかな。