コーディングせずにWordpressのドロップダウンメニューを作成する方法

ウェブサイト構築プラットフォームに関しては、Wordpressが王様です。 現在オンラインになっているすべてのWebサイトの約30％がWordpressで構築されていると推定されています。

以前にWordpressを使用してWebサイトを構築したことがある場合は、使用がいかに簡単であるかを説明する必要はありません。 適切な背景があれば、プラットフォームでほとんど何でもできます。

あなたはおそらくあなたがあなたのウェブサイトに置くコンテンツについて考えることに時間を費やしたでしょう。 しかし、あなたは人々があなたのサイトをどのように使うのか考えましたか？

ウェブサイトのナビゲーションは重要であり、Wordpressのドロップダウンメニューは、人々が必要なコンテンツを見つけるのに役立つ可能性があります。

Wordpressのドロップダウンメニューが重要な理由

ユーザーエクスペリエンスは、ウェブサイトのデザインの重要な部分です。 人々があなたのコンテンツとどのように相互作用するかについて考えることを怠ると、人々が使いたくないウェブサイトを作成してしまう可能性があります。

あなたは価値のあるコンテンツでいっぱいの美しくデザインされたウェブサイトを持っているかもしれません、そしてそれでも悪いナビゲーションメニューのために潜在的な顧客を見つけることを逃すかもしれません。

幸い、Wordpressのドロップダウンメニューは比較的簡単に作成できます。 優れたドロップダウンメニューを使用して、顧客が必要な情報を見つけ、サイトで時間を過ごすことができるようにすることができます。

Wordpressサイトにドロップダウンメニューを追加する方法を学ぶ準備はできましたか？ 始めましょう！

ドロップダウンメニュー入門書

ドロップダウンメニュー（ネストされたメニューとも呼ばれます）は、ユーザーがサイト内を移動するのに役立つ簡単な方法です。 設定を処理する簡単な方法は、親と子の2つのカテゴリを持つメニューコンテンツを考えることです。

親カテゴリは、ドロップダウンメニューに入るときに最初に表示されるものです。 子カテゴリはセカンダリナビゲーションリンクであり、誰かが親カテゴリにスクロールした後に表示されます。

親カテゴリは、メニューに表示されるメインサイトセクションです。 例として、この場合の親カテゴリが「サービス」用であるとしましょう。

「サービス」が親カテゴリである場合、子カテゴリは「コンサルティング」または「採用」に沿ったものである可能性があります。

ドロップダウンメニューがあると、コンテンツを簡単に分類でき、ユーザーの行動や流れにも役立ちます。

Wordpressのドロップダウンメニューの作成

Wordpressのドロップダウンメニューを設定するプロセスは非常に簡単です。 まず、[外観]タブに移動し、メニューを選択します。 その後、リンクを表示するメニューを選択します。

それが完了したら、[新しいリンクの作成]メニュー項目を選択し、カテゴリのリンクテキストを含むURLとして＃セクションを使用します。 その後、[メニューに追加]ボタンをクリックします。

ドロップダウンリスト内に表示するカテゴリを選択します。 カテゴリをメニューに挿入したら、表示したい順序でドラッグアンドドロップするだけです。

ご覧のとおり、WordPressでドロップダウンメニューを物理的に作成するのは非常に簡単です。 必要なカテゴリを決定して注文するのは難しい部分です。

完璧なウェブサイトナビゲーションのヒント

Wordpressのドロップダウンメニューを作成する方法がわかったので、今度はメニューに何をさせたいかを考えてみましょう。

一般的なユーザーインターフェイスとユーザーエクスペリエンスを設計する適切な方法について言えることはたくさんありますが、便利なドロップダウンを使用できるように、基本に焦点を当てます。

詰め込みすぎないでください

メニュー全体を詳細にしたいのですが、追加するカテゴリが多すぎると、メニューがほとんど使用できなくなる可能性があります。 必要なカテゴリが少ない場合は、カテゴリの選択肢を追加しすぎるというよくある間違いをしないでください。

理想的には、すべての訪問者がWebサイトにアクセスしたときにクリックしてほしいメインページについて考えてみてください。 それらが何であるかを特定したら、メニューに含めたい子ページについて考え始めることができます。

ゴールデンルールとして、メインナビゲーションに7つを超える親セクションを含めないようにしてください。 絞り込むのに問題があると思われる場合は、子カテゴリとして機能する可能性のある親カテゴリについて考えてください。

メニューを目立たせる

Wordpressテンプレートは、メニューナビゲーションに関して、カスタマイズ可能なオプションを多数提供します。 あなたはあなたのウェブサイトで創造的になりたいです、しかしあなたがあなたのドロップダウンをデザインしているとき、それを単純に保つことが最善です。

ドロップダウンオプションのためにユーザーがクリックする必要がないようにします。 最大限の可視性を得るには、Webサイトの右上隅または左上隅に配置する必要があります。

メニューのドロップダウンボタンを非常に目立たせることも重要です。 背景と混ざりすぎたり、フェードしたりするドロップダウンボタンは、訪問者には役立ちません。

コンテンツの相互作用を検討する

ドロップダウンメニューのスタイルを決定する前に、メニューがページの他の部分やコンテンツとどのように相互作用するかを考えてください。

ユーザーがセクションをクリックすると、メニューはWebサイトにテキストを表示しますか？ メニューの視覚要素がより目立つようになる一方で、残りのコンテンツはわずかにフェードしますか？

ドロップダウンメニューを計画するときは、常に他のデザイン要素を考慮してください。 テキストを読みやすくしたり、他のものを目立たせるために、特定のものを調整する必要がある場合があります。

あなたのロゴを忘れないでください

ドロップダウンメニューは、人々が移動するのを助けるためにあなたのサイトの唯一の要素である必要はありません。 あなたのウェブサイトには、人々が行く必要のある場所にたどり着くのに役立つ他のものがあります。

あなたのロゴは、正しいリンクを備えた強力なナビゲーションツールになり得ます。 会社のロゴは常にホームページにリンクする必要があります。

ロゴを使用してホームページに移動することは、Webサイトのデザインでは非常に一般的です。 人々はすでにそれをあなたのビジネスや製品に関連付けています。

また、サイトコンテンツに頻繁に表示されるため、ユーザーがホームページにすばやくアクセスするための簡単な方法になります。

ユーザーの立場に立つ

これはあなたが従うことができる最も簡単なウェブサイトのナビゲーションのヒントですが、デザインの過程ですぐに忘れてしまう人もいます。

Wordpressのドロップダウンメニューを計画する最も簡単な方法は、平均的なユーザーのことを頭に入れておくことです。 あなたが彼らのウェブサイトだけからビジネスについて学んでいたなら、あなたはナビゲーションメニューにどんな情報を見たいですか？

次のステップ

ナビゲーションを処理する正しい方法がわかったので、Webサイト戦略をさらに深く掘り下げる準備が整いました。 WordPress SEO Boosterをチェックして、SEO戦略に取り掛かることができます。

Wordpressを初めて使用する人のためのWebサイトナビゲーションのヒントはありますか？ コメントセクションでそれらを助けてください。 また、プラグインやウェブデザインについてご不明な点がございましたら、お問い合わせください。