Wordpress_商品表示結果をカスタムフィールドの特定の値で、並べ替えて表示させる方法

前提・実現したいこと

wordpress5.7とwelcartでECサイトを作成しています。
実現したいこと：
商品掲載ページ(index.php)に遷移すると、登録した商品のカスタムフィールドの値(event_date)で記事の順番を現在の日付に近い順にアイテムが表示されていく。
という機能をソースで実現させたいです。

発生している問題・エラーメッセージ

上記の表示を実現するために、
functions.phpにソートの方法をためしたのですが、まったく反応がないのでご教授をお願い致します。

該当のソースコード

ソースコードは下記です。<index.php>

		<?php /*画面表示部分の作成*/ ?>
	<div id="primary" class="index-content site-content">
	<div id="content" role="main">
		<div class="info-list cf">
		<?php if ( have_posts() ) : ?>
			<?php while ( have_posts() ) : the_post(); usces_the_item(); ?>
<ul>
 <li>
	<article class="p-party-card js-party-card">
	<a href="<?php the_permalink(); ?>" class="p-party-card__link tr-tgm-party-link-detail">
　	<div class="p-party-xxx"><?php /*商品の日時の表示*/ ?>
	<?php $dateST = get_post_meta( $post->ID , 'event_date' , true ) ; ?>
		<span><?php echo date('m月d日 H:i',strtotime($dateST)) ;?>～</span>
	</div>
        	<h3 class="title"><?php /*商品タイトルの表示*/ ?>
                 <?php the_title(); ?>
            </h3>
===中略===
		</a>
 </li>
</ul>
     <!-- 投稿のタグを表示 -->
       <ul class="p-party-card__tags">
         <?php $posttags = get_the_tags(); 
        	if( $posttags ){echo '<ul class="tag-list">';
                   foreach ( $posttags as $tag ) 
                    {echo '<li class="tag-list-tag"><a href="' . get_tag_link( $tag->term_id ) . '">' . $tag->name . '</a></li>';}
	echo '</ul>';}?>
       </ul>
        </div><!-- .info-list -->
	</article>
       </li><?php endwhile; ?></ul>
			<?php else: ?><?php /*投稿自体がない時の処理*/ ?>
				<p class="no-date"><?php __( 'No posts found.', 'usces' ); ?></p>
			<?php endif; ?>
			

				<?php
				if(paginate_links()):
					$args = array (
						'type'		=> 'list',
						'prev_text' => __( ' &laquo; ', 'welcart_basic' ),
						'next_text' => __( ' &raquo; ', 'welcart_basic' ),
					);
				?>
				
				<div class="pagination-wrap bottom cf" data-scroll="once">
					<?php echo paginate_links( $args ); ?>
				</div><!-- .pagenation-wrap -->
				<?php endif; ?>

			</div><!-- #content -->	
		</div><!-- #primary -->

試したこと

functions.phpに下記を記入しました。

function post_type_filter_and_sort( $query ) {
    if ( !is_admin() && $query->is_main_query() && $query->is_search() ) {
        $query->set( 'post_type', 'post' );
        $query->set( 'orderby', 'meta_value' );
        $query->set( 'meta_key', 'event_date' );
        $query->set( 'order', 'ASC' );
        $query->set( 'posts_per_page', $posts_per_page );
    }
    return $query;
}
add_filter( 'pre_get_posts', 'post_type_filter_and_sort' );

もしかしたら、index.phpに出力している<ul>タグに、クラスかidの設定をしないと動かないのかと考えています。構造上、ulタグで区切って出力しています。
上記のソースでもそもそも違うなど、ご協力をお願いします。