ACF

functions.php

// =============================================================
// ALLOWED HTML IN ACF
// =============================================================
function wpflames_allowed_html() {
    return array(
        'a' => array(
            'href' => array(),
            'title' => array(),
            'class' => array(),
        ),
        'br' => array(),
        'em' => array(),
        'strong' => array(),
    );
}

<?php echo wp_kses(get_field('text'), wpflames_allowed_html()); ?>

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>

Crop-Thumbnails

add_image_size('pageBanner', 1500, 300, true);

$pageBannerImage = get_field('page_banner_image');

echo $pageBannerImage['sizes']['pageBanner'];

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

<?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; ?>