【WordPress】カスタム投稿タイプの使い方。カスタムポストの登録・表示・出力方法、カスタムタクソノミーの使用例など

//カスタム投稿タイプの登録
add_action('init', function () {
  register_post_type('works', [
    'label' => 'Web制作',
    'public' => true,
    'menu_position' => 5,
    'menu_icon' => 'dashicons-laptop',
    'supports' => ['thumbnail', 'title', 'editor', 'custom-fields'],
    'has_archive' => true,
    'show_in_rest' => true,
  ]);
  register_taxonomy('genre', 'works', [
    'label' => '制作ジャンル',
    'hierarchical' => true,
  ]);
  register_taxonomy_for_object_type('genre', 'works');
  register_taxonomy_for_object_type('category', 'works'); // カテゴリー
  register_taxonomy_for_object_type('post_tag', 'works'); // タグ
});

      <?php /***** メインループ開始 *****/ ?>
      <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
          <div class="Post_taxonomies">
            <?php
            $taxonomy = 'genre';
            $terms = get_the_terms($post->ID, $taxonomy);
            ?>
            <?php foreach ($terms as $term) : ?>
              <?php echo $term->name; ?>
            <?php endforeach; ?>
          </div>
          <div class="Post_date">
            <i class="fa-solid fa-clock"></i> <?php the_time(get_option('date_format')); ?>
            <?php
            if (
              get_the_time(get_option('date_format')) !=
              get_the_modified_date()
            ) :
            ?>
              <i class="fa-solid fa-clock-rotate-left"></i> <?php the_modified_date(); ?>
            <?php endif; ?>
          </div>

          <h1 class="Post_title smoothTrigger"><?php the_title(); ?></h1>

          <figure class="figure">
            <?php if (has_post_thumbnail()) : ?>
              <?php the_post_thumbnail('full'); ?>
            <?php endif; ?>
          </figure>

          <div class="content">
            <?php the_content(); ?>
          </div>

          <div class="btnBox">
            <a class="btn -type1" href="<?php echo esc_url(home_url('/works/')); ?>">READ MORE IN WORKS</a>
          </div>
        <?php endwhile; ?>
      <?php endif; ?>
      <?php /***** メインループ終了 *****/ ?>

      <?php /***** メインループ開始 *****/ ?>
      <?php if (have_posts()) : ?>
        <ul class="Works_list grid">
          <?php while (have_posts()) : the_post(); ?>
            <?php
            $taxonomy = 'genre';
            $terms = get_the_terms($post->ID, $taxonomy);
            foreach ($terms as $term) {
              $term_slug = $term->slug;
            }
            ?>
            <li class="item sort-<?php echo $term_slug; ?>">
              <figure class="item-content">
                <a class="Link" href="<?php the_permalink(); ?>">
                  <?php
                  if (has_post_thumbnail()) :
                    the_post_thumbnail('full', ['class' => 'Card_img']);
                  else :
                  ?>
                    <img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/img/no-image.png" alt="<?php the_title(); ?>">
                  <?php endif; ?>
                </a>
              </figure>
            </li>
          <?php endwhile; ?>
        </ul>
      <?php endif; ?>
      <?php /***** メインループ終了 *****/ ?>