ナビゲーションブロックのオーバーレイメニューの幅を指定したい

VWSとは フォーラム その他 ナビゲーションブロックのオーバーレイメニューの幅を指定したい

ナビゲーションブロックのオーバーレイメニューの幅を指定したい

  • このトピックには3件の返信、2人の参加者があり、最後に鎌田により2週、 2日前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #105812

    鎌田
    参加者

    ■ WordPress のバージョン
    6.7.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.29.4

    ■ Pro Unit のバージョン
    0.29.2

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    ナビゲーションブロック (WordPress コア)のオーバーレイメニューをPCサイト上で使用したいと考えています。

    3本線をクリックしたあとに表示されるオーバーレイメニューについて、
    画面の全幅を覆うのではなく幅や高さを指定して表示させることは可能でしょうか。
    また、背景色の透過度も設定したいです。

    カスタマイズの方法を初心者なりに調べてみたのですがうまくいきません。

    可能な方法がありましたらご教示いただけると大変助かります。
    よろしくお願いいたします。

    完成イメージと一致する外部サイトを見つけましたので、下記にURLを添付いたします。

    WordPress コアのナビゲーションを使ったオーバーレイメニュー【完成版】

    ■ 自分で試した事
    ・幅について・・・ナビゲーションブロックのカスタムCSSに幅指定のCSSを入力した
    ・背景透過度について・・・ナビゲーションブロック 背景色設定で16進数の透過コードが入るか試した

    ■ 症状が発生するブラウザ
    Chrome

    ■ 実際の症状
    カスタマイズ方法がわからないため、何をためしても全幅・透過度0で表示される。

    #105835

    初心者さんということですので、難しいカスタマイズをご自身でされるよりも、希望が叶うプラグインを使う選択をされてはいかがでしょうか。

    探してみましたので、参考になさってください。

    言語化が難しい要望は ChatGPT に聞くといいですよー!
    (ということも動画の中でお話ししています)

    https://vimeo.com/1050230446/eb26e4a417

    #105836

    ChatGPT とのやり取りも共有しておきますね。

    https://chatgpt.com/share/67944c60-ae9c-800d-9472-c4431be3a283

    #105860

    鎌田
    参加者

    ご丁寧に動画で解説いただきありがとうございます。
    やはり初心者では難しいカスタマイズなのですね…

    プラグインについては事前にいくつか検討していたのですが、モバイルメニューでのみの実装プラグインが多く、PCサイト上で実装できるプラグインを見つけられなかったためご質問した次第です。

    chatGPTで探すと良いというのは大変勉強になりましたので、ご教示いただいた内容をもとにPCサイトで実装できるプラグインがないか探してみます!

    ありがとうございました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。