如何在类别页面中显示每个图库图像

时间:2015-07-10 03:38:21

标签: wordpress advanced-custom-fields

我想制作类别库。所以我有一个名为 gallery 的类别,我创建了一些带有图库图片的帖子。在图库类别页面中,我想显示每个帖子4图片。图片将来自advancedcustomfields gallery字段。 bellow是我目前的类别 - 图库页面代码,图片不会出现,但标题和更多链接工作正常。会不会告诉我怎么做?

<?php get_header(); ?>

<div class="contentarea">
  <div class="wapper">
    <div class="content clearfix">
      <?php 
    while ( have_posts() ) :
    the_post();
    $images = get_field('gallery_picture');

    ?>
      <h2><a href="<?php  the_permalink(); ?>">
        <?php  the_title(); ?>
        </a></h2>
      <a href="<?php echo $image['url']; ?>"> <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" /> </a> <a href="<?php  the_permalink(); ?>" class="info">Gallery</a> </div>
    <?php  endwhile; ?>
  </div>
</div>
</div>
<?php get_footer(); ?>

1 个答案:

答案 0 :(得分:0)

我解决了这个问题。所以想与其他人分享。这是类别页面。下面是代码

      <?php 
    while ( have_posts() ) :
    the_post();


    ?>
      <h2><a href="<?php  the_permalink(); ?>">
        <?php  the_title(); ?>
        </a></h2>
      <?php
$images = get_field('gallery_picture');
$max = 5;
$i = 0;

if( $images ): ?>
      <ul>
        <?php foreach( $images as $image ): $i++; ?>
        <?php if( $i > $max){ break; } ?>
        <li> <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" /> </li>
        <?php endforeach; ?>
      </ul>
      <?php endif; ?>
      <a href="<?php  the_permalink(); ?>" class="info">Gallery</a> </div>
    <?php  endwhile; ?>