サポート » プラグイン » Advanced Custom Fieldsでトップページへの出力について

  • 解決済 oui914

    (@oui914)


    トップページにAdvanced Custom Fieldsで作成したフォールド(ラジオボタンで選択した項目の出力)を表示させるため、以下のようにコードを書きました。

    <?php get_header(); ?>
    	<div id="primary" class="content-area">
    		<div id="content" class="site-content" role="main">
    <div class="pick_box">
    <?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>
    <?php $pickup = get_field('pickup',$post->ID); ?>
    <?php if ( '1' == $pickup ) : ?>
    <div class="pick1"><a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php the_field("img1", $post->ID); ?>" width="200" alt="<?php the_title(); ?>"></a></div>
    <?php endif; ?>
    <?php if ( '2' == $pickup ) : ?>
    <div class="pick2"><a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php the_field("img1", $post->ID); ?>" width="200" alt="<?php the_title(); ?>"></a></div>
    <?php endif; ?>
    <?php if ( '3' == $pickup ) : ?>
    <div class="pick3"><a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php the_field("img1", $post->ID); ?>" width="200" alt="<?php the_title(); ?>"></a></div>
    <?php endif; ?>
    <?php if ( '4' == $pickup ) : ?>
    <div class="pick4"><a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php the_field("img1", $post->ID); ?>" width="200" alt="<?php the_title(); ?>"></a></div>
    <?php endif; ?>
    <?php if ( '5' == $pickup ) : ?>
    <div class="pick5"><a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php the_field("img1", $post->ID); ?>" width="200" alt="<?php the_title(); ?>"></a></div>
    <?php endif; ?>
    <?php endwhile; ?>
    <?php endif; ?>
    </div>
    		</div><!-- #content -->
    	</div><!-- #primary -->
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    この<div class=”pick_box”></div>の上にカテゴリID4の最新投稿3つを表示させたいので、以下のコードを追記しました。

    <div class="news_box">
    <?php if (is_home()) query_posts('cat=4&showposts=3'); ?>
    <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
    <?php the_post_thumbnail('thumbnail'); ?>
    <h2><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><?php the_title();?></a></h2>
    <p><?php the_time('Y年n月j日'); ?></p>
    <?php the_content(); ?>
    <?php endwhile; else: ?>
    <?php endif; ?>
    </div>

    すると<div class=”pick_box”></div>の中が表示されなくなってしまいました。

    この<div class=”news_box”></div>を<div class=”pick_box”></div>の下に移動させるとどちらも問題なく表示されます。

    どなたか大変お手数ですが、解決方法をご指導を頂きたくお願い申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター Takuro Hishikawa

    (@hissy)

    wp_reset_query();をお忘れです。

    Codex:テンプレートタグ/query posts

    トピック投稿者 oui914

    (@oui914)

    Takuro Hishikawa様。

    <div class=”news_box”></div>の下に
    <?php wp_reset_query(); ?>を追記し、
    無事、<div class=”pick_box”></div>の中を表示させることができました。

    初歩的なミスなのにご親切に教えて頂き、
    本当にありがとうございました。

    しっかり勉強します・・・

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Advanced Custom Fieldsでトップページへの出力について」には新たに返信することはできません。