Show the related post taxonomies

I searched from old support answers and I made the taxonomy to be displayed in the related posts. The issue now is that the taxonomy and the title are in the same label and I can’t style the separetly. How do I do that?

Also, I have the problem with the size of the thumbnail, since it is 150*150 if I style ir bigger, te image looks bad and pixelated.

Help please!

Hi alejas91

How did you display the taxonomy. Can you show me the code.

Try removing the comma in your code, like this:

<?php echo do_shortcode('[related_posts_by_tax format="thumbnails" image_size="large" posts_per_page="4"]'); ?>

Hi,
I used a function that I pasted on the functions.php just as you recomended:

add_filter( 'related_posts_by_taxonomy', 'rpbt_add_title_filter', 10, 4 );

function rpbt_add_title_filter( $results, $post_id, $taxonomies, $args ) {
	global $rpbt_related_args;

	if ( isset( $args['type'] ) && ( 'shortcode' === $args['type'] ) ) {
		$names_args = array(
			'include'           => $args['related_terms'],
			'fields'            => 'id=>name',
		);

		// Get the term names for the related terms used in the query;
		$terms = get_terms( $taxonomies, $names_args );

		$rpbt_related_args = $args;
		$rpbt_related_args['term_names'] = $terms;
		$rpbt_related_args['taxonomies'] = $taxonomies;

		// Add a filter to the title for the shortcode.
		add_filter( 'the_title', 'rpbt_add_terms_to_title', 10, 2 );

		// Remove the filter after displaying related posts.
		add_filter( 'related_posts_by_taxonomy_after_display', 'rpbt_remove_filter' );
	}

	return $results;
}

function rpbt_add_terms_to_title( $title, $id ) {
	global $rpbt_related_args;

	// Get the terms for the current post ID
	$terms = wp_get_object_terms( $id, array_map( 'trim', (array) $rpbt_related_args['taxonomies'] ), array( 'fields' => 'ids' ) );

	// Remove terms not assigned to current post ID.
	$terms = array_values( array_intersect( $rpbt_related_args['related_terms'], $terms ) );
	$names = '';

	// Create term names string
	if ( $terms ) {
		foreach ( $terms as $term ) {
			if ( isset( $rpbt_related_args['term_names'][$term] ) ) {
				$names .= $rpbt_related_args['term_names'][$term] . ', ';
			}
		}
		$names = trim( $names, ', ' );
		$names = !empty( $names ) ? ' ' . $names . '' : '';
	}

	return $names . $title ;
}

// Remove the filter
function rpbt_remove_filter() {
	remove_filter( 'rpbt_add_terms_to_title','the_title', 10, 2 );
}

But I get the taxonomy and the title on the same html label so I can’t style them diferent. Also they are in the same line.

Thanks for the help with the images by the way, it worked perfect ??

Also, I want to display a custom field.. how do I do?

Try changing this:

$names = !empty( $names ) ? ' ' . $names . '' : '';

to this:

$names = !empty( $names ) ? '<span class="rpbt_terms">' . $names . '</span><br/>' : '';

Now you can style the terms differently

.rpbt_terms {
    /* your styles here */
}

Where do you want to display a custom field?

After the taxonomy and the name! ?? (also, thank you for the name and taxonomy, it worked perfect!)

Hello, do you know how to display the custom field?

Hi alejas91

Sorry for the late replay. I changed the code a little. Try it with this:

add_filter( 'related_posts_by_taxonomy', 'rpbt_add_title_filter', 10, 4 );

function rpbt_add_title_filter( $results, $post_id, $taxonomies, $args ) {
	global $rpbt_related_args;

	if ( isset( $args['type'] ) && ( 'shortcode' === $args['type'] ) ) {

		$names_args = array(
			'include'           => $args['related_terms'],
			'fields'            => 'id=>name',
		);

		// Get the term names for the related terms used in the query;
		$terms = get_terms( $taxonomies, $names_args );

		$rpbt_related_args = $args;
		$rpbt_related_args['term_names'] = $terms;
		$rpbt_related_args['taxonomies'] = $taxonomies;

		// Add a filter to the caption for thumbnails.
		add_filter( 'related_posts_by_taxonomy_caption', 'rpbt_add_terms_to_title', 10, 3 );

		// Remove the filter after displaying related posts.
		add_filter( 'related_posts_by_taxonomy_after_display', 'rpbt_remove_filter' );
	}

	return $results;
}

function rpbt_add_terms_to_title( $caption, $post, $args ) {
	global $rpbt_related_args;

	// Get the terms for the current post ID
	$terms = wp_get_object_terms( $post->ID, array_map( 'trim', (array) $rpbt_related_args['taxonomies'] ), array( 'fields' => 'ids' ) );

	// Remove terms not assigned to current post ID.
	$terms      = array_values( array_intersect( $rpbt_related_args['related_terms'], $terms ) );
	$term_names = '';
	$post_meta  = '';

	// Create term names string
	if ( $terms ) {
		foreach ( $terms as $term ) {
			if ( isset( $rpbt_related_args['term_names'][$term] ) ) {
				$term_names .= $rpbt_related_args['term_names'][$term] . ', ';
			}
		}
		$term_names = trim( $term_names, ', ' );
		$term_names = !empty( $term_names ) ? '<span class="rpbt_terms">' . $term_names . '</span><br/>' : '';
	}

	// Get custom field value
	$meta = get_post_meta( $post->ID, 'your-custom-field-key', true );

	// Check if the custom field has a value.
	if ( !empty( $meta ) ) {
		$post_meta = '<br/><span class="rpbt_meta">' . $meta . '</span>';
	}

	// Return term names, caption and post mets
	return $term_names . $caption . $post_meta;
}

// Remove the filter
function rpbt_remove_filter() {
	remove_filter( 'related_posts_by_taxonomy_caption', 'rpbt_add_terms_to_title', 10, 3 );
}

Change your-custom-field-key for the custom field key you want to display.

Perfect! Thank you very much for your help, you are awesome ??

You’re welcome ??