current_page_itemについて

  • 解決済 goodtimes

    (@goodtimes)


    15年、 8ヶ月前

    こんばんは、お世話になります
    連投すみません

    サイドバーにページ一覧の一部（１～６階層あるうち、２～５階層目までのみ）を表示しているのですが、
    現在選択（表示）されているページ名の表示を変えたいのです
    （kubric デフォルトテーマのカスタマイズです）

    具体的には、以下のような感じです

    ＞ページＡ
    ＞＞ページＡＡ
    ＞＞＞ページＡＡＡ
    ＞ページＢ
    ＞＞ページＢＢ
    ＞＞＞ページＢＢＢ

    とサイドバーにあって、現在選択されているのがページＡＡの場合、
    ＞＞ページＡＡのみを赤字にしたいのです

    ページ一覧を取得している部分（sidebar.php)は
    wp_list_pagesの一文のみで、どこをどう触っていいのか見当がつかず、
    他のテーマを参考にしてＣＳＳに以下のように追記してみたのですが

    #sidebar li.current_page_item a, {
    color:red;
    }

    これでは、現在表示されているページ＋その子供がすべて赤字になってしまいます

    ちなみに、サイドバーに表示していない1階層目と6階層目のページはヘッダーに表示しています
    選択されていたとしても、そこが赤字になるとちょっと困ってしまいます。

    どなたかアドバイスいただけませんでしょうか？
    よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • mizube

    (@mizube)

    15年、 8ヶ月前

    #sidebar li.current_page_item a {
color:red;
}

    のあとに

    #sidebar li.current_page_item li a {
color: black;
}

    を追加してください。色はお使いのテーマのものに合わせてください。

    トピック投稿者 goodtimes

    (@goodtimes)

    15年、 8ヶ月前

    mizubeさん
    ご回答ありがとうございます！
    解決しました　
    色分けすることで随分見やすくなりました

    で、ひとつお伺いしたいのですが

    これってIEのみが理解できるものですか？
    FireFoxでみたら、赤字にも黒字にもならないのです

    モデレーター IKEDA Yuriko

    (@lilyfan)

    15年、 8ヶ月前

    FireFoxでみたら、赤字にも黒字にもならないのです

    a 要素の場合、link 疑似要素に対しても色を設定しないといけないのかも。

    #sidebar li.current_page_item a, #sidebar li.current_page_item a:link {
color:red;
}
#sidebar li.current_page_item a, #sidebar li.current_page_item a:link {
color:red;
}

    必要ならば、visited 疑似要素に対しても適切な色を割り当ててみてください。

    トピック投稿者 goodtimes

    (@goodtimes)

    15年、 8ヶ月前

    lilyfanさん
    こんにちは
    そのとおりでした

    #sidebar li.current_page_item a:linkを追加したら
    FIREFOXでも赤字になりました

    実は、FireFoxでならないなら、また別で目立つように考えないと・・とおもってちょっと途方にくれてました
    ありがとうございます助かりましたです！

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「current_page_itemについて」には新たに返信することはできません。