つきひ珈琲読みものお店
豆
道具
おくりもの
「商品」を押すと、メニューが開閉します。

あわせて引く

メガメニュー

Mega Menu

ふだんの言い方大きく開くメニュー一覧が出るメニュー幅いっぱいのメニュー

メニューに触れると、項目の一覧が幅いっぱいに開く大きなメニュー。

見分けるポイント

  • 幅いっぱいのパネルに、項目をグループ分けして並べる
  • 見出し・リンク・画像を一度に見せられる
  • 項目が多いサイトで、全体の地図になる

AIへの伝え方

変更する場所:ナビゲーションバーの「商品」メニュー。 ナビゲーションの「商品」を、メガメニューにしてください。マウスを乗せるか押すと、ナビゲーションの下に幅いっぱいのパネルが開き、3つのグループ(見出し+リンク4つずつ)と、右端におすすめの画像カードを1枚表示してください。キーボードでも開閉でき、Escキーで閉じられるようにしてください。スマートフォンではアコーディオンに切り替えてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「ページの組み立て」の言葉

上から下へ、ページを形づくるまとまり。

207語すべてを、見た目から引く