Field is not showing in Front-end

• Fedev

• May 18, 2021 at 10:22 pm

Hi

So I am trying to display a simple text field on the frontend of my WP theme without any results.

I am using this into my code

<div class="col-sm-8 col">
    <h1 class="mg-md btn-resize-mode h1-style">
     <?php the_field( 'headline' ); ?>
    </h1>
</div>

And here attached some screenshot from the backend.

PS: I am using the ACF Theme Code Pro Plugin

What am I doing wrong?

Many thanks in advance!

Screenshot-2....png

Screenshot-2....png

Screenshot-2....png

Screenshot-2....png

• John Huebner

• May 19, 2021 at 3:35 am

I know nothing about the plugin you are using.

Is this code being inserted inside “The Loop” or is it inserted someplace in the page outside of the loop?

• Fedev

• May 19, 2021 at 4:03 pm

Is placed someplace in the page outside the loop

<!-- intro -->
<div class="intro intro-home" id="intro-home">
	<div class="container bloc-lg bloc-md-lg">
		<div class="row align-items-start">
			<div class="col-sm-4 col col-360">
				<img />/img/lazyload-ph.png" data-src="<?php echo get_template_directory_uri(); ?>/img/placeholder-image.png" class="img-fluid mx-auto d-block lazyload" alt="placeholder image" />
			</div>
			<div class="col-sm-8 col">
				<h1 class="mg-md btn-resize-mode h1-style">
					<?php the_field( 'headline' ); ?>
				</h1>
			</div>
		</div>
	</div>
</div>
<!-- intro END -->

• John Huebner

• May 19, 2021 at 9:26 pm

When you are outside the loop then you need to supply the post ID.

$queried_object=get_queried_object();
the_field('headline', $queried_object->ID);