メニュー画面

メニュー画面では、ユーザーがカスタムメニュー (ナビゲーションバー、ナビゲーションメニュー、メインメニューと呼ばれることもあります) を作成することができます。これは、訪問者がサイト内を移動するのに役立つサイト内のセクションです。使用するテーマにもよりますが、一般的にサイトには1つナビゲーションメニューがあり、テーマによってはサブメニューやフッターメニューを有効化することもできます。訪問者を混乱させないように、整理されたシンプルなナビゲーションメニューを持つことが不可欠です。

WordPress はデフォルトでは、公開されているすべてのページを自動的にメニューに追加します。しかし、カテゴリーや外部サイトへのリンクを追加したり、メニューリンクの順番を変更したり、サブメニューを作成したりと、メニューのカスタマイズも可能です。

外観メニュー画面は、ダッシュボード > 外観 > メニューからアクセスできます。

表示オプション 表示オプション

表示オプションでは、基本の画面に表示するモジュールを選択できます。「表示オプション」タブをクリックすると、利用可能なモジュールとオプションのリストが表示され、それぞれの横にチェックボックスが表示されます。表示したい各モジュールまたはオプションのボックスにチェックを入れるか、 表示しない場合はボックスのチェックを外します。「表示オプション」タブを再度クリックすると、これを閉じることができます。

投稿のような特定のモジュールはデフォルトで非表示になっています。

トップ ↑

メニューの作成 メニューの作成

メニューの作成
  1. WordPress ダッシュボードへ移動します。
  2. ダッシュボードの左側にある「外観」メニューから「メニュー」を選択して、メニューエディターを表示します。
  3. ページ上の「新規メニューを作成」を選択します。
  4. メニュー名ボックスに新しいメニューの名前を入力します。
  5. 「メニューを作成」ボタンをクリックします。

トップ ↑

メニュー項目の追加 メニュー項目の追加

項目をメニューに追加する

メニューには固定ページ、カテゴリー、カスタムリンクなど、さまざまな項目の種類を追加することができます。これらは、現在編集中のメニューの左側のセクション内に分けられています。ページにリンクを追加する方法の例は以下のとおりです。

  1. 固定ページ」と題されたセクションを探します。
  2. このセクション内で、「すべて表示」リンクを選択すると、サイトで現在公開されている全ページの一覧が表示されます。
  3. 各ページのタイトルの横にあるチェックボックスをクリックして、追加したいページを選択します。
  4. このセクションの下部にある「メニューに追加」ボタンをクリックして、前のステップで作成したメニューに選択したものを追加します。
  5. 必要なメニュー項目をすべて追加したら、「メニューを保存」ボタンをクリックします。

これで、カスタムメニューが保存されました。

注: 表示オプションで、メニューに追加する項目を選択することができます。タグのような特定の項目は、デフォルトでは非表示になっています。

トップ ↑

メニュー項目の削除 メニュー項目の削除

メニュー項目の削除
  1. メニュー編集ウィンドウで削除したいメニュー項目を選択します。
  2. メニュー項目の右上の矢印アイコンをクリックして展開します。
  3. 項目の削除リンクをクリックします。メニュー項目がすぐに削除されます。
  4. メニューを保存ボタンをクリックして変更内容を保存します。

トップ ↑

階層メニューの作成 階層メニューの作成

メニューの構造について計画する際、各メニュー項目をフォーマルなレポート文書の見出しとして考えると役立ちます。レポートでは、メインセクションの見出し (レベル1の見出し) はページの左に最も近いもので、サブセクションの見出し (レベル2の見出し) は少し右にインデントされ、同じセクション内の他の下位の見出し (レベル3、4など) はさらに右にインデントされます。

WordPress のメニューエディターでは、シンプルな「ドラッグ & ドロップ」インターフェースを使って複数階層のメニューを作成できます。メニュー項目を上下にドラッグして、メニュー内の表示順を変更することができます。メニュー項目を左右にドラッグすることで、メニュー内に下層レベルを作成することができます。

Creating multi-level menus

あるメニュー項目を他のメニュー項目の下位にするには、「子」を「親」の下に配置してから、少し右にドラッグする必要があります。

  1. 子メニュー項目の上にマウスを置きます。
  2. マウスの左ボタンを押したまま、右にドラッグします。
  3. マウスボタンを離します。
  4. 各サブメニュー項目について、この手順を繰り返します。
  5. メニューエディターで「メニューを保存」ボタンをクリックして、変更内容を保存します。

トップ ↑

サイトにメニューを追加する サイトにメニューを追加する

If your current theme supports custom menus, you will be able to add your new menu to one of the Theme Locations.

  1. Scroll to the bottom of the menu editor window.
  2. In the section titled Theme locations, click the check box for the location where you want your menu to appear.
  3. Click Save menu once you’ve made your selection.
Adding your custom menu to your site

If your current theme does not support custom menus, you will need to add your new menu via the Custom Menu widget in the Appearance Widgets Screen.

メニュー項目の設定と配置 メニュー項目の設定と配置

Once an item is added to a menu, those menu items can be rearranged. Placing the mouse cursor over the menu item title, when the mouse cursor changes to 4-arrows, hold the left-mouse button down, drag the module to where you want to place it, then release the mouse button (this is called drag-and-drop). Remember you can drag a menu item slightly to the right of the menu item above it to create a hierarchy (parent/child) relationship in the menu.

Each Menu Item has a configuration arrow on the right side of the Menu Item title, that when clicked opens the configuration box. Click the arrow a second time closed the configuration box. If you don’t see Link Target, CSS Classes, Link Relationship (XFN), and Description, then under Screen Options make sure those boxes are checked to expose them here.

Then configuration choices are:

Navigation Label

The label for this particular menu item

Title Attribute

The attribute used when displaying the label

Link Target

Select “Same window or tab” or “New window or tab” from the pulldown.

CSS Classes

Optional CSS Classes for this menu item

Link Relationship (XFN)

Allows for the generation of XFN attributes automatically so you can show how you are related to the authors/owners of site to which you are linking. See Link Relationship for details.

Description

Description for this link. The description will be displayed in the menu if the current theme supports it.

Original

A link to the original source of the menu item (e.g. a link to view the post or page).

Remove

Remove this menu item from the menu.

Cancel

Cancel the configuration of the menu item and