商品カテゴリーを使う場合は、カテゴリー別の商品リストを表示させる必要があるため、taxonomy.phpを用意します。
内容はhome.phpとほとんど同じで構いませんが、以下の2点を追加・変更します。
- カテゴリーのタイトルを表示させる。
- 表示させる商品数を無制限に変更。
投稿タイプ「cart」を表示させるコード
<!-- カテゴリーのタイトルを表示 --> <h2><?php single_cat_title('', 'display'); ?></h2> <div class="clear"></div> <ul class="block3"> <?php $loop = new WP_Query(array( 'post_type' => 'cart',//投稿タイプを指定 'posts_per_page' => -1,//-1と設定し、表示数を無制限に 'orderby' => 'rand',//商品をランダムに選んで表示 )); if ( $loop->have_posts() ) : while($loop->have_posts()): $loop->the_post(); ?> <li> <!-- アイキャッチを登録しているので、その画像を表示 --> <a href='<?php the_permalink() ?>' title='<?php the_title(); ?>'><?php the_post_thumbnail('thumbnail'); ?> </a><br> <!-- 価格のカスタムフィールドを読み込み --> <?php $get_meta = $olivecart_meta->get_meta($post->ID); ?> <h3><a href='<?php the_permalink() ?>'><?php the_title(); ?></h3> <p>¥<?php echo $get_meta->item_option_price;?>(税込)</p> </li> <?php endwhile; ?> <?php endif; ?> </ul><!-- /block --> <!-- クエリをリセット --> <?php wp_reset_query(); ?>
taxonomy.phpのコード全文
<?php get_header(); ?> <!-- entries --> <div id="entries"> <h2><?php single_cat_title('', 'display'); ?></h2> <div class="clear"></div> <ul class="block3"> <?php $loop = new WP_Query(array( 'post_type' => 'cart', 'posts_per_page' => -1, 'orderby' => 'rand', )); if ( $loop->have_posts() ) : while($loop->have_posts()): $loop->the_post(); ?> <li> <a href='<?php the_permalink() ?>' title='<?php the_title(); ?>'><?php the_post_thumbnail('thumbnail'); ?> </a><br> <?php $get_meta = $olivecart_meta->get_meta($post->ID); ?> <h3><a href='<?php the_permalink() ?>'><?php the_title(); ?></h3> <p>¥<?php echo $get_meta->item_option_price;?>(税込)</p> </li> <?php endwhile; ?> <?php endif; ?> <?php wp_reset_query(); ?> </ul><!-- /block --> </div><!-- /entries --> <?php get_sidebar(); ?> <?php get_footer(); ?>
*本コードはあくまで、どのようにコードを書き換えるのかというサンプルとして掲示しています。コードの正常な動作を保証するものではありません。