lightining

【WordPress / CSS】ブログの一覧ページの記事にカテゴリーを複数表示する【カスタマイズ】

  /

子テーマで行う。（バックアップ必須）
template-parts/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>

 

※参考

https://wp908.com/2020/11/05/lightning-category-custom/

RELATED POST