In the code below i reference "the_field( 'bg_img' )" within my first container div. The reason i do this is because i created a custom field (within a CPT) that allows the admin to change that containers bg color from the admin panel.
However when i load the page it doesn't work so i was wondering if:
a) it's because it's above the query b) or because it needs to be within the loop
I have tried including this div within the loop but then it creates duplicate divs embedded within duplicate divs, etc, etc.
So i'm wondering if you can call functions outside of loops, which i'm guessing no. The function btw is unique to the ACF(Advanced Custom Fields) plugin and it's calling a custom field within my 'neighborhoods' CPT.
So if i can't call my function outside of a loop then how do i keep this div from not repeating so many times within the code, does it have to do with conditionals or limiting posts?
<div class="bg-img-default <?php the_field( 'bg_img' ); ?>"></div> <div class="container-main"> <?php $args = array( 'post_type' => 'neighborhoods', 'posts_per_page' => 1, 'meta_key' => '' ); $news_query = new WP_Query( $args ); ?> <?php if ( $news_query->have_posts() ) : while ( $news_query->have_posts() ) : $news_query->the_post(); ?> <!--COL 1--> <div class="col-block"> <h2><span class="bold">latest</span> <span class="font-condensed">news</span></h2> </div> <!--COL 2--> <div class="col-block"> <h2><span class="bold">local</span> <span class="font-condensed">events</span></h2> <?php the_field( 'single_neighborhood_local_events' ); ?> </div> <!--COL 3--> <div class="col-block-last"> <h2><span class="bold">listings</span></h2> <?php the_field( 'listings' ); ?> <a href="<?php get_permalink(); ?>">Read more</a> </div> <?php endwhile; endif; ?> <?php wp_reset_query(); ?>