wordpressのカスタムフィールドのプラグイン「Advanced Custom Fields」をサイトの投稿に表示したい

Question

###前提・実現したいこと
wordpressのカスタムフィールドのプラグイン「Advanced Custom Fields」をサイト上の投稿ページ内に表示したい

###発生している問題
カスタムフィールドは出力されているが、投稿文とは違うところに表示される。コードは公開されているものを使用しております。

###該当のソースコード

<?php
/**
 * The Single-stores template
 */
?>
<?php get_header(); ?>

<div id="single-content" class="clearfix">
	<article id="content-inner" class="clearfix">
		<div class="cont-wrap cf">

		<?php if ( have_posts() ) {
			while ( have_posts() ) {
				the_post();
				get_template_part( 'content', 'single' );
			} ?>
ここから<?php
//サイトURL      
 the_field('url'); ?><br />ここまでを追加

<?php
  chocolat_pagination();
  		} else {
			get_template_part( 'content', 'none' );
		} ?>
</div><!-- /.single-cont -->
	</article><!-- /content-inner -->
	<?php chocolat_prevnext(); ?>
</div><!-- /main-content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

###試したこと
http://kotori-blog.com/wordpress/acf_output/
こちらのサイトのコードを使用しました。

###補足情報
WordPressバージョン 4.7
Advanced Custom Fields PROバージョン 5.3.8.1
カスタム投稿タイプの「Post Type Slug」は「stores」になります。
また、content-single.phpのコードを以下に表記します。

<?php
/**
 * The Content-single template
 */
?>
<section id="<?php echo esc_attr( $post -> post_name ); ?>" <?php post_class( 'post-section clearfix' ); ?>>
	<div class="section-top clearfix">
		<div class="entry-edit clearfix">
			<?php edit_post_link( __( 'Edit', 'chocolat' ), '<span class="post-edit">', '</span>' ); ?>
		</div>

		<?php chocolat_entry_dates(); ?>

		<div class="entry-title">
			<h1 class="post-title"><?php the_title_attribute(); ?></h1>
		</div>
	</div><!-- /section-top -->

	<div class="section-center clearfix">
		<?php chocolat_last_update(); ?>
		<?php chocolat_entry_meta(); ?>

		<?php if ( has_post_thumbnail() ) : ?>
		<div class="entry-thumbnail thumbnail clearfix">
			<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
		</div>
		<?php endif; ?>

		<div class="post-content clearfix">
			<div class="entry-content clearfix">
			<?php if ( is_attachment() && wp_attachment_is_image( $post->id ) ) {
				$att_image = wp_get_attachment_image_src( $post->id, "full-size" );
				$att_excerpt = $post->post_excerpt;

				echo '<div class="attachment-image">'."\n";
				echo '<img src="'.esc_url( $att_image[0] ).'" width="'.intval( $att_image[1] ).'" height="'.intval( $att_image[2] ).'" class="attachment-full-size" alt="'.esc_attr( $att_excerpt ).'" />'."\n";
				if ( ! empty( $att_excerpt ) ) {
					echo '<p class="attachment-text">'.esc_attr( $att_excerpt ).'</p>'."\n";
				} 
				echo '</div>'."\n";
			} else {
				the_content();
			} ?>
			</div><!-- /entry-content -->

			<?php if ( wp_link_pages( 'echo=0' ) ) : ?>
			<div class="post-pagination clearfix">
				<?php wp_link_pages( array(
					'before'         => '<div class="post-numbers">',
					'after'          => '</div>',
					'next_or_number' => 'number',
					'pagelink'       => '<span class="numbers">%</span>'
				) ); ?>
			</div>
			<?php endif; ?>

			<?php chocolat_ad_widget_medium(); ?>
		</div><!-- /post-content -->
	</div><!-- /section-center -->

	<div class="section-bottom clearfix">
		<div class="section-bottom-inner clearfix">
		</div>
	</div><!-- /section-bottom -->
</section><!-- /section -->

<?php
	if ( ! is_attachment() ) {
		chocolat_related_post_list( 'related' );
		chocolat_new_post_list( 'new' );
		chocolat_ad_widget_medium_bottom( 'center' );
		comments_template();
	}
?>

追加したカスタムフィールド

フィールド順序 １
フィールドラベル 基本情報
フィールド名
フィールドタイプ タブ

フィールド順序 ２
フィールドラベル サイトURL
フィールド名 url
フィールドタイプ テキスト

と続きます。
別の制作者からデータのみ引き継いだものであり、その方は退職されておりどうしようもなくこちらに質問させていただきました。
ご教授宜しくお願い致します。

不足している情報などがあればご指摘ください。

Answer 1

<?php  
//テキスト
$txt = get_field('url'); ←エラーメッセージの24行目のコードです。
if($txt){ ?><p>サイトurl：<?php echo $txt; ?></p>
<?php } ?>

<?が使える環境なのかわかりませんが、周りのコードにあわせるなら<?phpを使ったほうがいいかも。

###追記
上記のコードはcontent-single.phpの中に書いてください。
このファイルの内部であれば、どこに書いてもOKなので、
実際に出力させながら、位置を調整してみてください。

Comments

[alesta]

無事表示されました。ありがとうございました。