ACF Term Meta on Single Posts in Bricks

Consider this scenario:

CPT: Project

Custom taxonomy: Project Type

Each project will be assigned only one project type.

Project Type taxonomy’s custom field: Project Type Color

Requirement: Get the project type color of the project type that’s assigned to the current single Project page being viewed.

This Pro tutorial shows how ACF term meta can be output on single posts in Bricks.

ACF field group definition:

‘Development’ project type term:

A project post having ‘Development’ project type:

On the front end after implementing the tutorial (notice the post title’s color):

‘Design’ project type term:

A project post that’s assigned to ‘Design’ type on the front end:

Step 1

Add the following in child theme‘s functions.php (w/o the opening PHP tag) or a code snippets plugin:

<?php

function bl_get_acf_term_meta_on_single() {
    $tax = 'project-type';
    $field = 'project_type_color';

    // Get the object of first term of the specified taxonomy
    $term = get_the_terms( get_the_ID(), $tax )[0];

    // Return specified field value of the above term if present, otherwise a fallback value
    return get_field( $field, $term ) ?: '#222222';
}

Replace project-type and project_type_color with your taxonomy name and field name.

Replace #222222 with your desired fallback. This will be used when the color is cleared out in the color control in the post editor.

Step 2

Now you are ready to pull the color in the single project CPT template or in a project CPT query loop.

{echo:bl_get_acf_term_meta_on_single}

Ex.:

Can also be used as an attribute: