カスタムメニューで親メニューと子（サブ）メニューのCSSを別にしたい

• 

  tatsuaka · メンバー · 9月 3, 2013 at 10:16 am

  • リンクをコピー
  • トピックをお気に入りに追加

  wp_nav_menu()を利用して、子（サブ）メニューを持ったメニュー群をカスタムメニューで作成しています。

  訳あって、親メニューのテキストを画像に変更したいと思い、text-indent: -9999px;を使ってテキストを消したところ、子（サブ）メニューのテキストまで消えてしまい、ドロップダウンメニュー上に表示されなくなってしまいました。

  ドロップダウンメニューは恐らくjQueryで出力されているのではないかと思うのですが、jQueryはよく分かりませんので、CSSで画像のz-indexやpositionを変更して、画像をテキストよりも前面に出すことで親メニューのテキストのみ隠せないかと考えたのですがダメでした。

  他に思いついた方法が、親メニューと子（サブ）メニューのCSSを分けるという方法だったのですが、どこをカスタマイズすればよいか分からず、また、あまりスマートな方法だとは思えず、質問させていただきます。

  抽象的な質問で恐縮ですが、カスタムメニューの親メニューのテキストを消しても、子（サブ）メニューのテキストは消えない方法について、もし、他に良い方法などがございましたらご教授いただけませんでしょうか。

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

• 

  naokomc · メンバー · 9月 4, 2013 at 7:26 am

  • リンクをコピー

  こちらの質問はインストール型 WordPress.org サイトについての者でしょうか。その場合、
  http://ja.forums.wordpress.org/
  へご投稿ください。

  WordPress.com と WordPress.org サイトの違いについては以下をご覧ください。
  https://ja.forums.wordpress.com/topic/3?replies=1
  よろしくお願いします。