カスタムフィールドが空の時の処理とflexsliderの組み合わせ
1 2 3 4 5 6 7 8 9 |
<?php $value = get_post_meta($post->ID, 'カスタムフィールド名', true);?> <?php if(empty($value)):?> <!--空欄の時に表示--> <?php else:?> <!--空欄ではない時に表示--> <div class=“img-wrap”> <img src="<?php echo post_custom('カスタムフィールド名');?>"> </div> <?php endif;?> |
これを応用して、
flexsliderと組み合わせて、gallery1~3までのフィールドを用意し、2,3が空欄の時はスライダーを1だけしか表示させないようにしました。
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 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<!-- sliderここから --> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <?php $image = get_field('gallery1'); $size = 'full'; // (thumbnail, medium, large, full or custom size) if( $image ) { echo wp_get_attachment_image( $image, $size ); } ?> </li> <?php $value = get_post_meta($post->ID, 'gallery2', true);?> <?php if(empty($value)):?> <!--空欄の時の処理--> <?php else:?> <!--空欄では無い時の処理--> <li> <?php $image = get_field('gallery2'); $size = 'full'; // (thumbnail, medium, large, full or custom size) if( $image ) { echo wp_get_attachment_image( $image, $size ); } ?> </li> <?php endif;?> <?php $value = get_post_meta($post->ID, 'gallery3', true);?> <?php if(empty($value)):?> <!--空欄の時の処理--> <?php else:?> <!--空欄では無い時の処理--> <li> <?php $image = get_field('gallery3'); $size = 'full'; // (thumbnail, medium, large, full or custom size) if( $image ) { echo wp_get_attachment_image( $image, $size ); } ?> </li> <?php endif;?> </ul> </div> </section> <!-- sliderend --> |