[Resolved] Custom archive page with customized list of terms on each post

Hi there,

just to be clear, you do want to change what posts are displayed.. just the terms that each post has ?

Ok, so it requires a custom function.
1. Add this PHP Snippet to your site:

// display custom terms in loop
// show only parent terms on parent archives
// show only child terms on child archives
function custom_get_terms() {
    // set the taxonomy
    $tax_name = 'category';
    // is archive parent or child logic
    $current_term = get_queried_object();
    $is_parent = $current_term->parent == 0 ? true : false;
    // get the terms
    $terms = get_the_terms( get_the_ID(), $tax_name );
    $html = '<ul class="custom-terms">';

    foreach( $terms as $key => $term ) {
        if ( ( $is_parent && $term->parent == 0 ) || ( !$is_parent && $term->parent != 0 ) ) {
            // return html if term heirarchy matches archives
            $html .= '<li><a href="' . esc_attr( get_term_link( $term->slug,  $tax_name ) ) . '">' . __( $term->name ) . '</a></li>';
        }
    }
    $html .= '</ul>';

    return $html;
}
// render_block with class of custom-terms
add_filter( 'render_block', function( $block_content, $block ) {
    if ( 
        ! empty( $block['attrs']['className'] ) 
        && 'custom-terms' === $block['attrs']['className']  
    ) {
        $block_content = custom_get_terms();
    }

    return $block_content;
}, 10, 2 );

2.Then in your element, add a headline block, with just some static text, and in Advanced > Additional CSS Class(es) add: custom-terms

3. It will require some CSS to remove bullets and display it as a row:

.custom-terms {
    list-style: none;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

The font size and colors you can apply directly to the headline block.

Glad to be of help