グローバルメニューで選択状態のメニューを変化させたい - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/ Cocoon ディスカッション掲示板 ja Thu, 18 Jun 2026 15:06:57 +0000 wpForo 60 RE: グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1866 Mon, 16 Apr 2018 12:41:11 +0000 @tanakamaさん

@akiraさん

ありがとうございます！！！！

まさに思っている状態になりました。

選択状態で下線出ました。

本当に勉強になります。ありがとうございました！

]]> CSSカスタマイズ相談 TanTaa https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1866 RE: グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1864 Mon, 16 Apr 2018 12:18:38 +0000 おっと。かぶってしまいました。

]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1864 RE: グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1863 Mon, 16 Apr 2018 12:17:52 +0000 下記の CSS でどうでしょうか？

.current-menu-item > a,
.current_page_item > a {
 border-bottom: 3px solid #ba3939;
}
]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1863 RE: グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1862 Mon, 16 Apr 2018 12:16:55 +0000 こんにちは。

以下のCSSでいかがでしょうか。

.navi-in .current-menu-item a {
 border-bottom: 3px solid #ba3939
}

テーマ側で現在地にcurrent-menu-itemクラスを付与してくれているので、上記CSSのみでいけると思います。

試していただけると幸いです。

]]> CSSカスタマイズ相談 たなかま https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1862 RE: グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1858 Mon, 16 Apr 2018 11:26:23 +0000 追記したします。

サイトのアドレスを乗せ忘れていました。

https://takechannel.com

こちらのページになります。

今はマウスオンがない状態はまっさらで区切りがない状態です。

]]> CSSカスタマイズ相談 TanTaa https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1858 グローバルメニューで選択状態のメニューを変化させたい https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1857 Mon, 16 Apr 2018 11:22:55 +0000 お忙しい中失礼します。

このフォーラムを見て詳しい方がいっぱい居てとても勉強になるし、参考になります。

今回グローバルメニューで選んだ項目のページを開いているときに、

どこのページを今開いているのかわかりやすいように、アクティブ状態のメニューに下線を加えたいのですが、どのようにすればいいでしょうか。

添付画像はホバー時のものです。

選ばれている状態の時は添付画像のようにキープしたいです。

 

申し訳ないですが、力をお貸し頂けたらと思います。

 

]]> CSSカスタマイズ相談 TanTaa https://wp-cocoon.com/community/customs/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e9%81%b8%e6%8a%9e%e7%8a%b6%e6%85%8b%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e5%a4%89%e5%8c%96/#post-1857