カスタム投稿タイプ＋カスタムフィールドの内容をショートコードに入れて固定ページで表示させたい

Question

前提・実現したいこと

Wordpressでホームページを制作しています。
プラグインを極力使用したくないため、ショートコードを自作しその中でプログラムを動かして固定ページへ表示させたいと思っています。

標題にすべて書いてしまいましたがやりたいこととしましては、

1.カスタム投稿タイプ＋カスタムフィールド(advanced custom fields)で入力
2.1.の内容を別のPHPファイルとして作成し、ショートコードとして設定
3.2.を固定ページに入れて表示(2.はどこででも使用できるようにしたい)

分かりにくい内容で申し訳ありませんが、ご教示の程よろしくお願いいたします。

** (2018/10/17 14:00 ソースコードを修正しました) **

該当のソースコード

//function.php
function my_php_Include($params = array()) {
 extract(shortcode_atts(array('file' => 'default'), $params));
 ob_start();
 include(STYLESHEETPATH . "/$file.php");
 return ob_get_clean();
}
add_shortcode('hoge', 'my_php_Include');

//hoge.php
  <?php
  $hogeargs = array(
    'posts_per_page' => 4,
    'offset' => 0,
    'orderby' => 'post_date',
    'order' => 'DESC',
    'post_type' => 'hogehoge',
    'post_status' => 'publish',
    'suppress_filters' => true,
    'ignore_sticky_posts' => true,
    'no_found_rows' => true
  );
  $hogePosts = get_posts($hogeargs);
    if($hogePosts): ?>
      <?php if($hogePosts) : foreach($hogePosts as $post) : setup_postdata( $post ); ?>
      <?php
        //データ取得(Advanced custom field)
        $data_a = get_field('data_a');
        $data_b = get_field('data_b');
        $data_c = get_field('data_c');
        $data_d = get_field('data_d');
        $data_e = get_field('data_e');
        $data_f = get_field('data_f');
      ?>
        <img src="<?php $data_a; ?>">
        <?php the_title(); ?>　//タイトルは出ますが「ショートコードを設置した固定ページのタイトル」が出る
        <p>
          <?php if($data_b === 'aa'){
            echo '◯';
          } elseif($data_b === 'bb'){
            echo '●';
          } ?>
        ／<?php echo $data_c; ?></p>
          <?php
          if(!empty($data_d)){
            if( in_array( 'cc', $data_d ) ) {
              echo '□';
            }
            if( in_array( 'dd', $data_d ) ) {
              echo '■';
            }
          } ?>
          <p><?php echo $data_e; ?></p>
          <p><?php echo $data_f; ?></p>
      <?php endforeach; ?>
      <?php endif; ?>
    <?php endif; ?>

[hoge file='hoge']

試したこと

・ショートコードの中身(ただのテキスト)を表示させるところまではできました。
ただ、肝心の入力した値を取得したり表示がうまくいきません。

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

・Wordpress 4.9.8
・Advanced Custom Fields PRO
・Custom Post Type UI

Comments

[CHERRY]

include をやめて、hoge.php の内容を直接記載したらどうなりますか？

[退会済みユーザー]

CHERRYさんありがとうございます。hoge.phpの内容はpage.phpに直接、ということでよろしいでしょうか。

[CHERRY]

そうです。 include 分の代わりに hoge.php の中身を直接記載すると動作するのであれば、問題点は、ファイルのパスが間違っているだけということになります。

[退会済みユーザー]

重ね重ねありがとうございます。調べたところそもそもカスタムフィールドの値が取れておらず、とりあえず別のテンプレートファイルとして作成してpage.phpに<?php get_template_part('hoge'); ?>で読み込ませたところ、フィールドの値までは表示できました。ただその内容をショートコード化させると、エラーは出なくなりましたが今度はその固定ページのタイトルが表示されてしまいました。投稿タイプが認識できていないようです。

Answer 1

自己解決しました。

//データ取得(Advanced custom field)
$post_id = $post->ID;//IDの設定抜け
$data_a = get_field('data_a',$post_id);
//以降のfieldの変数全てに$post_idを指定

原因としては

・投稿IDの指定をしていなかった
・IDの指定がなかったために各フィールドの値が取れていなかった

基本的なところができておらず恥ずかしい限りですが、無事進めることができそうです。
ご協力いただきましたCHERRYさんには重ねてお礼申し上げます。ありがとうございました。