WordPressでカスタムメニューを作成する方法

WordPressでカスタムメニューを作成することは、WordPressのWebサイト運営の基本に属します。 新しいWordPressテーマでウェブサイトを構成するとき、通常、最初に行うことの1つです。 WordPressのカスタムメニューは、WordPressのウェブサイトやブログで、ウェブサイトの訪問者や読者のユーザビリティとナビゲーションを向上させるために非常に便利です。

初めてカスタム メニューを作成したら、WordPress ダッシュボードの特定のオプションを活用することで、すぐにできる簡単な作業であることに気がつくでしょう。 この簡単な初心者向けチュートリアルでは、WordPressでカスタムメニューを一から作成する方法をご紹介します。 このチュートリアルのステップバイステップに従って、すべてのステップを完了させてください。

• Step 1 – WordPressでカスタムメニューを作成する
• Step 2 – カスタムメニューにメニューアイテムを追加する
• Step 3 – マルチレベルメニューの作成（サブmenu items)
• Step 4 – Choose menu location on your website
• Step 5 – Customize or delete certain menu items

新しいWordPressテーマを初めて有効にした後、そのテーマは、次のようになります。 通常、WordPressには、Webサイトで利用可能なページを含むデフォルトのメニューが表示されます。 これを変更するには、好みのメニュー項目（ページ、カテゴリ、カスタム リンクなど）をすべて含む独自のカスタム メニューを作成する必要があります。

Step 1 – WordPress でカスタム メニューを作成する

WordPressカスタムメニューを使用および調整する前に、まずメニューを作成する必要があります。 WordPress のダッシュボードにログインし、「外観 => メニュー」に移動してください。 ここでは、WordPressのカスタムメニューを作成および編集することができます。 メニューの名前（例：メインメニュー、ヘッダーナビゲーションなど）を入力し、「メニューを作成」をクリックしてください。

ステップ 2 – カスタムメニューにメニュー項目を追加する

画面の左側に、ページ、投稿、カスタムリンク、カテゴリと書かれたいくつかのボックスが表示されます。 右上の小さな矢印をクリックすると、各ボックスを展開することができます。 ここで、カスタムメニューに追加したいメニュー項目を選択することができます。 特定のページやカテゴリを追加したり、外部 Web サイトにリンクするカスタム リンクなど、新しいメニュー項目を作成することもできます。

お好みのメニュー項目を追加するには、カスタムメニューに追加したいページ、投稿、カテゴリ、その他の項目のチェックボックスをオンにして [Add to Menu] をクリックするだけです。 画面オプションを使用して追加することで、利用可能なメニュー項目のボックスをさらに表示することができます。 より多くのボックスを表示するには、ページの右上にある「画面オプション」をクリックするだけです。 メニューに項目を追加した後、ドラッグ&ドロップで項目を並べることができます。

Quick tip: カスタムメニューにメニュー項目としてカスタムリンクを追加し、外部ウェブサイトへリンクしたい場合、外部ウェブサイトが新しいブラウザウィンドウ/タブで開かれるようにすることが可能です。

ステップ3 – マルチレベルメニュー（サブメニュー項目）の作成

MH ThemesによるすべてのWordPressテーマは、マルチレベルメニューをサポートしています。 この機能を利用することで、簡単にサブメニューを作成し、Webサイトに表示することができます。 前回は、メニューの項目を上下にドラッグすることで、メニューの表示順を変更する方法を学びました。 サブメニューを作成するには、カスタムメニュー内のサブレベルを作成するために項目を左または右にドラッグするだけです。

でマルチレベルのメニューを作成できます

ステップ 4 – ウェブサイト上のメニュー位置を選択

通常は常にカスタムメニュー位置とどの程度利用できる場合は、WordPress テーマに依存しています。 例えば、人気のMHマガジンのWordPressテーマは、いくつかの実用的なカスタムメニューの場所（ヘッダー、メイン、フッターなど）をサポートしています。 あなたがメニューを作成した後、あなたのテーマの利用可能なメニュースロットのいずれかにそれを追加することができます。 さらに、WordPress にはカスタム メニュー ウィジェットがあり、カスタム メニューをウィジェットとしてサイドバーなどに追加できます。

カスタムメニューをテーマの位置に追加するには、メニュー設定からメニュー名を選択し、保存ボタンをクリックしてください。 すべてが正しく設定され保存されると、カスタムメニューは現在、WordPressウェブサイトまたはブログのその特定の場所に表示されます。 そうでない場合は、カスタムメニューを正しく作成したこと、カスタムメニューにメニュー項目を割り当てたこと、WordPress ですべてを正しく保存したことを確認してください。

Step 5 – カスタマイズまたは特定のメニュー項目を削除

カスタムメニューを作成した後、いつでも戻ってきてメニュー項目をカスタマイズして再配置したり、カスタムメニューからそれらを削除したい場合はそれらを削除したりすることができます。 特定のメニュー項目を編集するには、メニュー項目/ボックスの右上にある矢印をクリックして展開するだけです。

Now you can edit the Navigation Label (title of menu item), Title Attribute or clicking the Remove in the bottom left corner of the edit menu item box. カスタマイズが完了したら、[メニューを保存] ボタンをクリックして WordPress に変更を保存してください。

WordPress カスタム メニューの詳細

このチュートリアルでは、WordPress でカスタム メニューを作成するために必要なすべてのステップを説明します。 また、WordPress Codex の Menu User Guide でも基本的に同じステップをカバーしています。 ソーシャルアイコン用のカスタムメニューをサポートしている WordPress テーマを使用していて、自分のウェブサイトにソーシャルアイコン用のメニューを作成したい場合は、次のチュートリアルで特定の情報を提供します。 WordPressでソーシャルアイコンメニューを作成する方法