Webデザインのコツ!ナビゲーションメニュー設置の6つのコツ
![Wix の便利な新機能を使ったナビメニュー設置の6つのヒント](https://static.wixstatic.com/media/5e5a34_903021efeb02451abe05c5ecadb48cab~mv2.png/v1/fill/w_51,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_903021efeb02451abe05c5ecadb48cab~mv2.png)
ナビゲーションは、どんなホームページにも必要な基本要素の一つです。単に必要だから設定している人もいるかもしれませんが、このメニューを分かりやすくきちんと設置していないと、サイト閲覧のしやすさに大きな影響を与えてしまいます。
知識は力と言いますから、この記事では、読者の皆さんがメニューをカスタマイズできるように、効果的なナビゲーションメニューの設置方法と、Wix に新しく登場した新機能も一緒についてご紹介します。
NEW!メニューをアンカーリンクや外部サイトにリンク
最近のWebデザイントレンドでは、縦にスクロールするデザインが人気です。「アンカーリンク」を設置することで、より簡単にクリック一つで希望のセクションに移動できます。このアンカーリンクを直接メニューにリンクすることで、新しいページを開くことなく、希望のセクションに移動できます。
また、メールアドレスや文書、外部サイトにリンクしたい場合も、こちらの簡単な手順で設定が可能になりました。
![効果的なメニューの設定方法:アンカーリンク](https://static.wixstatic.com/media/5e5a34_b690662709394ece878c149cb4848452~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_b690662709394ece878c149cb4848452~mv2.png)
NEW!ドロップダウンメニューのメインリンクを無効化
機能リクエストが多かった待望の「ドロップダウンメニューのメインリンクを無効化」にする新機能が登場しました。メインメニューはクリックできないので、ドロップダウンメニューのみクリックすることができます。詳しい方法はこちら。
![効果的なメニューの設定方法:ドロップダウンメニュー](https://static.wixstatic.com/media/5e5a34_90bb31f0f91f45879c6920fa7abb1ce5~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_90bb31f0f91f45879c6920fa7abb1ce5~mv2.png)
メニューから直接文書をダウンロード
メニューに文書をリンクすることで、訪問者がメニューをクリックすると文書を開けるように設定しましょう。利用可能な文書ファイルの形式は以下の通りです: .doc、.docx、.xls、.xlsx、.ppt、.pptx、.odt、.odp、.pdf
例えば、レストランのメニューや履歴書、eBook、マニュアルなどを掲載したいときにとても便利な機能です。
文書をメニューに追加する方法:エディタ左側の「ページ」をクリック > 「追加」をクリックして「リンク」を選択 > 「文書」をクリックして追加したい文書ファイルを選択またはアップロードします。
![効果的なメニューの設定方法:文書の追加](https://static.wixstatic.com/media/5e5a34_8bd7b385d4f54eed8bfda2d1b71a5e87~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_8bd7b385d4f54eed8bfda2d1b71a5e87~mv2.png)
縦型メニューも活用
ナビゲーションメニューをヘッダーではなく、サイトの横サイドに縦に配置したいなら、クリック一つで簡単に「縦型メニュー」を追加できます。
ただし!縦型メニューは、小さなスクリーンでは逆に操作しにくくなってしまうため、モバイルサイトでは表示されないのでご注意ください。
![効果的なメニューの設定方法:縦型メニュー](https://static.wixstatic.com/media/5e5a34_72a550ebacbd495392a2856bee43eea4~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_72a550ebacbd495392a2856bee43eea4~mv2.png)
メニューの順序をさくっと入れ替える
ナビゲーションメニューの表示順序を変更したい場合、ドラッグ&ドロップで直感的に並び替えができます。メニューの順所を変更して、使い心地をテストしたい際も、ページ順番を入れ替えて試してみるのをおすすめします。その方法はこちら。
![効果的なメニューの設定方法:順序変更](https://static.wixstatic.com/media/5e5a34_c6c934ea55fa41058bb08d364c1dcff8~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_c6c934ea55fa41058bb08d364c1dcff8~mv2.png)
特定のページをメニューで非表示にする
ナビゲーションメニューは、サイト内の最重要ページへと続く通り道ともいえるでしょう。サイトの内容が一貫していれば、どこに知りたい情報が載っているかすぐに分かるはず。サイト内に存在する全てのページをメニューに表示してしまっては、訪問者を混乱させてしまう恐れもあります。そこで、特定のページをメニューで非表示にしてみましょう。その手順はこちら。
![効果的なメニューの設定方法:メニューに非表示](https://static.wixstatic.com/media/5e5a34_443b4ebdd8c549b08b60c09fa484ec57~mv2.png/v1/fill/w_65,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5e5a34_443b4ebdd8c549b08b60c09fa484ec57~mv2.png)
オンラインビジネスをはじめる準備はできましたか?Wixで無料ホームページを作成しましょう!
ライター: Wix Team