ヘッダーメッセージ
ヘッダーメッセージ
DIARY

ドロップダウンメニューのデザインも選択可能。進化したメガメニューでユーザーをナビゲート

「HORIZON」ではブログとカスタム投稿「ギャラリー」にそれぞれ最適化された2つのメガメニューを実装しております。さらに、ドロップダウンメニューにも2種類のデザインをご用意いたしました。

ドロップダウンメニュー

項目にマウスオーバーすると、そこから下に向かってサブメニューが展開されるタイプです。

ドロップダウンメニュー(タイプ1)

もっとも基本的な形のドロップダウンメニューです。

ドロップダウンメニュー(タイプ2)

マウスオーバーで表示されるページに、サブメニューが横並びで表示されます。項目数が多くてもすっきりとした見た目になります。また、サブメニューが横に並ぶスタイルは、横スクロールページでアンカーリンクを実装する場合にも相性の良い形となります。

メガメニュー

メガメニューは通常のドロップダウンメニューと比べてより広いスペースで展開されるメニューです。階層化したページをわかりやすく表示したり、画像やアイコンを使用してユーザーを目的のページに誘導できるのが特徴です。

メガメニューA

ブログ記事をサムネイルと共に表示します。タイトルとカテゴリーも一緒に表示されるので、記事の内容が一目でわかります。カテゴリーを絞って表示することも可能なので、特定の記事をアピールしたい場合にも活用できます。

メガメニューB

カスタム投稿タイプ「ギャラリー」の記事を最大6つ表示できます。ギャラリーは会社やブランドのメインコンテンツをアピールするためにご利用いただくことを想定しております。目を惹くアイキャッチ画像を設定してページに誘導してください。

関連記事

カテゴリー

TOP