デイトラweb制作（Word Press化その9）

デイトラの卒業課題を1日（1〜2時間）行なっています。

導入事例ページ（page-case.php）のタグを作成する

固定ページを作成する

・管理画面から固定ページに導入事例を作成する。

・スラッグ名をcase、順序を40にする。

カスタムタクソノミー（CPT UI）を使って作成する

・投稿タイプの追加から研修事例を作成する。

・タクソノミーの追加から研修コースを作成する。

・管理画面の研修事例から研修コースを選択する。

・3種類のタームを作成する。

管理画面から編集したら反映されるように設定する

・静的に作成したタグ部分を動的にする。

・下記のコードに変更する。

<nav class="p-case-main__nav">
  <ul class="p-case-main__nav-lists">
    <?php $genre_terms = get_terms('business', array('hide_empty'=>false)); ?>
    <?php foreach($genre_terms as $genre_term) : ?>
      <li class="p-case-main__nav-list">
        <a href="#<?php echo esc_attr( $genre_term->slug ); ?>" class="p-case-main__nav-link"><?php echo esc_html( $genre_term->name ); ?></a>
      </li>
    <?php endforeach; ?>
  </ul>
</nav>

・表示を確認する。

結果

今回は導入事例ページ（page-case.php）内にあるタグ部分をカスタムタクソノミーを使って作成してみました。

仕様上、URLがcaseとなっていた為に固定ページのURL（スラッグ）をcaseとし、カスタム投稿のURL（スラッグ）をpost-caseとしました。（同じスラッグ名だと競合してしまう為）

それに研修コースで作成したターム（スラッグ）を同じページ内にあるIDに遷移する設定にしました。ただ、これだとタグは増やせてもお客さんにできることは、ここまでになる気がします。まぁ〜今回の課題には問題ないと思いスルーします。

次はカスタム投稿一覧をカテゴリー（タクソノミー）毎に分けて作成します！

以上、デイトラweb制作（Word Press化その9）の状況でした。

ご依頼等ありましたら、下記のURLにお問い合わせ下さい。

ポートフォリオサイトはこちらになります。