ハイライト表示というのは、添付画像のようなグラデーション表示のことでしょうか？
ハイライト表示とグラデーション表示は意味的に全然別物のことなので、確認させてください。

また、全く同じCSSにするということなのでしょうか。

わいひらさん

早速お返事くださいましてありがとうございます。

私の伝え方が悪くすみません。

グラデーション表示ではなく、現在開いている投稿ページ固定ページのサイドバーカテゴリーをアクティブ表示？ハイライト表示？にして現在地がわかるようにしたいです。

言いたいことは、いかのサイトのような感じです。

http://wp-notebook.com/intermediate/now-page-active/

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

こんにちは。具体的にどのようにしたいのかがイマイチ伝わらないので、一度試して頂けたらと思います。

固定ページ、投稿ページ関わらず親カテゴリ、サブカテゴリを開いている時もハイライトに出来ればと思います。

まずCocoonのウィジェットはカテゴリ・ページ毎・投稿ページ毎・固定ページ毎に表示・非表示を自分で設定できます。

それを使用して思う通りに表示されるかを試してみるのが良いのかも。と思います。

以下画像はｍチェックを入れているカテゴリは非表示にできる状態のスクショです。

https://gyazo.com/1c75b86d1fc4a08b72fddf11907cefe8

それが思う通りであれば、カテゴリのウィジェット

こんにちは。具体的にどのようにしたいのかがイマイチ伝わらないので、一度試して頂けたらと思います。

固定ページ、投稿ページ関わらず親カテゴリ、サブカテゴリを開いている時もハイライトに出来ればと思います。

まずCocoonのウィジェットはカテゴリ・ページ毎・投稿ページ毎・固定ページ毎に表示・非表示を自分で設定できます。

それを使用して思う通りに表示されるかを試してみるのが良いのかも。と思います。

以下画像はｍチェックを入れているカテゴリは非表示にできる状態のスクショです。

https://gyazo.com/1c75b86d1fc4a08b72fddf11907cefe8

それが思う通りであれば、後はCSSでstyleを付ければ良いと思います。

WordPressの簡単な分岐タグなども使えるはずだった印象です。一度お試しいただけますか。

後はCSSでstyleを付ければ良いと思います。

.widget_categories h3 {}などでstyleを入れるなど

WordPressの簡単な分岐タグなども使えるはずだった印象です。一度お試しいただけますか。

かうたっくさん

こんにちは。

返信ありがとうございます。

添付した画像でご説明しますと

「よくあるご質問」を開いている時にサイドバーのカテゴリーの色が少しグレーに変わっていると思います。

そんな感じで「現在開いているページのカテゴリーはココだよ」と判るようにしたいです。

cocoonのデフォルトですと、上記のようには出来ないのでcssなどで調整する方法がございましたらご教示いただければと思っています。

言いたいことがなかなかうまく伝えられずすみません。

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

あぁぁ、、なるほどです。何となくわかった気がしました。

『あるカテゴリを開いてる』ときだけ『サイドバーにある該当カテゴリの｛見出しのみ｝色を変更したい！』ってことでしたか

が、現状を今チェックした限りでは、CSSでできるようHTMLにclass属性が付いてない状況でした。

カテゴリのHTMLに、それぞれのclass属性が付けばCSSで可能ですが、現状はそのように簡単にイケない感じです。

※PHPを触ってうまくいくかどうか？？

だと思います。

かうたっくさん

そうです！わかりやすく書いていただきありがとうございます。

なるほど、やはりPHPをいじらないと難しいですか。

自分では無理なので諦めます(T_T)

色々調べていただきありがとうございました。

冒頭のページなんですが、
http://sample.bizvektor.com/company/recruit/
これは、「カテゴリー」ウィジェットではなくて、「固定ページ」ウィジェットだと思います。
固定ページウィジェットでやるのであればできるかと思います。

カテゴリページであれば、カテゴリの一覧ページであれば一応CSSでやる方法もあります。
以下のように書けばいけるかと思います。

.current-cat {
  background-color: #eee;
}

一応、「固定ページ」ウィジェットのカレント（現在の）ページの項目をハイライトするのであれば、以下のように書きます。

.current_page_item {
  background-color: #eee;
}

わいひらさん

カテゴリーページの記述ありがとうございます。

「固定ページ」ウィジェットだったんですね。

「固定ページウィジェット」ですとこんな感じでしょうか？

 .cat-item {
  background-color: #eee;
}

「投稿ページ」では、やはりPHPをいじらないと難しいでしょうか？

わいひらさん

「固定ページウィジェット」の記述ありがとうございます。

「投稿ページ」では、やはりPHPをいじらないと難しいでしょうか？

「投稿ページ」を表示さした状態で、その「投稿ページ」が属している「カテゴリー（ウィジェット）項目」全てをハイライトするということでしょうか？

固定ページウィジェットの書き方はこちらの方です。
https://wp-cocoon.com/community/customs/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%81%ab%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e3%82%92%e4%bb%98%e3%81%91%e3%81%9f%e3%81%84/#post-7901

わいひらさん

いえ、全てをハイライトにしなくても一部のみで大丈夫です。

どう説明していいかわからないのですが

例えば以下のページですと

https://wp-cocoon.com/how-to-get-amazon-image-index/

テーマ設定　＞　記事作成　＞　ショートコード

なのでこのページの場合、サイドバーカテゴリーの「ショートコード」をハイライトにしたいという意味になります。

いずれにせよ「投稿」ページでは、「カテゴリーウィジェット」の項目に対してcurrentを表すCSSは出力されていないので、PHPもしくはJavaScriptのカスタマイズは必須になると思います。

わいひらさん

返信ありがとうございます。

やはりそうなんですね。

「投稿ページ」と「カテゴリーページ」だけでもやり方がわかり助かりました。

ご多忙中にもかかわらず色々と親切にご教示いただき感謝いたしますm(__)m

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

例えば以下のページですと

https://wp-cocoon.com/how-to-get-amazon-image-index/

テーマ設定　＞　記事作成　＞　ショートコード

なのでこのページの場合、サイドバーカテゴリーの「ショートコード」をハイライトにしたいという意味になります。

カテゴリidを指定し、背景を付けると以下のようになるので試して頂けますか。

.categoryid-33 .cat-item-33 {
	background: #ddd;
}

この場合、カテゴリIDが33。

カテゴリIDが100であれば、.categoryid-100 .cat-item-100と指定する感じです。同じカテゴリのみ指定する場合はこのCSSで大丈夫かと思われます。

表示は以下の通り

https://gyazo.com/0091e0e337c07145a64264115ea560a6

• IDの調べ方

該当カテゴリ編集画面の　URL/wp-admin/term.php?taxonomy=category&tag_ID=数字10&post_type=post

この数字10を指定すればOKです。大規模ってかカテゴリ数が多いと大変かもしれませんが、以下のように指定できます。

.categoryid-33 .cat-item-33,
.categoryid-100 .cat-item-100 {
	background: #ddd;
}

ちなみにカテゴリ一覧ページも同じようにカテゴリに背景を付けたい場合

.category-33 .cat-item-33と指定、ID33のカテゴリ一覧ページのカテゴリアイテム33と指定を追加する感じです

.categoryid-33 .cat-item-33,
.category-33 .cat-item-33,
.categoryid-100 .cat-item-100,
.category-100 .cat-item-100 {
	background: #ddd;
}

さっき確認しました

かうたっくさん

返信ありがとうございます。

上記の方法を試してみるとハイライトにすることができました！！

カテゴリー一覧も同様に確認できました！

早朝からご指導いただき感謝いたします。

CSSのみですることができ非常に嬉しいです。

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