カスタムフィールドに入力した日付で月別アーカイブ（date.php）をつくりたい

Question

したいこと

WordPressでカスタムフィールド（ACF使用）をつくり、
その値を用いて月別アーカイブを作ろうと考えています。

最終的な仕様は以下のサイトをイメージしています。
参考サイト：https://oku-log.com/blog/ctm-archive/

具体的には、イベント開催日をフィールドタイプ（デイトピッカー）を使い、
イベント開催月ごとの月別アーカイブを作ろうとしています。

かれこれ15時間ほど格闘していますが、自力ではどうにもならなかったので、
どなたか分かる方お助けください。。。

##　前提
投稿タイプ：post
フィールド名：event_date
カスタムフィールド内表示フォーマット：Y/m/d
カスタムフィールド内返り値フォーマット：Y/m/d

問題点

参考サイト通りに試してみたが、リンク先が404エラーになる。

具体的には、セレクトボックスは表示されるが、
セレクトボックスのリンク先が404エラーとなってしまいます。

イベントURLは、現在以下のようになっています。（10月イベントの場合）
https://xxxxxx/2021/10/?meta_key=event_date

参考サイト
https://oku-log.com/blog/ctm-archive/

仮説

$meta_queryのvalueが機能していない為、
date.phpが、月別記事を見つけられず404エラーとなっている。

記載コードを１つずつ、var_dumpで確認していった所、
おそらく、$meta_queryの設定に問題があると考えています。

以下のコード部分を削除すると、イベント開催日ではなく、
ブログ投稿日で一覧が並ぶ状態となりました。（date.php)

'value'   => $query->get('year'). '.' .sprintf('%02d', $query->get('monthnum')),

##コード一覧
該当するコードをファイル別で記載させていただきました。
長くなってしまいますが、どなたか回答いただけましたら幸いです。

ファイルは３つになります。

• functions.php
• date.php
• tmp/c-card.php（イベントカードテンプレート）

①コード（functions.php）

/* ========================================
/* カスタムフィールド値でのセレクトボックス 
======================================== */

function my_get_month_archives($args = '')
{
    global $wpdb, $wp_locale;

    $defaults = array(
        'date_field' => 'event_date', //カスタムフィールドのフィールド名を記述
        'format' => 'html',
        'echo' => true,
        'limit' => '',
        'before' => '',
        'after' => '',
        'show_post_count' => true,
    );

    /**
     * 与えられた $args を解析して配列に入れ、$defaults と結合
     */
    $r = wp_parse_args($args, $defaults);

    // 配列からシンボルテーブルに変数のインポート
    extract($r, EXTR_SKIP);

    //＄limitが空じゃなければ
    if ('' != $limit) {
        // 値を負ではない整数に変換します。
        $limit = absint($limit);
        $limit = ' LIMIT ' . $limit;
    }

    $field  = 'm.meta_value';

    // $fieledの１～４文字までを切り取り　カラム名はyearに
    // $fieledの５～２文字分を切り取り　カラム名はmonthに
    // pのID数を数えカラム名postsで管理する
    $select = "SELECT SUBSTRING($field,1,4) AS `year`, SUBSTRING($field,5,2) AS `month`, count(p.ID) AS posts";

    // ポストタイプ=post　かつ、公開状態のpost
    $where  = "WHERE p.post_type = 'post' AND p.post_status = 'publish'";

    // $where ＋　クエリ内のパラメーターを変更
    $where .= $wpdb->prepare('AND m.meta_key = %s', $date_field);

    // postmetaとm.post_idを内部結合　結合条件p.id
    $join   = " INNER JOIN $wpdb->postmeta AS m ON m.post_id = p.ID";

    // フィルター関数が$whereに$rを渡す
    $where  = apply_filters('getarchives_where', $where, $r);
    // フィルター関数が$joinに$rを渡す
    $join   = apply_filters('getarchives_join', $join, $r);

    $output = '';

    //wpdbポスト（p)
    $query = "$select FROM $wpdb->posts AS p $join $where GROUP BY SUBSTRING($field,1,4), SUBSTRING($field,5,2) ORDER BY $field ASC $limit";

    // クエリのハッシュ値を$keyに代入
    $key = md5($query);

    // キャッシュからデータ取得
    $cache = wp_cache_get('my_get_month_archives', 'general');

    if (!isset($cache[ $key ])) {
        $arcresults = $wpdb->get_results($query);
        $cache[ $key ] = $arcresults;
        wp_cache_set('my_get_month_archives', $cache, 'general');
    } else {
        $arcresults = $cache[ $key ];
    }
    if ($arcresults) {
        $afterafter = $after;
        foreach ((array) $arcresults as $arcresult) {
            $url = add_query_arg( array( 'meta_key' => $date_field ), get_month_link( $arcresult->year, $arcresult->month) );

            $text = sprintf('%d', $arcresult->year).'年'.sprintf('%d', $arcresult->month).'月';

            $output .= '<option value="'.$url.'">'.$text.'</option>';
        }
    }
    if ($echo) {
        echo $output;
    } else {
        return $output;
    }
}


/* ========================================
/* //アーカイブページの出力調整 
======================================== */

add_action('init', 'my_init');
// リクエストパラメータにmeta_keyフィールドを追加
function my_init()
{
    global $wp;
    $wp->add_query_var('meta_key');
}

function change_sort_order($query)
{
  // 日付書式の設定
  $currnet_date = date_i18n('y/m/d');

    // 管理ページor、メインクエリならリターン
    if (is_admin() || ! $query->is_main_query()) {
        return;
    }


    // もし、クエリ内に「月」があれば
    if ($query->is_month()) {
        $meta_query = array(
            array(
        // キーにmeta_keyを設定
                'key'     => $query->get('meta_key'),
        // バリューに年、月を設定
        // 最低2桁のint、1桁の場合、左に0詰
                'value'   => $query->get('year'). '.' .sprintf('%02d', $query->get('monthnum')),
        // 含んだら表示
                'compare' => 'LIKE',
            ),
    );

        // 今年の取得
        $thisyear = get_query_var('year');
        // 今月の取得
        $thismon = get_query_var('monthnum');
        $query->set('year', '');
        $query->set('monthnum', '');
        $query->set('orderby', 'meta_value');
        $query->set('meta_key', 'event_date');
        $query->set('post_type', 'post');
        $query->set('meta_query', $meta_query);
        $query->set('thisyear', $thisyear);
        $query->set('thismon', $thismon);

    }
}
add_action('pre_get_posts', 'change_sort_order');

②コード（date.php）該当箇所のみ

        <div class="custom-archive__wrap">
          <select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'>
          	<option value="">年代から絞り込む</option>
        	<?php
        		my_get_month_archives( array(
        		'date_field' => 'event_date', //カスタムフィールドのフィールド名を記述
        		) );
        	?>
          </select>
        </div><!-- .custom-archive__wrap -->

        <div class="c-card__groups u-padding--bottom">
          <?php if (have_posts()) :
            while (have_posts()) :
              the_post();
                get_template_part('tmp/c-card');
            endwhile;
          endif;
          ?>
          <?php wp_reset_postdata(); ?>
        </div><!-- .c-card__groups -->

③イベントカードコード（tmp/c-card.php）

<article class="c-card">
  <a href="<?php the_permalink(); ?>">
  <div class="c-card__img-wrap">
    <div class="c-card__bg">
      <?php $cardimg =  get_field('event_img');?>
      <img src="<?php echo $cardimg; ?>" alt="<?php the_title(); ?>">
    </div><!-- .c-card__bg -->
    <div class="c-card__img">
      <img src="<?php echo $cardimg; ?>" alt="<?php the_title(); ?>">
    </div><!-- .c-card__img -->
  </div><!-- .c-card__img-wrap -->
  <div class="c-card__body">
    <div class="c-card__date-box">
      <span class="u-font--l">
        <?php
        // 日付の表示
        $date = get_field('event_date');
        $hiduke = new DateTime($date);
        echo $hiduke->format('n.j');
        ?>
      </span>
      <span>
        <?php
        // 曜日の表示
        $date = get_field('event_date');
        $youbi = new DateTime($date);
        $youbi = $youbi->format('D');
        $replace = [
          'Sun' => 'SUN',
          'Mon' => 'MON',
          'Tue' => 'TUE',
          'Wed' => 'WED',
          'Thu' => 'THU',
          'Fri' => 'FRI',
          'Sat' => 'SAT',
        ];
         echo str_replace(array_keys($replace), array_values($replace), $youbi);
        ?>
      </span>
    </div><!-- .c-card__date-box -->
    <div class="c-card__ttl-box">
      <p><?php the_title(); ?></p>
    </div><!-- .c-card__ttl-box -->
  </div><!-- .c-card__body -->
  </a>
</article><!-- .c-card -->

以上になります。
もし、足りない情報などあれば提供させていただきます。

長くなりましたが、わかる方ぜひ回答いただけますと幸いです。
よろしくお願いします。

Answer 1

//元のコード
 'value'   => $query->get('year'). '.' .sprintf('%02d', $query->get('monthnum')),

//変更後コード
'value'   => $query->get('year') . sprintf('%02d', $query->get('monthnum')),

上記に変更したところ、無事表示されました。