wordpressで特定条件の文字列が含まれるURLにクラスを追加したい

Question

前提・実現したいこと

WordPressで、投稿ページにカテゴリ一覧のリンクを作っています。
カテゴリー一覧ページ内に、カテゴリーリンクと全ての記事を表示させる「ALL」カテゴリリンクを追加し、
そのリンクと現在表示しているページ名が一緒であれば、
カレントクラスを追加しようとしていたのですが、どうしてもうまくいきません。

該当のソースコード

<ul class="category-list">
   <li><a href="<?php echo home_url(); ?>/news">ALL</a></li>
<?php 
	$categories = get_categories('hide_empty=1&title_li=');
	if (is_array($categories)) {
		foreach($categories as $category):
			$cat_id = $category->cat_ID;
			$cat_title = $category->cat_name;
			$cat_url = get_category_link($cat_id);
			echo "<li";
			if (is_category($cat_id)) {
				echo ' class="current"';
			}
			echo '><a href="'.$cat_url.'" title="'.$cat_title.'">'.$cat_title.'</a></li>';
		endforeach;
	}
?>
</ul>

試したこと

WordPressで「wp_list_categories」を使いカテゴリ名の出力とそこにカレントリンクを追加することはできましたが、カテゴリにない「ALL」カテゴリを追加し、そこに同じ様にカレントリンクを追加する方法がわかりません。

補足情報（FW/ツールのバージョンなど）

WordPress バージョン 5.2.2
PHP7.2.17

JSでも、「if(document.URL.match」で文字列を判定する方法も試してみましたが、
「news」タグが全てのリンク内に含まれるので、
他のリンクの場合にもnewsのカレントクラスが外れない状態になっています。

もし何か解決方法を少しでもご存知の方がいらっしゃいましたら、
お力をお貸しいただきたいです。

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

Comments

[kei344]

「news/」は固定ページですか？

[Yui_note]

はい、固定ページです。
投稿記事一覧を「home.php」で作成し、表示させております。

Answer 1

is_categoryで分岐しているように、is_pageで分岐すればよいのではないでしょうか。

【is_page – WordPress私的マニュアル】
https://elearn.jp/wpman/function/is_page.html

【WordPressで特定の固定ページにだけ表示させる場合に使う「is_page」 | delaymania】
https://delaymania.com/201508/wordpress/wordpress-is-page/

Comments

[Yui_note]

参考URLとアドバイスありがとうございます。

すみません、WordPressにあまり詳しくないもので、
もう少し具体的にどういったコードを書いたらいいかアドバイスいただけないでしょうか。

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

[kei344]

WordPress独自の物は関数（ is_page ）程度で、後はPHPがわかれば特に問題が無いかなと思います。参考にあげたページに分岐方法が書いてあるので、それと同じように分岐をすればいいですよ。

[Yui_note]

ありがとうございます。

参考サイトを元に、以下の様に修正してみましたが、
今度は「ALL」以外のカテゴリが表示されなくなってしまいました。

<ul class="category-list">

<?php if(is_page( 'news' )): ?>
<li><a href="<?php echo home_url(); ?>/news" class="current">ALL</a></li>
<?php else: ?>
<li><a href="<?php echo home_url(); ?>/news">ALL</a></li>
<?php endif; ?>
<?php
$categories = get_categories('hide_empty=1&title_li=');
if (is_array($categories)) {
foreach($categories as $category):
$cat_id = $category->cat_ID;
$cat_title = $category->cat_name;
$cat_url = get_category_link($cat_id);
echo "<li";
if (is_category($cat_id)) {
echo ' class="current"';
} else if (is_page($cat_id))
echo '><a href="'.$cat_url.'" title="'.$cat_title.'">'.$cat_title.'</a></li>';
endforeach;
}
?>
</ul>

is_pageを使用して、同じ様に分岐させたつもりですが
上記コードではどこが問題なのでしょうか。。

度々お手数をおかけいたし申し訳ありません..
もう少しだけお力お貸しいただけないでしょうか。
どうぞよろしくお願いいたします。

[kei344]

そのコードで特に問題は見当たりません。
エラーが出ていないか、デバッグモードで確認してみてください。

【WordPress初心者におすすめ！デバッグモードの使い方 | Mignon Style】
http://mignonstyle.com/debug-mode/

[Yui_note]

ありがとうございます。
解決いたしました。

うまくいっていなかった原因は、条件分岐の書き方の部分で、
固定ページ（is_page）ではなく実際はホーム（is_home）でした。

newsは固定ページに作ったページでしたが、
表示設定で「投稿ページ」に指定したいた関係で（？）
https://gyazo.com/cc31bbf050fa5828c650ca0372972cf5
ホーム扱いになっていたのかな・・と思います。

この辺りはもう少し勉強したいですが、
ページ種別の判別から入れる方法は思いつきませんでしたので
アドバイスとても助かりました。

ありがとうございました。

[kei344]

「カテゴリが表示されなくなる」のは解決しているのでしょうか。

[Yui_note]

カテゴリ表示の部分も解決いたしました。
そこは単純にコードミスでした。

「else if (is_page($cat_id))」の部分を削除し、

<?php
$categories = get_categories('hide_empty=1&title_li=');
if (is_array($categories)) {
foreach($categories as $category):
$cat_id = $category->cat_ID;
$cat_title = $category->cat_name;
$cat_url = get_category_link($cat_id);
echo "<li";
if (is_category($cat_id)) {
echo ' class="current"';
}
echo '><a href="'.$cat_url.'" title="'.$cat_title.'">'.$cat_title.'</a></li>';
endforeach;
}
?>

としたところ、無事表示されました。

[kei344]

ああ、そこも書き換えていたのですね、見落としていました、すみません。

[Yui_note]

とんでもないです。
手当たり次第にコード書いてましたので、すみません..。
アドバイス助かりました。
ありがとうございました。