ACF

events-query.php

upcoming.php

past.php

Query WordPress Posts by Advanced Custom Fields

Add this snippet to functions.php

Now You can reuse this function in your WordPress template files with custom class.

<?php acf_image_with_alt_tag('your_image_class'); ?>

<?php
$colors = get_field('colors');
if( $colors ): ?>
<ul>
    <?php foreach( $colors as $color ): ?>
        <li><?php echo $color; ?></li>
    <?php endforeach; ?>
</ul>
<?php endif; ?>

<?php $anchor = strtolower(str_replace(array(' ', ':'), array('-', ''), get_sub_field('title'))); ?>
<a href="#<?php echo $anchor; ?>"><?php the_sub_field('title'); ?></a>
<h2 id="<?php echo $anchor; ?>" class="headline"><?php the_sub_field('title'); ?></h2>

Define the custom size in functions.php

// =========================================================================
// ADD CUSTOM IMAGE SIZE 
// =========================================================================
add_image_size( 'gallery-thumb', 600, 400, array( 'left', 'top' ) ); // Hard crop left top

Single line solution

<?php echo wp_get_attachment_image_src( get_field('field_name'), 'medium' )[0]; ?>

With bootstrap card and variables

 <?php
        $attachment_id = get_field('image');
        $size = 'gallery-thumb';
        $image = wp_get_attachment_image_src( $attachment_id, $size )[0];
       ?>
       
       
        <div class="col-md-3">
            <div class="card">
                <div class="card-img-top">
                    <a href="<?php the_field('link'); ?>">
                        <img src="<?php echo $image; ?>" alt="<?php the_field('title'); ?>">
                    </a>
                </div>
                <div class="card-body">
                    <h4 class="card-title"><?php the_field('title'); ?></h4>
                </div>
            </div>    
        </div>   

<?php

/*
*  Loop through post objects (assuming this is a multi-select field) ( don't setup postdata )
*  Using this method, the $post object is never changed so all functions need a seccond parameter of the post ID in question.
*/

$post_objects = get_field('YOUR_CUSTOM_FIELD');

if( $post_objects ): ?>
    <ul>
    <?php foreach( $post_objects as $post_object): ?>
        <li>
            <a href="<?php echo get_permalink($post_object->ID); ?>"><?php echo get_the_title($post_object->ID); ?></a>
        </li>
    <?php endforeach; ?>
    </ul>
<?php endif;

?>

   <?php if( have_rows('ITEMS') ): ?>

        <?php while ( have_rows('ITEMS') ) : the_row(); ?>   

                <?php $post_object = get_sub_field('ITEM'); ?>

                <?php if( $post_object ): ?>

                    <?php $post = $post_object; setup_postdata( $post ); ?>

                       <h4><?php echo get_the_title($post_object->ID); ?></h4>

                    <?php wp_reset_postdata(); ?>

                <?php endif; ?>

            <?php endwhile; ?>

<?php endif; ?>

<?php function cover_subtitle() { 
    if( get_field('slug') ){ the_field('slug'); }
            else{ echo 'Hello!'; }
        }
?> 

<?php if( have_rows('repeater_field_name') ): ?>
	<ul>
	<?php while( have_rows('repeater_field_name') ): the_row();
		// vars
		$content = get_sub_field('content'); ?>
		<li>
		    <?php echo $content; ?>
		</li>
	<?php endwhile; ?>
	</ul>
<?php endif ?>

<?php if( get_field('field') ){
        echo '';
    } 
    else{
        echo '';
    }
?>

 <!--ACF HIDE IF EPMTY CUSTOM FIELD -->
 <?php if( get_field('mobil') ): ?>
		<li><?php the_field('mobil'); ?></li>
	<?php endif; ?>

 

<!--IF ELSE HIDE - SHOW DIV IF THE_FILED IS EMPTY!!!!!!!-->              
<?php if( get_field('hogyan_keszult_link') ){ ?>
        <style type="text/css">.hogy-keszul-cta{
            display:block;
        }</style>
<?php
}?>

//CUSTOM FIELDS SELECET OPTIONS
<?php if( get_field('color') == 'red' ): ?>
<p>Selected the Red choice!</p>
<?php endif; ?>