WordPress自定义分类归档页面内容显示：深入理解模板层级与正确实践

<?php
/**
 * Template Name: Custom Taxonomy Archive for pdf_cat
 * Description: This template displays all posts belonging to a term in the 'pdf_cat' taxonomy.
 *
 * @package YourThemeName
 */

get_header(); // 引入主题的头部文件
?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">

        <?php if ( have_posts() ) : ?>

            <header class="page-header">
                <?php
                // 自动显示当前分类术语的标题和描述
                the_archive_title( '<h1 class="page-title">', '</h1>' );
                the_archive_description( '<div class="archive-description">', '</div>' );
                ?>
            </header><!-- .page-header -->

            <?php
            // 开始WordPress循环，自动获取当前分类下的文章
            while ( have_posts() ) : the_post();
                // 根据你的主题结构，可以引入一个内容模板部分
                // 例如：get_template_part( 'template-parts/content', get_post_type() );
                ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <header class="entry-header">
                        <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <?php the_excerpt(); // 或者 the_content() ?>
                    </div><!-- .entry-content -->
                </article><!-- #post-<?php the_ID(); ?> -->
                <?php
            endwhile;

            // 分页导航
            the_posts_pagination( array(
                'prev_text' => __( 'Previous page', 'your-text-domain' ),
                'next_text' => __( 'Next page', 'your-text-domain' ),
            ) );

        else :
            // 如果没有文章，显示“未找到”消息
            get_template_part( 'template-parts/content', 'none' );
        endif;
        ?>

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

<?php
get_sidebar(); // 引入主题的侧边栏（如果需要）
get_footer();  // 引入主题的底部文件
?>

<select name="form" id="form">
   <div class="options">
      <option value="<?php echo home_url('/newsletter'); ?>" selected>一覧</option>                                   
         <?php
            $args = array(
             'orderby' => 'slug',
             'order' => 'ASC',
             'parent' => 0,
             'hide_empty' => false
            );
             $terms = get_terms([
              'taxonomy' => 'pdf_cat',
              'hide_empty' => false,
             ]);
               foreach( $terms as $term ){
                  // get_term_link() 会生成正确的分类归档URL
                  echo '<option class="ctg" value="'. get_term_link($term->term_id) .' ">' . $term->name . '</option>';                                                
            }
         ?>   
     </div>   
   </select>

<script type="text/javascript">
   $("#form").change(function(){
   var url = $(this).val();
   location.assign(url); // JavaScript将用户重定向到选中的分类归档URL
   });
</script>