サポート » 使い方全般 » タグをグループ分けして、そのグループ毎にクラスを付加したい

  • 解決済 developer

    (@6flat)


    the_tags や get_the_tag_list でタグの一覧を表示する時、特定のタグをグループ化させて、そのグループごとに個別のクラスを付加したいと考えているのですが、どの様にしたら良いかが分かりません。

    <span class="tags">
    <a href="tag1" class="group-a" title="タグの1説明">タグ1</a>,
    <a href="tag2" class="group-a" title="タグの2説明">タグ2</a>,
    <a href="tag3" class="group-b" title="タグの3説明">タグ3</a>,
    <a href="tag4" class="group-b" title="タグの4説明">タグ4</a>,
    <a href="tag5" class="group-c" title="タグの5説明">タグ5</a>
    </span>

    または

    <ul class="tags">
      <li class="group-a">
          <ul>
            <li><a href="tag1" title="タグ1の説明">タグ1</a></li>
            <li><a href="tag2" title="タグ2の説明">タグ2</a></li>
          </ul>
      </li>
      <li class="group-b">
          <ul>
            <li><a href="tag3" title="タグ3の説明">タグ3</a></li>
            <li><a href="tag4" title="タグ4の説明">タグ4</a></li>
          </ul>
      </li>
      <li class="group-c">
          <ul>
            <li><a href="tag5" title="タグ5の説明">タグ5</a></li>
          </ul>
      </li>
    </ul>

    この様な結果を得るにはどうすれば良いでしょうか。
    また、カスタムフィールドやカスタムタクソノミーなどを利用し、タグ以外で同じ様な結果を得られる方法があればそちらも知りたいです。
    何か良い方法がありましたらお教え下さい。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    6flatさん

    group-a、group-b、group-c毎に異なるカスタム分類(タクソノミー)にしてはどうでしょう?

    トピック投稿者 developer

    (@6flat)

    jim912さん
    タグで出来れば良いと思っていたのですが、カスタム分類を用いる事にします。
    そこで質問があります。
    一覧を出す場合には以下の様にwp_list_categoriesを使えば良いのですが、the_categoryやthe_tagsの様にその記事に属するものだけを表示させ、尚且つそれらにgroup-a、group-b、group-cの様な分類に従った個別のクラスを付加するにはどうすれば良いでしょうか。

    <ul class="tags">
      <li class="group-a">
          <ul>
            <?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'group-a' )); ?>
          </ul>
      </li>
      <li class="group-b">
          <ul>
            <?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'group-b' )); ?>
          </ul>
      </li>
      <li class="group-c">
          <ul>
            <?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'group-c' )); ?>
          </ul>
      </li>
    </ul>
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「タグをグループ分けして、そのグループ毎にクラスを付加したい」には新たに返信することはできません。