サポート » 使い方全般 » ループ処理 空の要素が吐き出される

  • 解決済 maki1463

    (@maki1463)


    お世話になっております。
    先日は [解決済] 作成したカスタムフィールドの画像をクリックしたときに同じ記事の他のカスタムフィールドの画像にリンクしたい
    を投稿いたしまして、無事に画像の表示などが出来ました。

    ところがふとした時に気が付いたのですが、ソースを見ると正しいループの後に空の要素が吐き出されていました。
    そのためデバイスのサイズによっては下に大きく空白が空いてしまいます。

    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件中)
  • <?php while ( have_posts() ) : the_post();
    	$thumbnail = get_field('150thum')['url'];
    	$original = get_field('full_img')['url'];
            if(empty($thumbnail) || empty($original)) continue;
     ?>

    などして、カスタムフィールドの 150thm と full_imgのどちらか一方の URLの値が空であれば
    ループを次にスキップするというのをいれてみてはどうでしょうか。

    トピック投稿者 maki1463

    (@maki1463)

    kimipooh様
    すごいです!1発で解決いたしました。
    こちらのコードをそのまま入れただけです。
    本当にありがとうございました。

    トピック投稿者 maki1463

    (@maki1463)

    管理者様へ

    こちらに載せたurl部分を削除またはトピックを削除したく思います。
    テストサイトのurlではございますが、ドメインが含まれておりますので
    検索をするとサイトの名前で上の方に上がってしまいます。
    どうかご対応お願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「ループ処理 空の要素が吐き出される」には新たに返信することはできません。