【お使いの unitone のバージョン】13.1.2
### 実現したいこと
いつもお世話になっております。
ナビゲーションメニューについてのカスタマイズでご相談がございます。
ナビゲーションメニューをオーバーレイに設定した際は、強制的に副項目が全て表示された状態になるかと思います。
こちらを、スノーモンキーのようにクリックしたら副項目が表示される、アコーディオン形式にしたいと考えています。何か良い方法はございませんでしょうか?
JavaScript等でカスタマイズするしかないのでしょうか?
お忙しい中、恐縮ですがよろしくお願いいたします。
そうなんですよ…。
Snow Monkey は PC 用のグローバルナビゲーションとモバイル用のドロワーナビゲーションに別々の HTML が出力されるようになっているのですが、unitone はブロックテーマの仕様に従う形で、PC もモバイルも1つの HTML が使われるようになっています。
本当は Snow Monkey のような形にするのが理想なのですが、1つの HTML を使う都合上、トグルボタンを追加したりそれによる開閉処理をモバイルだけできれいにやるのが難しくて今の形になっています。
うまい方法があるなら僕もデフォルトの挙動を Snow Monkey のようにしたいのですが…。
ご回答いただき、ありがとうございます!
であれば、現状はどうしようもないですね…。
メガメニューも使いたい反面、オーバーレイ表示では全て表示されて視認性が良くないため、活用できていません。
フルサイトエディター&unitoneは、僕の理想にかなり近い環境なのですが、スマホのメニューだけが課題です。 外部のプラグインを使うにしろ、フルサイトエディターに対応しているものが存在せず、完全に手詰まり状態です…。(皆さん、どうしているんだろう…。)
ひとまずは、スマホとPCでメニューを別に作り、ブレイクポイントで切り替えて対応したいと思います。
今後のコア機能のアップデートに期待ですね!
やっぱり PC とモバイルで同じメニューを使い回す(CSS でなんとか頑張って見た目を変えている)というのに無理があるなーとは思うんですよね…。別々のものが割り当てられるようになってくれれば良いのですが…。
時間があるときに、なんとかできないかもう一回見直してみます。
ありがとうございます!
お手隙の際に考えていただけますと幸いです。
ご丁寧にありがとうございましたm(_ _)m
unitone v14.0.0 で、オーバーレイのときにサブメニューが閉じた状態で表示できるブロックスタイルを追加しました! 詳しくはアップデート記事にてご確認ください。
結構 CSS を書き換えないといけなかったので、ナビゲーションを CSS でカスタマイズしている場合は崩れが発生する可能性があります。事前のテストを推奨します!