サポート » テーマ » Twenty Elevenのメニューの色

  • J-Rocker

    (@j-rocker)


    過去に似たようなトピックはあったんですがよく分かりませんでした。

    Twenty Elevenのメニューの色を変更したいと思っています。
    メニューとひとことで言っても、
    背景の色、文字の色、マウスオーバーしたときの色、選択したメニューの色
    親メニューの下に出る子メニュー?の色など
    (ほかにもあるとおもいますが)
    いろいろな要素がふくまれているようで
    おそらくSTYLE.CSSのあちこちを修正する必要があるんだと思います。
    どこを変更すればよいのかよいのか分かりません。

    それから
    /* Show a solid color for older browsers */
    という記述がときどきあるのですが
    古いブラウザとそれ以外で対応するCSSが違うということなんでしょうか?
    だとすると古いブラウザには対応しなくてもいいです。
    最低限IE8できちんと見えればいいんですが・・・

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • nobita

    (@nobita)

    こんにちは

    海外サイトでチュートリアルがありメモに残したものですが、参考になりますか?

    返信先: Twenty Elevenのメニューの色

    J-Rocker

    (@j-rocker)

    nobitaさん
    こんなこともできるんですね。参考になりました。

    ——————————————

    さて、メニューの色を変えるには
    STYLE.CSSの540行目付近にある

    #access {
    background: #222;

    の#222部分を変えると色が変わることはわかったんですが、
    子テーマのSTYLE.CSSの方で色を変えても無視されてしまいます。
    例えば、
    親テーマで青 #0000ff
    子テーマで赤 #ff0000
    を指定すると青で表示されます。

    キャッシュのせいではありませんし、
    他のプロパティ?(文字の位置や線種など)は子テーマのCSSが有効になっているので
    なぜ子テーマのこの色が無視されるのかわかりません。

    「#」から始まるプロパティ?はこういうやりかた出来ないんでしょうか?
    うまくいってるものは「.」から始まっているので。

    nobita

    (@nobita)

    J-Rockerさん こんにちは

    チャイルドテーマを作っていただいたのであれば次のようにしてください

    カラースキーマをオレンジに選択している場合は、スタイルをカスタマイズするファイルは、
    orange.cssになります。

    このチャイルドテーマは、チャイルドテーマのstyle.cssを読み込んだあとで、カラースキーマオレンジのorange.cssを読み込みます。

    「#」から始まるプロパティ?はこういうやりかた出来ないんでしょうか?
    うまくいってるものは「.」から始まっているので。

    #は、idです . から始まるのはclassです。

    <h2 id="subtitle">example</h2>
    <p class="paragraf">example</p>

    スタイルを指定する属性名毎に、スタイルルールの書き方が異なります

    CODEXなどでは、チャイルドテーマは、親テーマのスタイルをインクルードして、その後にカスタマイズするスタイルルールを書くという説明になっていますが、この方法は、それよりもちょっと複雑になっています。
    気になったので、以前メモを作る時に作成しておいたオレンジテーマを使って、スタイルを適用してみましたが、私の環境では、動作しましたので、もう少しがんばってみてください:)

    J-Rocker

    (@j-rocker)

    ごめんなさい。誤解させてしまったようです。
    紹介してもらった「カラースキーマをオレンジ」というのは使っていません。

    nobita

    (@nobita)

    そうだったんですか、気にしないでください

    うまくカスタマイズできるといいですね:)

    もう半年も前の投稿だから解決してるだろうけど。

    グローバルナビの配色変更コードを配布することにしました。
    よろしければ使ってやってくださいな。

    初心者に優しいWPカスタマイズ

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Twenty Elevenのメニューの色」には新たに返信することはできません。