Custom Post Type UIで作成したカスタム投稿の記事をを固定ページに一覧表示させる

Question

前提

Wordpressでオリジナルテーマを作成しています。
Worksという固定ページに、Custom Post Type UIで作成したカスタム投稿「works」に投稿した記事を一覧表示させようと思い、
page-works.php、single-works.phpを作成して、固定ページのパーマリンクをworksにした際、トップページが表示されます。

実現したいこと

・Custom Post Type UIで「works」という投稿タイプを作成し、固定ページ Works（page-works.php）に表示し、記事一覧ページを作成したい。

・一覧ページ https://XXXXX.com/works
・投稿記事ページ https://XXXXX.com/works/投稿日時

・トップページにカスタム投稿の記事タイトルを出力させたい。（カスタム投稿で作成した記事のタイトルを取得したい）

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

Worksという投稿タイプは作成できたが、固定ページ（page-works.php）に記事一覧ページが表示されず、
トップページが表示される。
また、どう影響しているのか不明だが、プラグイン「Custom Post Type Permalinks」を無効化すると記事一覧が表示される。

該当のソースコード

page-works.php

<?php
  $locale = get_locale();
  $translation = [
    'ja' => [
      'List1' => '項目1',
      'List2' => '項目2'
    ],
    'en_US' => [
      'List1' => 'list1',
      'List2' => 'list2'
    ]
  ]
?>

<?php
  if($locale === "ja") {
    get_header("ja");
  } else {
    get_header("en");
  }
?>
<div class="changeCard">
<?php
  $args = array(
    'post_type' => 'works',
    'posts_per_page' => 12
  );
  $the_query = new WP_Query($args);
?>
<?php if ($the_query->have_posts()): ?>
  <ul>
    <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
    <li class="changeItem defaultList">
      <a href="<?php echo esc_url(get_permalink()); ?>">
        <?php the_post_thumbnail(); ?>
        <div class="changeItemTxt"> <time class="pubdate sng-link-time dfont" itemprop="datePublished"><?php
if($locale === "ja") {
	echo get_post_time('Y.n.j');
} else {
	echo get_post_time('F j, Y');
}
?></time>
          <p class="itemTitle"><?php the_title(); ?></p>
		  <p class="read_txt">
		  	<?php $value = get_field('List1');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<p class="read_txt"><?php echo $translation[$locale]['List1'] ?>：<?php the_field('Custom-field-name'); ?></p>
<?php endif; ?>
		  </p>
		  <p class="read_txt">
		  	<?php $value = get_field('List2');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<p class="read_txt"><?php echo $translation[$locale]['List2'] ?>：<?php the_field('Custom-field-name'); ?></p>
<?php endif; ?>
		  </p>
        </div>
      </a>
	</li>
    <?php endwhile; ?>
  </ul>
<?php else: ?>
  <p>記事はありません。</p>
<?php endif; ?>
<?php wp_reset_postdata(); ?>
<?php
  if($locale === "ja") {
    get_footer("ja");
  } else {
    get_footer("en");
  }
?>

single-works.php

<?php
  $locale = get_locale();
  $translation = [
    'ja' => [
      'List1' => '・項目1',
      'List2' => '・項目2：'
    ],
    'en_US' => [
      'List1' => '- list1',
      'List2' => '- list2'
    ]
  ]
?>

<?php
  if($locale === "ja") {
    get_header("ja");
  } else {
    get_header("en");
  }
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post();  ?>
  <div class="works-main">
    <div class="content-container">
      <div class="works-content">
      <h1><?php the_title() ?></h1>
      <p class="works-txt"><?php $value = get_field('Custom-field-name');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<?php echo $translation[$locale]['List1'] ?>：<?php the_field('Custom-field-name'); ?><br>
<?php endif; ?>

<?php $value = get_field('development');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<?php echo $translation[$locale]['List2'] ?><?php the_field('Custom-field-name'); ?>
<?php endif; ?></p>
      <?php the_content(); ?>
      <p class="works-txt"><?php $value = get_field('Custom-field-name');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<?php the_field('Custom-field-name'); ?><br>
          <a href="<?php the_field('Custom-field-name'); ?>"><?php the_field('url-field1'); ?></a>
<?php endif; ?></p>
        <p class="works-txt"><?php $value = get_field('Custom-field-name');
	if (empty($value)) : else : ?>
	<!-- 入力がある場合に表示させる -->
	<?php the_field('Custom-field-name'); ?><br>
          <a href="<?php the_field('Custom-field-name'); ?>"><?php the_field('Custom-field-name'); ?></a>
<?php endif; ?></p>
      </div>
    </div>
  </div>
  <?php endwhile; else : ?>
			  <p>表示できる記事がありません。</p>
			  <?php endif; ?>
<?php
  if($locale === "ja") {
    get_footer("ja");
  } else {
    get_footer("en");
  }
?>

試したこと

Custom Post Type UIでworksというスラッグで投稿タイプを作成し、
パーマリンクをworksにした固定ページを作成してみましたが、固定ページとして認識されず、トップページが表示されました。

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

【使用プラグイン】
・Custom Post Type UI
・Bogo
・Custom Post Type Permalinks

Comments

[CHERRY]

Custom Post Type Permalinks の設定はどのようになっていますか？

また、ダッシュボードの設定から、パーマリンクの設定　を開いて、そのまま保存すると何か状況は変わりますか？

[non-non]

ご質問ありがとうございます。
以下の設定になっております。

http://サイトアドレス/works/%post_id%/
/%post_id%/の箇所がテキストフィールドになっています。

プラグイン「Bogo」でサイトの言語に設定している英語ページの方では、テストで作成した記事が一覧に表示され、Bogoの言語切り替えスイッチから日本語ページに移動した際、本来であれば日本語の記事一覧ページが表示されるはずなのですが、トップページが表示されます。

また、そのページのURLはhttp://サイトアドレス/ja/works/になっております。