ループ処理 空の要素が吐き出される
-
お世話になっております。
先日は [解決済] 作成したカスタムフィールドの画像をクリックしたときに同じ記事の他のカスタムフィールドの画像にリンクしたい
を投稿いたしまして、無事に画像の表示などが出来ました。ところがふとした時に気が付いたのですが、ソースを見ると正しいループの後に空の要素が吐き出されていました。
そのためデバイスのサイズによっては下に大きく空白が空いてしまいます。html上のソースは以下で上段が正しく、下の段は空です。
<div class="target scale"><a href="http://nekonoteworks.fem.jp/nekonoteworks/wp-content/uploads/2016/10/DSC_4434.jpg" data-lightbox="image-1" data-title="My caption"> <img src="http://nekonoteworks.fem.jp/nekonoteworks/wp-content/uploads/2016/10/150-5.jpg" alt="" /> </a></div> <div class="target scale"><a href="" data-lightbox="image-1" data-title="My caption"> <img src="" alt="" /> </a></div>
phpは
省略> </header><!-- .page-header --> <?php query_posts('posts_per_page=-1'); ?> <?php if ( have_posts() ) { ?> <div id="blog-wrap" class="clr"> <div id="portforio_listbox" class="portforio_listbox"><div class="al-6"> <?php while ( have_posts() ) : the_post(); $thumbnail = get_field('150thum')['url']; $original = get_field('full_img')['url']; ?> <div class="target scale"><a href="<?php echo $original; ?>" data-lightbox="image-1" data-title="My caption"> <img src="<?php echo $thumbnail; ?>" alt="" /> </a></div> <?php endwhile; ?> </ul></div><!-- #blog-wrap --> <?php wpex_pagejump(); ?> <?php } else { ?> <?php get_template_part( 'content', 'none' ); ?> <?php } ?> </div></div><!-- #content --> </div></div><!-- #primary --> <?php get_footer(); ?>
となっております。
どうぞご教授くださいませ。
3件の返信を表示中 - 1 - 3件目 (全3件中)
3件の返信を表示中 - 1 - 3件目 (全3件中)
- トピック「ループ処理 空の要素が吐き出される」には新たに返信することはできません。