カテゴリー名を複数表示する

  1. 子テーマに module_loop_post_meta.php ファイルを作成
  2. module_loop_post_meta.php に以下のコードを貼り付け
<?php global $lightning_theme_options; ?>
<div class="entry-meta">

<?php if ( get_post_type() != 'product' ) : ?>

<span class="published entry-meta_items"><?php echo esc_html( get_the_date() ); ?></span>
<?php
// Post update
$meta_hidden_update = ( isset( $lightning_theme_options['postUpdate_hidden'] ) && $lightning_theme_options['postUpdate_hidden'] ) ? ' entry-meta_hidden' : '';
?>

<span class="entry-meta_items entry-meta_updated<?php echo $meta_hidden_update; ?>">/ <?php _e( 'Last updated', 'lightning-pro' ); ?> : <span class="updated"><?php the_modified_date( '' ); ?></span></span>

<?php
// Post author
// For post type where author does not exist
$author = get_the_author();
if ( $author ) {
?>

	<?php
	$meta_hidden_author = ( isset( $lightning_theme_options['postAuthor_hidden'] ) && $lightning_theme_options['postAuthor_hidden'] ) ? ' entry-meta_hidden' : '';
	?>

	<span class="vcard author entry-meta_items entry-meta_items_author<?php echo $meta_hidden_author; ?>"><span class="fn"><?php echo esc_html( $author ); ?></span></span>

<?php } // if ( $author ) { ?>

<?php endif; // if ( get_post_type() != 'product' ) ?>

<?php
	$taxonomies = get_the_taxonomies();
if ( $taxonomies ) :
	// get $taxonomy name
	// $taxonomy   = key( $taxonomies );
	// To avoid WooCommerce default tax
	foreach ( $taxonomies as $key => $value ) {
		if ( $key != 'product_type' ) {
			$taxonomy = $key;
			break;
		}
	}

	$terms = get_the_terms( get_the_ID(), $taxonomy );

	foreach ( $terms as $key => $term ) {
		$term_url   = esc_url( get_term_link( $term->term_id, $taxonomy ) );
		$term_name  = esc_html( $term->name );
		$term_color = '';
		if ( class_exists( 'Vk_term_color' ) ) {
				$term_color = Vk_term_color::get_term_color( $term->term_id );
				$term_color = ( $term_color ) ? ' style="background-color:' . $term_color . ';border:none;"' : '';
		}
		echo '<span class="entry-meta_items entry-meta_items_term"><a href="' . $term_url . '" class="btn btn-xs btn-primary"' . $term_color . '>' . $term_name . '</a></span>';

	} // foreach ( $terms as $key => $term ) {
	endif;
?>

</div>

CSSの指定

下記の何れかに貼り付けてください。

  • 外観 > カスタマイズ 画面「追加CSS」
  • ExUnit > CSSカスタマイズ
  • 子テーマの style.css
.entry-meta_items_term {
	margin-left:4px;
}