Acf gallery

<?php 
$images = get_field('gallery');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image_id ): ?>
            <li>
                <?php echo wp_get_attachment_image( $image_id, $size ); ?>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

Source: advancedcustomfields.com

Acf gallery

<?php 
$images = get_field('gallery');

if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo $image['url']; ?>">
                     <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
                </a>
                <p><?php echo $image['caption']; ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

Source: advancedcustomfields.com

Acf gallery

<?php 
$images = get_field('gallery');
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo esc_url($image['url']); ?>">
                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                </a>
                <p><?php echo esc_html($image['caption']); ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

Source: advancedcustomfields.com

Similar codes

0 vote113 views1 answer
Css ditribute width equealy to child components
CSS
12 votes124 views5 answers
Responsive font size
CSS
0 vote113 views1 answer
Sass file
CSS
0 vote149 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote110 views1 answer
Control one swiper with other
CSS
0 vote120 views1 answer
Ul reset
CSS
0 vote114 views2 answers
How to zoom picture on hover using css
CSS
0 vote121 views2 answers
Why is my body background color in css not working
CSS
2 votes121 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote118 views1 answer
Target element pseudo-classes
CSS