メニューバーの階層表示

  • making_ist.s_f.high-le@hotmail

    (@making_ists_fhigh-lehotmail)


    11年、 6ヶ月前

    こんにちは。質問させていただきます。

    今「stinger2」(http://wp-stinger.com/)というテーマを使用してブログを運営しています。
    ヘッダー画像の下にあるメニューバーは、外観＞メニューより予め作成しておいた固定ページで作成しています。
    そのメニューにある固定ページの各部分に子にあたる固定ページ(サブ)もバーをずらして階層表示できるようにしているのですが、実際にページを見てみると、マウスを当てたときにサブメニューが表示されるのではなく、最初から表示されてしまっています。
    サブメニューは最初から表示されず、マウスを当てたときに階層表示できるようにしたいのですが、どのようにすればいいのでしょうか？

    ワードプレス初心者なので、詳しくご教授いただけると助かります。

    よろしくお願いいたします。

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

    (@nobita)

    11年、 6ヶ月前

    stinger2の、style.cssをちら見してみましたが、サブメニューについてのスタイルは、記述されていないようですね。

    公式テーマでは、サブメニューが表示できる指定が必須ですから、スタイルが指定されています。

    なので、
    TwentyelevenやTwentytwelveを参考に、スタイルルールを移植するカスタマイズをご自身で行う事になると思います

    トピック投稿者 making_ist.s_f.high-le@hotmail

    (@making_ists_fhigh-lehotmail)

    11年、 6ヶ月前

    ご回答ありがとうございます。

    なるほど、もともとサブメニューの階層表示はデフォルトで設定されていないので、stingerの方で設定が必要ということですね。

    スタイルルールを移植するカスタマイズというのは、具体的にどのようなことを行えばいいのでしょうか？TwentyelevenやTwentytwelveのstyle.cssよりサブメニューの部分を探して、stingerのstyle.cssに記述すればいいということでしょうか？
    すいません。cssすら最近知った言葉なので、移植や編集などの方法がちゃんとわかっていません…
    よろしくお願いいたします。

    nobita

    (@nobita)

    11年、 6ヶ月前

    スタイルルールを移植するカスタマイズというのは、具体的にどのようなことを行えばいいのでしょうか？TwentyelevenやTwentytwelveのstyle.cssよりサブメニューの部分を探して、stingerのstyle.cssに記述すればいいということでしょうか？

    単に、スタイルをコピーしても無理です。

    最も簡単なのは、チャイルドテーマを作って、stingerのheader.phpを、含めます。Twenty_elevenのheader.phpから、メニュー部分をコピーして、変更します。

    その上で、それに関連するスタイルをすべてコピーして、スタイルに貼り付けるという作業になると思います。

    stingerというテーマがチャイルドテーマに対応しているかわかりませんし、設定の変更によって、他の部分の表示への影響がないかも、確認してすべてクリアしなければ、カスタマイズは難しいです。

    また、カスタムメニューを変更した場合でも、正常に表示するように設定する事を考慮すると、

    ハードルがかなり高いので、テーマの配給元に相談してみてはいかがでしょうか？

    トピック投稿者 making_ist.s_f.high-le@hotmail

    (@making_ists_fhigh-lehotmail)

    11年、 6ヶ月前

    ご回答ありがとうございます。

    なるほど、phpやcssの知識がない自分にはちょっと敷居が高いですね…。

    テーマ配給元に相談してみましたが、「その辺はjQueryとかになって、ちょっと簡単には答えられないです」ということでした…。

    とにかく、少しphpやcssを勉強してみます。

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