[ 解決済 ] Lightning Block Template Partsのサブメニューをスマホで矢印開閉したい

VWSとは フォーラム Lightning [ 解決済 ] Lightning Block Template Partsのサブメニューをスマホで矢印開閉したい

[ 解決済 ] Lightning Block Template Partsのサブメニューをスマホで矢印開閉したい

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

    onas
    参加者

    ■ WordPress のバージョン
    WordPress 6.9

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

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

    ■ テーマのバージョン
    15.33.1

    ■ Pro Unit のバージョン
    0.29.10

    ■ スキンの種類
    Origin III

    ■ プラグインの種類・バージョン
    主なプラグイン
    VK Blocks Pro 1.115.2.0
    VK All in One Expansion Unit 9.113.0.1
    Blocks Animation: CSS Animations for Gutenberg Blocks 3.1.4
    Snow Monkey Forms 12.0.4

    ■ 期待する動作
    Lightning Block Template Partsで作成したナビゲーションのサブメニューを矢印で開閉したい

    ■ 自分で試した事
    サブメニュー

    ・クリックして開く
    ・矢印を表示

    のメニューはどちらもオンにした

    ■ 症状が発生するブラウザ
    chrome、firefox、Safari、Android

    ■ 実際の症状
    いつも大変お世話になっております。

    Lightning Block Template Partsで作成したナビゲーションについて、
    パソコン版はサブメニューが矢印開閉できるのですが
    スマホ版は常に展開されている状態です。
    これは仕様なのでしょうか。

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

    #116979

    > これは仕様なのでしょうか。

    そういう仕様になってますね。

    ナビゲーションは WordPress 標準のブロックで、
    ちょっと試してみたところ、ご希望通りに動作させるのはかなり難しそうです。

    解決策ですが、Lightning 標準のモバイルナビはご希望の動作をします。

    Lightning ヘッダー設定で
    モバイル端末では Lightning 標準のモバイルナビゲーションを有効にする
    にチェックをつけると、Lightning 標準のモバイルナビを使うことができます。

    下記ページの最後の方に説明があります。

    ブロックテンプレートパーツ機能

    【ひとりごと】
    これ、X-T9 じゃできない、ってことか…

    Attachments:
    You must be logged in to view attached files.
    #116981

    onas
    参加者

    返信ありがとうございます。
    Lightning 標準のモバイルナビは矢印で展開するので、Lightning Block Template Partsでも同じような動作をしてくれることを期待したのですが、難しそうですね。。
    ハンバーガーメニューの横に電話ボタンを置きたかったのでLightning Block Template Partsで作ろうと思った次第です。
    仕様とのことで、諦めたいと思います。
    お忙しいなかご返答いただきありがとうございました。

    #116982

    石川@Vektor,Inc.
    キーマスター

    対馬さんありがとうございます。

    そうですね、WordPress 標準のナビゲーションブロックでは現状確かできない仕様です。

    ナビゲーション周りはやはり標準機能では苦しいと思っていますので、
    今年前半に何等かの機能実装はしたいと考えています。

    とりあえず Lightning をご利用なので、対馬さんがご案内してくださっている、Lightning 標準ナビゲーションをご利用いただければと思います。

    #116984

    > ハンバーガーメニューの横に電話ボタンを置きたかったので…

    モバイル用ヘッダーのナビゲーションを削除して、代わりに電話のアイコンを置き、
    (ハンバーガーメニューに被らないように)電話のアイコンの右マージンを設定すれば、
    ハンバーガーメニューの左に置くことができますよ。

    > 今年前半に何等かの機能実装はしたいと考えています。

    石川さん、ありがとうございます。楽しみにしてます🥰

    #116985

    onas
    参加者

    石川様
    回答ありがとうございます。
    この部分はWordPress 標準のナビゲーションブロックだったのですね。
    Lightning Block Template Partsヘビーユーザーなので、今後のアップデートがとても楽しみです。
    いつもありがとうございます!

    対馬様
    電話アイコンの件までアドバイスいただきありがとうございます!
    確かに、できそうな気がしてきました。
    色々とカスタマイズしてみますね。

    石川様、対馬様、ありがとうございました。

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