wordpress カスタム投稿のリストを条件分岐しながら、連番でリストに連番クラスをつける方法です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<ul> <li> <h4><span class="btn_arrow_round_bt">お知らせ一覧</span></h4> </li> <?php query_posts( array( 'post_type' => 'car', //カスタム投稿名 'taxonomy' => 'car-cat', 'term' => 'trailer', 'posts_per_page' => -1 //表示件数( -1 = 全件 ) )); ?> <?php if(have_posts()): ?> <?php $s = 0; while(have_posts()):the_post(); $s++; ?> <li class="item<?php echo $s; ?>"> <?php $i = 0; if(have_rows('お知らせ')): ?> <?php while(have_rows('お知らせ')): the_row(); $i++; ?> <?php if( $i < 2 ): ?> <a href="<?php the_permalink(); ?>"><img src="<?php the_sub_field('お知らせ画像'); ?>"></a></p> <?php endif; ?> <?php endwhile; ?> <?php else : ?><!--お知らせのカスタムフィールドに画像がないときの処理--> <div class="news"><div class="no-image top"><a href="<?php the_permalink(); ?>"><span>No image</span></a></div></div> <?php endif; ?> </li> <?php endwhile; else: ?><!--お知らせに記事ががないときの処理--> <li><div class="test"><div class="no-image top none"><p>現在記事が<br>ありません</p></div></div></li> <?php endif; ?> <?php wp_reset_query(); ?> <li class="btn"><a href="news-archive">お知らせ一覧の続きを見る</a></li> </ul> |
上記はwhile文で、カスタム投稿のお知らせの画像が設定されているときとされていないときの条件分岐をしながら、投稿された記事を習得しています。
また、何も投稿がないときendwhile; elseで「現在記事がありません」と表示されるようになっています。
また上記は連番でリストにitem01,item02と名前がついていくのでお知らせ一覧の続きを見るボタンを3記事以上投稿されていた時に
1 2 3 4 5 6 |
.btn{ display:none; } .item03+.btn{ display:block; } |
上記で表示させることができます
コメント