How to display all images fields on custom page with post type

For those interested in the feature, here’s how it worked for me.


// Loop Gallery Cat1

function my_custom_gallery_cat1() {
        'post_type' => 'gd_project',
        'orderby' => 'rand',
        'posts_per_page' => 10,
        'tax_query' => array(
            array (
                'taxonomy' => 'gd_projectcategory',
                'field' => 'slug',
                'terms' => 'example-terms',
    ?> <div class="masonry">
    while (have_posts()) : the_post();
        $image_field = get_field('image');
        $image_url = $image_field['url'];
        $image_alt = $image_field['alt']; ?>
        <div class="grid-item">
        <a href="<?php echo get_permalink( $post->ID ); ?>" target="_blank">
        <img src="<?php echo esc_url($image_url); ?>" alt="<?php echo esc_attr($image_alt); ?>" />
        <h4><?php the_field( 'title' ); ?></h4>
    <?php endwhile; ?>
    </div> <?php
add_shortcode('example-terms', 'my_custom_gallery_cat1');


<div class="container-fluid">
 <div class="row">
  <?php echo do_shortcode('[categoria]');?>

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top