Articles

WordPressでメニューナビゲーションを変更するには?

WordPressでメニューナビゲーションを変更するのはとても簡単です。 このマニュアルでは、WordPressウェブサイトのメニューを変更する方法をステップバイステップで説明します。

WordPress メニューはどこで編集しますか?

WordPressメインメニューは、以下の手順で編集します。 WordPressのサイトにログインし、「外観」を開き、左側のメニューの「メニュー」をクリックします。 編集するメニューを選択」をクリックし、変更したいメニューを選択します。 選択」をクリックすると、メニューの読み込みが始まります。

メニューを変更するのではなく、新しいメニューを作成したい場合は、「新しいメニューを作成」ボタンをクリックし、メニュー名を入力します。 後でまた見つけることができるように、論理的な名前を考えておいてください。 例えば、ウェブサイトのトップにメインメニューがあり、フッターに別のメニューがあるなど、複数のメニューがある場合は、特に重要です。 メニューの保存」をクリックすると、メニューは保存され、自動的に読み込まれます。 次の段落では、WordPressのメニューをメニュー項目で埋める方法を説明します。

WordPressメニューにボタンを追加する

メニューに表示したいページ、カテゴリー、メッセージにチェックを入れて「メニューに追加」をクリックします。

これで画面の右側にボタン類が表示されるはずです。 メニューを保存」をクリックして保存します。

WordPressのメニューのボタンを編集する

メニューのボタンは、ウェブサイトの右側に並びます。 項目をクリックして上下にドラッグすることで、表示順を変更することができます。 下の画像は、2 つの組み込みボタンを含むメニューの例です。

すべてのメニュー項目の横に、項目の種類(例:「ページ」「カテゴリー」「メッセージ」)が表示されます。 その横には、表示順序を変更できる矢印が表示されます。 一番右側には、小さな三角形が表示されています。 ここをクリックすると、いくつかのオプションを含む列が展開されます:

  • Navigation label: メニューボタンに表示するテキストを入力します。
  • タイトル属性。 これは、メニュー項目の上にマウスを移動したときに、ツールチップに表示されるテキストです。 これは必須のフィールドではありませんが、検索エンジンの利便性を高めるために通常記入されます。
  • リンクターゲット。 このリンクをどこで開くか(「同じウィンドウまたはタブ」(推奨)または「新しいウィンドウまたはタブ」のいずれかを選択できます).
  • 削除。

重要:完了したら、右上の「メニューを保存」をクリックすることを忘れないでください。

WordPressメニューに他のウェブサイトへのリンクを追加する

メニューに他のウェブサイトへのリンクを作成したいことがあります。 たとえば、Web サイト外のログイン ページにリンクするログイン ボタンなどです。 このようなリンクを作成するには、次のようにします。 カスタムリンク」をクリックします。

「URL」にWebアドレスを追加し、「リンクテキスト」にメニューボタンに表示する名前を入力します。 そして、「メニューに追加」をクリックします。 あとは、右側の好きな場所にドラッグすればOKです。 外部サイトへのリンクは、新しいウィンドウで開きたいことがよくあります。 そこで、リンクの横にある小さな三角形をクリックし、「リンク先」で「新しいウィンドウまたはタブ」を選択することも忘れないでください。

WordPressでサブメニューを追加する

メニュー項目としてサブメニューを追加する場合は、通常のメニュー項目を追加するのと同じ方法で動作します。 ただし、目的の場所にドラッグするときは、目的の項目の下、少し右寄りにドラッグします。 たとえば、これは WordPress 代理店のメニューを整理する方法です。

‘WordPress websites’ は、メイン メニュー項目 ‘WordPress services’ のサブメニュー項目になりました。

Generate WordPress menus automatically

下部には、「新しいトップレベルのページをこのメニューに自動追加」するためのボタンである [Menu settings] も表示されています。 この項目にチェックを入れると、WordPressで作成したすべてのページが自動的にこのメニューに追加されます。

WordPressメニューの場所を編集する

メニュー設定>表示場所には、WordPressウェブサイトのどこにメニューを表示するかを決めるオプションもあります。 これらの設定は、WordPressのテーマごとに異なります。 メニューの位置が1つしかないテーマもあれば、いくつかあるテーマもあります。 下記のオプションは、私たちのお気に入りのWordPressテーマEnfoldから来たものですが、あなたが他のテーマを使用している場合、ここで別のオプションを持っている可能性があります:

ところで、あなたはまた、あなたのページの上部にあるこの場所を変更することができます。 メニューの編集」(今作業しているタブ)と「場所の管理」の2つのタブがあります。 ここをクリックすると、メニューごとに場所を指定できます。

WordPress メニューの変更を表示する

メッセージやページとは異なり、WordPress メニューでは「概念を保存」することができません。 しかし、ページの上部にある「ライブ プレビューで管理」をクリックすることができます。 これは、WordPressのライブプレビューモードにつながり、メニューの項目や場所を変更しながら、メニューに加えられた変更の結果を直接確認することができます。 この方法では、’保存 & 公開’をクリックして最終的に変更する前に、まだ変更内容を確認することができます。 変更を保存したくないときは、左上の十字をクリックします。

フッターにWordPressメニューを追加する

一般的に、ページの上部にあるメインメニューは短くシンプルにしておきたいものですが、他の多くのページへのリンクは提供したいものです。 これが、フッター(WordPressウェブサイトの下部)が必要な理由です。 重要性の劣るリンクをすべて配置するため。 この良い例として、Microsoftのウェブサイトがあります:

メインメニュー:

フッタメニュー:

これは、WordPressのテーマで、フッタでのウィジェットに対応していれば簡単に作ることができるのです。 そうすれば、フッターにメニューウィジェットを配置することができます。 WordPressの場合、「外観」から「ウィジェット」に移動します。 すると、例えば3つのサイドバー(ウィジェットを配置できるエリアです)が表示されます。

これはフッターに3列あり、そこにウィジェットを配置できることを意味します。 あなたの場合、これは別の名前を持っているかもしれませんが、説明にはしばしば「フッター」という単語が含まれています。 ウィジェットエリアの横にある三角形をクリックします。 フィールドが拡大され、ウィジェットをドラッグして移動することができます。 利用可能なウィジェットはすべて左側に表示されます。 Adapted menu」というウィジェットをクリックし、これを展開されたフィールドにドラッグします。 次に、’カスタムメニュー’ の隣にある三角形をクリックし、表示したいメニューを選択します:

最後に、’保存’ をクリックします。 これで、WordPressサイトのフッターにメニューが表示されました。 これをウィジェットエリアごとに繰り返すことができます