Wordpress:Custom Field Suiteを使ってメイン画像を表示したい

Question

前提・実現したいこと

wordpressのテンプレート化に挑戦中です。
おおよそはできたのですが、なぜかフロントページが表示されず困っています。

問題点

Custom Field Suiteを使ってメイン画像を自由に入れ替えられるようにしたいのですが、
それまで表示されたいたフロントページ全体が、メイン画像より上の部分しか読み込まれなくなってしましました。検証ツールで確認するとメイン画像の直前までしか読み込まれておらず、肝心の<img>タグ以降何も読み込まれません。
実はテキストがきちんとあり、正解に近いデーターもあるため試したのですが、それでも同じ現象がおきてしまい、もしかするとコードが間違っているわけではなくほかの問題かなと思いそちらも試してみましたが、解決しませんでした。

何かほかに確認するべき箇所などありますでしょうか。
全く画面が表示されないまま何日も過ぎてしまい、本当に困っております。
初心者で本当に申し訳ございませんが、どなたかアドバイスをいただける方おられませんでしょうか。

該当のソース

<?php get_header();?>
    <!-- コンテンツエリア -->
    <section id="contents">
      <!--メイン画像--><--!ここまでは検証ツールで読み込まれ、下のimgタグはよみこまれない-->
     <img id="main_visual" class="inner" src="<?php echo CFS()->get('img_main_visual'); ?>" alt="テスト">
<!--お知らせ-->
      <h2>Information</h2>
      <div class="inner">
		  <ul id="infolist">
		<?php 
		  $posts=get_posts('numberposts=5&category_name=news');
		  foreach($posts as $post){
			  setup_postdata($post);
		?>
        
          <li>
            <div class="thumb"><?php the_post_thumbnail(); ?></div>
            <div class="date"><?php the_time("Y/m/d") ?></div>
            <div class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
		  <?php edit_post_link(); ?>
          </li>
		<?php
          }
		  wp_reset_postdata();
		  ?>
        </ul>
		  <a class="readmore" href="<?php echo get_category_link(get_cat_ID('お知らせ')); ?>">一覧へ</a>
      </div>

以下続く。（PHPが記載されている範囲は以上です）

試したこと

①CFS()->get('img_main_visual')に記載しているimg_main_visualと管理画面のフィールドの名前があっているか確認済み

②src=の部分をPHPではなく直接URLを書き込むと画像は読み込まれる。が、やはりそれ以下は読み込まれない。ちなみにメイン画像を読み込めるようにしてもphpが入っていいない <h2>Information</h2>はやはり読み込まれない。

③正解データを入れても同じ現象がおきてしまう。

補足情報（FW/ツールのバージョンなど）

WordPress 5.1.1 を使用しております。

Comments

[CHERRY]

途中から真っ白になる場合は、どこかでエラーになっていると思います。
WordPress をデバッグモードにすると何かメッセージは表示されないでしょうか？

[puru999]

ご連絡ありがとうございます！
早速デバックモードをググり試してみたのですが、特に変化がありませんでした。
ただ、メイン画像と同じ方法で上記のHTMLよりさらに下に画像を表示させるべくもう少しphpを書き足したところ以下のエラーが出てきました。ブラウザに出ました。
サンプル事業として3つ窓が並ぶようなイメージで作ってあったところの画像3つをやはり同じカスタムフィールドスイートを使ってトライしたものです。

長いので2つ目分までを記載しました。

Fatal error: Uncaught Error: [] operator not supported for strings in C:\xampp\htdocs\wp_local_01\wp-content\plugins\custom-field-suite\includes\api.php:136 Stack trace: #0
C:\xampp\htdocs\wp_local_01\wp-content\plugins\custom-field-suite\includes\api.php(42): cfs_api->get_fields(130, Array) #1

いろいろ調べてみたのですが、PHPのバージョン？？の問題でしょうか？
できるだけ簡単に処理したいのですが、（まだ初心者のため。。）ほかのプラグインに変えたほうがよいのでしょうか？

お手数をおかけし本当に申し訳ありません。
ご確認いただけますと助かります。

[puru999]

すみません、書き足した部分のコードです。

```html
<!--サンプル事業内容-->
<h2>サンプル事業内容</h2>
<div id="our-business" class="inner">
<div class="biz-box col-4">
<h3><?php echo CFS()->get('txt_business1'); ?></h3>
<a href="business.html"><img class="photoframe" src="<?php echo CFS()->get('img_business1') ?>" alt="<?php echo CFS()->get('txt_business1'); ?>"></a>
</div>
<div class="biz-box col-4">
<h3><?php echo CFS()->get('txt_business2'); ?></h3>
<a href="business.html"><img class="photoframe" src="<?php echo CFS()->get('img_business2') ?>" alt="<?php echo CFS()->get('txt_business2'); ?>"></a>
</div>
<div class="biz-box col-4">
<h3><?php echo CFS()->get('txt_business3'); ?></h3>
<a href="business.html"><img class="photoframe" src="<?php echo CFS()->get('img_business3') ?>" alt="<?php echo CFS()->get('txt_business3'); ?>"></a>
</div>
</div>
```

[puru999]

すみません、大事なことを書き忘れました。
最初のコードは全く表示されないので、お手本のHTMLから載せ替えの途中版でフロントページが表示されているものをもう一度選んで挑戦していました。トップ画像は直接URLが指定されているやり方なのでCustom Field Suiteを使用せず、最後の追加でお知らせした部分のみにCustom Field Suiteが適応されている状態です。
それで上記のエラーが表示されました。。
たびたびお時間をとらせてしまい本当に申し訳ありません。

Answer 1

ご確認くださったCHERRY様、その他見てくださった方々、おられましたらまことにありがとうございました！
奇跡かと思うぐらいびっくりなのですが、解決できました！！悩んだのが信じられないです。

方法を記載しておきます。

SiGT　WebStudio
横浜のフリーランスWeb制作者様のブログ、下記の欄(リンク）に解決方法がありました。

ブログ内容はこちら

①api.phpを開く。
②該当行を確認する
$field_data[$hierarchy][] = $result->meta_value;
③これを以下に書き直す。
$this->assemble_value_array($field_data, $hierarchy, $field, $result->meta_value);

保存して確認すると無事表示されました！！
CHERRY様、お声がけありがとうございました。心が折れずにすみました涙。