html acf画廊网格

Posted 2021-05-10

<section>
  	<div class="container">

  		<div class="row">
  			<div class="col-md-12"> <h2>Photo gallery</h2></div>
  		</div>
  		<div class="row">
  			<div class="col-md-12">
  				<?php 

$images = get_field('gallery');

if( $images ): ?>
 <div class="blog grid-view amj-grid">
  <div class="row isotope light-gallery">
        <?php foreach( $images as $image ): ?>

        	<div id="post-<?php the_ID(); ?>" <?php post_class( 'item post grid-sizer col-xs-6 col-sm-4 col-md-3' ); ?>>
  <div class="amj-box">
  
    <figure class="overlay overlay1">
      <a class="lightbox-this" href="<?php echo $image['url']; ?>"></a>
       <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
     
      <figcaption>
        <h5 class="from-top mb-0"><i class="si-photo_camera"></i></h5>
      </figcaption>
    </figure>
  

  </div>  <!-- amj-box -->
</div><!-- /.post -->


           
        <?php endforeach; ?>
   </div>
</div>
<?php endif; ?>
  			</div>
  		</div>
  	</div>
  </section>