Wordpress タグのカレントクラス追加について

Question

初めまして。皆様にご質問です。
当方プログラミング初心者です。

Wordpressのオリジナルテーマを作成しているのですが、わからない箇所があり、
いくらググっても良い答えが出ずこちらに辿り着きました。。。

投稿一覧ページにタグで投稿をソートできるようにしています。
そのタグアーカイブにcurrent classを付与したいのですが、
どうしたら良いでしょうか？

現在は下記のようなコードです。

  <?php
  $tags = get_tags();
  foreach( $tags as $tag) { 
  echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
  }
  ?>

上記に単に何かを追加すれば良いのか、
それともfunction.phpなどに別途指示を出せば良いのか、
皆様のお知恵を頂戴できれば幸いです。

どうぞよろしくお願いします。

追記

カレントクラスの意図は、現在表示しているタグアーカイブに目印をつけたいということです。
添付の画像の「Tag01 ~ 05」が質問箇所です。各クリックでタグがついた記事がソートされてアーカイブされます。
選択したアーカイブにcssで装飾をつけたいのです。

Comments

[m.ts10806]

そもそもカレントクラスとはどういう意図でどういうものや機能を指して言っていますか？

[CHERRY]

> そのタグアーカイブにcurrent classを付与したいのですが、

どのような状況の場合に　付与されるのでしょうか？

[koji0330]

m.ts10806さん。

ありがとうございます。
カレントクラスの意図は、現在表示しているタグアーカイブに目印をつけたいということです。
添付の画像の「Tag01 ~ 05」が質問箇所です。各クリックでタグがついた記事がソートされてアーカイブされます。
選択したアーカイブにcssで装飾をつけたいのです。

参考：https://www.sriproot.net/blog/current-navigation-1151

[koji0330]

添付イメージ画像は解答欄に記載しました。
よろしくお願いします。

Answer 1

参考にされた URL のように class="current"> をつけたいということですね。

使われているのテンプレートファイルは、何でしょうか。

---

タグということなので、 tag.php や tag-xxx.php のような タグテンプレート と仮定して回答します。

おそらく 条件分岐タグ の is_tagを使って判定するのが簡単でしょうか。

使い方

<?php if ( is_tag($tag) ) /* 処理をする */; ?>

戻り値
アーカイブページが表示されている場合は true, それ以外は false。

たとえば、以下のような感じで条件判断して出力を出し分けるとどうなるでしょうか。

if( is_tag( $tag ) ) {
  echo '<li class="current"><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
} else {
  echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
}

Comments

[koji0330]

ありがとうございます！
打ち合わせで外出中ですので戻り次第試してみたいと思います。
ちなみにテンプレートはheader.phpに記述していました。

[CHERRY]

Template Hierarchy / テンプレート階層 ( https://developer.wordpress.org/themes/basics/template-hierarchy/ ) に記載されているように　WordPress が呼び出すテンプレートは決まっているので、WordPress が最初に header.php を直接呼び出すことはないと思います。

header.php を呼び出す　テンプレートは何ですか？

[koji0330]

あ。すみません、。
archiveですかね。

[koji0330]

何度もすみません。
下記で試してみたのですが、ダメのようでした。
書き方間違っておりますでしょうか？

<?php
$tags = get_tags();
foreach( $tags as $tag) {
echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
}
if( is_tag( $tag ) ) {
echo '<li class="current"><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
} else {
echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
}
?>

[CHERRY]

条件判断は、 foreach ループの中に入れないと意味がないです。

[koji0330]

無事実装できました！
何度もお手数おかけしました。
ありがとうございました。