WordPressメニューを作成する方法は？チュートリアルとビデオ
公開: 2025-06-11目次
メニューはあらゆるWebサイトの重要な部分であり、WordPressサイトも例外ではありません。この投稿では、従来のWordPressメニューエディターの助けを借りて、クラシックテーマのメニューを作成および管理することをガイドします。
WordPressメニューとは何ですか？
ナビゲーションメニューは、通常、外部リンクも可能ですが、通常は内部サイトページにつながるリンクの編成リストを含む、サイトのヘッダーまたはサイドバーに通常、水平または垂直バーです。あなたのウェブサイトのメニューは、訪問者が探しているコンテンツに移動するのに役立つマップと考えることができます。
適切に設計されたWordPressメニューは、ユーザーエクスペリエンスを向上させ、変換率を改善することさえできます。そのため、サイトにメニューの追加を開始する前に、サイトマップを作成したり、WordPressナビゲーションメニュー戦略を開発したりすることをお勧めします。
メインページ、訪問者が最初に探しているもの、そしてそのコンテンツへのパスを可能な限りスムーズにする方法について考えてください。
WordPressメニューエディターを見つけることから始めましょう。 WordPressサイトのメニューを作成するために使用できる2つの方法があります。どの方法に従うべきかを理解するには、ダッシュボードにアクセスして、左側の外観を確認してください。外観の下にメニューが表示される場合は、いわゆる「伝統的な」WordPressメニューエディターを扱います。
編集者が表示される場合、ブロックテーマを使用しており、サイトエディターにアクセスして、ナビゲーションを含むすべてのサイト要素を1つの場所で編集します。
従来のWordPressメニューエディター
WordPressダッシュボードから、ダッシュボードの左側にある「外観」メニューに移動し、「メニュー」オプションを選択してWordPressメニューエディターを表示します。複数のメニューがある場合は、ドロップダウンを編集するメニューの選択が表示されます。必要なものを選択し、[選択]をクリックしてロードします。これにより、サイトで既存のメニューを簡単に編集できます。
ゼロから新しいメニューを作成するには、[新しいメニューリンクの作成]をクリックし、メニューの名前を入力し、[作成]ボタンをクリックします。
次に、メニュー設定セクションに注意してみましょう。 WordPress編集メニューの2つのオプションが表示されます。ページを自動追加して表示します。 Auto Add Pagesオプションを確認すると、作成時に新しいページが自動的に追加されます。
表示場所オプションを使用すると、テーマのカスタムメニューWordPressが表示される場所を選択できます。デフォルトでは、メニューはテーマのメインナビゲーションエリアに表示されます。ただし、テーマが複数のメニューをサポートする場合は、別の場所を選択できます。新しいメニューを作成した後、アイテムを追加して注文を変更し、サブレベルを作成できます。
ナビゲーションアイテムをWordPressメニューに追加します
次に、左ボックスを見てください。ここでは、いくつかのタブが付いたメニューアイテムの追加ボックスが表示されます。 [ページ]タブには、最新の表示、すべて表示、および検索の3つのカテゴリが含まれています。 1つ目は、簡単にアクセスできるように最新のページのほんの一握りを表示します。サイトに多くのページがある場合、[すべて]タブは少し扱いにくい場合があります。代わりに、[検索]タブを使用して必要なページを見つけることをお勧めします。また、[すべての表示]ページをメニューに追加する場合は、下部にあるすべてのチェックボックスをクリックすることもできます。
必要なものを選択したら、[メニューに追加]をクリックします。選択するすべてのページは右側にリストされます。投稿では、同じように機能します。 [投稿]タブを選択し、前と同様に、最新のすべての投稿から選択するか、必要な投稿を検索します。その後、[追加]メニューをクリックします。カスタムリンクを追加することもできます。これは、外部ページにも必要な任意のURLにリンクできます。
外部ページのトピックに触れると、訪問者がウェブサイトに戻って閲覧を続けることができるように、新しいタブでメニューリンクを開くことが必要な場合があります。これは、外部リンクを追加した場合に特に重要です。この隠されたオプションは、メニューインターフェイス内にあります。オンにするには、画面上部にある画面オプションをクリックし、[ターゲット]チェックボックスをチェックします。ここでは、より便利なオプションも見つけることができます。これで、右側のメニュー構造セクションのWordPressメニュー項目にドロップダウン矢印を使用すると、新しいタブに新しいチェックボックス：開くリンクが表示されます。それをクリックすると、あなたは行くのがいいです。
注： WordPressメニューに追加できるあらゆる種類のものがあります。製品の製品、製品カテゴリ、または製品のタグです。それは、あなたがサイトで実行しているプラグインとものによって異なります。
追加したWordPressメニュー項目を削除する必要がある場合は、そうする方法は2つあります。繰り返しますが、矢印をクリックしてアイテムを選択します。次に、Red remove Linkをクリックします。
複数のページを一度に削除することもできます。 [バルク]選択チェックボックスをクリックし、削除する各メニュー項目にチェックします。次に、選択したアイテムを削除します。
さらに、ナビゲーションラベルを変更することでメニュー項目の名前を変更できます。たとえば、メニュー項目をより短いタイトルにしてスペースを節約する必要がある場合は、これが便利です。
メニューの構造を整理します
すべてのアイテムが追加されたら、それらをドラッグしてドロップすることでそれらを動かすことができます。そうするために、任意のメニュー項目の上にホバリングします。カーソルが十字線に変わるのがわかります。これにより、注文を変更して、好きなように再配置できます。
サブメナスを使用してメニュー階層を作成したい場合は、ここでもそれを行うことができます。ネストアイテムは、WordPress編集メニュー機能の重要な部分です。点線が右にシフトするまでアイテムを右にドラッグすると、自動的にそのすぐ上のメニュー項目のサブ要素になります。アイテムを必要に応じてネストすることができ、サブメナス内で無限にサブメナスを作成できます。 2番目の方法は、移動するメニュー項目を開き、アンダーリンクをクリックすることです。とてもシンプルです。
リンクなしでメニュー項目を追加します
WordPress Dropdownメニューを作成するとき、トップレベルのリンクをテキストにするだけで、他に何もしない可能性があります。これを行うには、通常のようなカスタムリンクを作成しますが、リンクを挿入する代わりに、＃シンボルを挿入します。次に、メニューに通常行う適切な名前を指定し、[追加]メニューにクリックします。メニューの準備ができたら、[メニューの保存]ボタンをクリックできます。
それに加えて、もう1つ言及することがあります。WordPressのメニュー位置を変更する2番目の方法は、[場所の管理]タブをクリックすることです。クリックすると、テーマで使用されているさまざまなメニューの場所のリストが表示されます。現在使用しているテーマに応じて、メニューの場所が1つある場合があります。ドロップダウンリストから選択して、適切なテーマの場所に作成した既存のメニューを割り当てます。 [変更の保存]ボタンをクリックして、変更を保存します。
WordPress Megaメニュープラグインでサイトナビゲーションをアップグレードします
メガメニューとは何ですか？ Megaメニューは、2次元のドロップダウンレイアウト（グリッドのような構造で水平方向と垂直の両方で編成）に複数のオプションが表示される拡張可能なナビゲーションタイプメニューです。
リンク、アイコン、画像、ボタン、または検索バーや製品のプレビューなどのウィジェットの複数の列をメニューに含めたい場合、特にeコマースストア、ニュースサイト、または大企業のサイトについて話している場合は、メガメニューワードプレスアドオンを検討する価値があります。 WordPressでメニューの色を変更する方法をお探しですか？それも可能です。 ElementorのStratum MegaメニューやWordPress Megaメニューの拡張機能などのツールを使用すると、コードの行に触れることなく、高度なメニューを視覚的に構築することができます。
Elementorキー機能のStratum Megaメニューには以下が含まれます。
- メニューを簡単に作成するためのドラッグアンドドロップビルダー。
- 画像、アイコン、ウィジェットなどのカスタマイズ可能なコンテンツ。
- モバイルおよびデスクトップビューのレスポンシブデザイン。
- 色、フォント、ホバーエフェクトを備えた高度なスタイリングオプション。
- スムーズなアニメーションとスティッキーメニューワードプレスオプション。
- 複数のメニュースタイルとSEOに優しい構造。
- サブメニューサポートとカスタムトリガー（ホバー、クリック）。
WordPress Megaメニューブロックには、次のような重要な機能があります。
- Gutenberg互換性：WordPressブロックエディターとシームレスに統合します。
- カスタマイズ可能なレイアウト：水平または垂直メニューを選択します。
- レスポンシブデザイン：モバイルおよびデスクトップビューに適応します。
- ハンバーガーモバイルメニューWordPress：スペース節約、モバイルに優しいオプション。
- マルチレベルのサブメナス：最大3レベルのサポート。
- スタイリングオプション：色、フォントなどをカスタマイズします。
- ブロックベースのコンテンツ：画像やボタンなどのさまざまなGutenbergブロックを使用します。
カスタマイザー
または、テーマカスタマイザーインターフェイスを使用して、WordPressカスタムメニューを編集することもできます。このために、外観に移動→カスタマイズします。メニューをクリックすると、デフォルトで作成したメニューと自分で作成したメニューが作成されていることがわかります（ある場合）。ここでそれらを編集できます。メニューが表示されない場合、または新しいメニューが必要な場合は、[新しいメニューの作成]ボタンをクリックします。
ヘッズアップ：少なくとも1つのメニューの場所を選択していることを確認してください。そうしないと、メニューが表示されないことを確認してください。
- [アイテムの追加]ボタンをクリックします。ページの下には、サイトの公開されたページのリストが表示されます。任意のページタイトルをクリックしてメニューに追加します。プライベートページとドラフトページはリストに表示されないことに注意してください。また、投稿、カテゴリなどを追加することもできます。
- アイテムを再配置するか、ドロップダウンメニューを作成する場合は、[Reorder]をクリックします。メニューのメニュー項目を上または下に移動するには、ˆをクリックするか、矢印を下にクリックします。
- カスタマイザーを使用すると、ドロップダウンメニューを作成できます。右矢印と左の矢印をクリックして、他のページの下にあるネストまたは非ネストページをクリックします。
- 結果に満足したら、[完了]をクリックします。最後に、[公開]をクリックして、変更をサイトに適用します。
- テーマのカスタマイザーを使用すると、変更時のライブプレビューを確認できます。これは非常に便利です。しかし、正直なところ、どちらの方法もほとんど同じオプションを提供しているので、どちらをより快適に感じてください。
メニューの最適化に役立つヒント
- メニューがモバイルでどのように見えるかを確認してください
ほとんどのテーマは、レスポンシブメニューを自動的に作成します。ただし、自分でプレビューするのが賢明です。長いメニューまたはレベルが多すぎるメニューは、小さな画面で混乱する可能性があります。
- サイトの他の領域にメニューを追加します
ウィジェットを使用して、サイドバーまたはフッターのメニューを紹介できます。ヘッダーエリアのみに限定されません。ウィジェットは、クイックリンク、カテゴリ、またはブログリーダーや顧客向けに簡略化されたメニューを表示する場合に便利です。
- メニューを新鮮に保ちます
サイトが成長したり変更されたりする可能性があるため、メニューが最新かどうかを確認することが重要です。古いリンクを定期的に削除し、必要に応じてアイテムの名前を変更し、新しいリンクを追加します。クリーンメニューは、訪問者が必要なものを見つけるのに常に役立ちます。整理されていない関連するメニューもSEOを改善する可能性があります。
結論
全体として、メニューはあなたのウェブサイトの重要な部分です。彼らは、あなたのコンテンツを探索するための直感的なパスをユーザーに提供するものです。
今日カバーしたすべての手順を使用すると、従来のテーマを使用するときにサイトのメニューを習熟、管理、カスタマイズする準備が整っています。したがって、よく組織されたメニューは、ナビゲーションをはるかに簡単にすることができます。さらに、メニューはより良いSEOに貢献しているため、サイトの変更に合わせてメニューを定期的に確認して更新することを忘れないでください。
読んでくれてありがとう！ WordPressメニューに関連するヒントや経験がある場合は、コメントでお気軽に共有してください。
FAQ
WordPressメニューとは何ですか？なぜ必要なのですか？
従来のメニューエディタ、従来のメニューエディタまたはブロックを知るにはどうすればよいですか？
メニューが表示されている場合は、従来のメニューエディターを使用しています。
編集者が表示される場合、ブロックテーマを使用して、サイトエディターにアクセスできます。
メニューにカスタムリンクまたは外部ページを追加できますか？
サブメナスまたはドロップダウンを作成するにはどうすればよいですか？
メニューエディターの代わりに、WordPressカスタマイザーからメニューを編集できますか？
メニューが表示される場所を変更するにはどうすればよいですか？
メニューエディターのメニュー設定セクションで、表示ロケーションボックスを確認します。
または、ドロップダウンを使用して作成されたメニューをテーマの場所に割り当てることができる場所を管理します。
ディスプレイの場所をメニューに割り当てるのを忘れた場合はどうなりますか？