• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

「管理画面/外観/メニュー」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(最新英語版を反映 en:Appearance Menus Screen 17:55, 24 July 2015‎ Atachibana版))
(和訳完了 en:Appearance Menus Screen 17:55, 24 July 2015‎ Atachibana版))
1行目: 1行目:
<!--{{CheckTrans}} -->
 
<!--{{募集中||「外観 &rarr; メニュー」画面のスクリーンショットを求めています。|画像}}-->
 
 
 
== 外観 &rarr; メニュー ==
 
== 外観 &rarr; メニュー ==
  
The [[Appearance Menus Screen]] enables a user to create [[Navigation Menus|custom navigation menu]] in place of a [[Glossary#Theme|theme’s]] default menu.  Support for this feature must be registered in the theme's  [[Theme Development#Theme Functions File|functions.php file]]. The [[WordPress_Menu_User_Guide|WordPress Menu User Guide]] describes the details of adding, deleting, and maintaining menus.
+
[[Appearance Menus Screen|外観 &rarr; メニュー画面]]では、[[Glossary#Theme|テーマの]]デフォルトメニューの代わりに [[ナビゲーションメニュー|カスタムナビゲーションメニュー]]を作成できます。この機能を使用するには、テーマの [[Theme Development#Theme Functions File|functions.php ファイル]] でこの機能を登録しておく必要があります。メニューの追加、削除、管理の詳細については [[:en:WordPress_Menu_User_Guide|WordPress Menu User Guide (英文)]] を参照してください。
[[Appearance Menus SubPanel|外観 &rarr; メニューサブパネル]] は、[[Version 3.0]] から利用可能です。[[Glossary#Theme|テーマの]]デフォルトメニューの代わりにカスタムメニューを使用するには、テーマの [[Theme Development#Theme Functions File|<code>functions.php</code> ファイル]] でこの機能を登録しておく必要があります。
+
  
[[管理パネル]] に戻る。
+
[[Image:appearance-menus.png|640px||外観メニュー画面]]
  
<!-- 要画像 [[Image:appearance-menus.png|640px|right|Appearance Menus SubPanel]] -->
+
[[管理画面]] に戻る。
  
 
==表示オプション==
 
==表示オプション==
表示オプションで、サブパネルにどのモジュールを表示する/しないを選択可能です。表示オプションタブをクリックすると、可能なモジュールとオプションの一覧が表示されます。モジュール/オプションの横のチェックボックスをチェックするとそのモジュールを表示し、チェックを外すと表示しません。もう一度表示オプションをクリックすると、表示オプションを閉じます。
+
表示オプションで、画面にどのモジュールを表示する/しないを選択可能です。表示オプションタブをクリックすると、可能なモジュールとオプションの一覧が表示されます。モジュール/オプションの横のチェックボックスをチェックするとそのモジュールを表示し、チェックを外すと表示しません。もう一度表示オプションをクリックすると、表示オプションを閉じます。
  
Certain modules, like <strong>Posts</strong> are hidden by default.
+
<strong>投稿</strong> のようにデフォルトでは非表示のモジュールもあります。
  
 
==モジュールの展開、収縮、アレンジ==
 
==モジュールの展開、収縮、アレンジ==
 
投稿等のモジュールは、タイトルバーをクリックして展開/収縮することができます。
 
投稿等のモジュールは、タイトルバーをクリックして展開/収縮することができます。
  
加えて、これらモジュールは、移動させることができます。マウスカーソルをモジュールのタイトルバーにあて、マウスカーソルが4方向矢印(訳注:Firefox だと手の形 --[[利用者:Mizuno|Mizuno]] 2010年6月23日 (水) 01:38 (UTC))になったときに、マウスの左ボタンを押し、モジュールを好きな場所にドラッグし、マウスボタンを離してください(ドラッグアンドドロップ)。
+
加えて、これらモジュールは、移動させることができます。マウスカーソルをモジュールのタイトルバーにあて、マウスカーソルが4方向矢印になったときに、マウスの左ボタンを押し、モジュールを好きな場所にドラッグし、マウスボタンを離してください(ドラッグアンドドロップ)。
  
 
===メニューを作成===
 
===メニューを作成===
To create a new custom menu, click the "create a new menu" link, give the menu a name, and click Create Menu button.
+
新しいカスタムメニューを作成するには「新規メニューを作成」リンクをクリックし、メニューに名前をつけ、「メニューを作成」ボタンを押してください。
カスタムメニューを作成するには、+ タブをクリックして、メニューに名前をつけ、「メニューを作成」ボタンを押してください。(訳注:原文は Save Menu だが、新規の場合は、「メニューを作成」になる --[[利用者:Mizuno|Mizuno]] 2010年6月23日 (水) 01:38 (UTC))
+
  
 
注: 現在使っているテーマがメニューをサポートしていない場合、「現在のテーマはメニューに対応していませんが、“カスタムメニュー” ウィジェットを使い、ここで作成したメニューをテーマのサイドバーに追加できます。」と表示され、サイドバーにウィジェットでカスタムメニューを使用可能なことが通知されます。
 
注: 現在使っているテーマがメニューをサポートしていない場合、「現在のテーマはメニューに対応していませんが、“カスタムメニュー” ウィジェットを使い、ここで作成したメニューをテーマのサイドバーに追加できます。」と表示され、サイドバーにウィジェットでカスタムメニューを使用可能なことが通知されます。
30行目: 25行目:
  
 
メニューを作成すると、以下のオプションが利用可能になります。
 
メニューを作成すると、以下のオプションが利用可能になります。
;トップレベルのページを自動的に追加する : このボックスをチェックすると、最上位階層の[[Pages|ページ]]が作成されたとき、そのページを自動的にメニューに追加します。;Theme Locations : If more than one menu is supported, you can select where this menu should go.
+
;トップレベルのページを自動的に追加する : このボックスをチェックすると、最上位階層の[[Pages|ページ]]が作成されたとき、そのページを自動的にメニューに追加します。;テーマの場所 : 1個以上のメニュー位置がサポートされる場合、メニューの表示場所を選択できます。
 
;メニューを削除 : このリンクをクリックすると、メニューを削除します。メニューアイテムも削除されます。
 
;メニューを削除 : このリンクをクリックすると、メニューを削除します。メニューアイテムも削除されます。
 
;メニューを保存 : このボタンをクリックすると、メニューを保存します。
 
;メニューを保存 : このボタンをクリックすると、メニューを保存します。
41行目: 36行目:
 
メニューアイテムに、異なるナビゲーションラベルや属性を指定することができます。複数のメニューを作成することができます。テーマが複数のメニューをサポートしている場合は、どのカスタムメニューをどれと関連付けるか選択できます。カスタムメニューは、カスタムメニューウィジェットと一緒に使うことができます。
 
メニューアイテムに、異なるナビゲーションラベルや属性を指定することができます。複数のメニューを作成することができます。テーマが複数のメニューをサポートしている場合は、どのカスタムメニューをどれと関連付けるか選択できます。カスタムメニューは、カスタムメニューウィジェットと一緒に使うことができます。
  
このスクリーンショットは、Home メニューアイテムの下の階層に、About メニューアイテムが表示されている例を示します。
+
上のスクリーンショットでは、「ホーム」メニューアイテムの下の階層に、「About」メニューアイテムが表示されている例を示します。
  
[[Image:nav-menus.png|640px|right|Appearance Menus - Maintaining a Menu]]
+
====テーマの場所====
 +
テーマの場所では、メニューの場所を定義できます。[[Twenty_Fifteen|WordPress Twenty Fifteen テーマ]] では 2つのメニュー位置がサポートされます。1つの場所のみをサポートするテーマでは ''''ご利用中のテーマは1個のメニューに対応しています。各位置に表示されるメニューを選んでください。''' というメッセージが表示されます。(テーマに[[Navigation_Menus|複数のナビゲーションメニュー]]のサポートを追加した場合、複数のプルダウンボックスが表示されます)
  
 +
[[Image:nav-menus.png|640px||位置の管理]]
  
====テーマの場所====
+
;場所 : プルダウンボックスで、'''メインメニュー''' 等の場所を示すメニューを選択してください。
テーマの場所では、メニューの場所を定義できます。The {{DefaultTheme}} supports two menu locations. For themes that only support one menu the message {{DefaultTheme}} は、1つの場所をサポートしており、''''ご利用中のテーマは1個のメニューに対応しています。各位置に表示されるメニューを選んでください。''' というメッセージが表示されます。 (If you have added support for [[Navigation_Menus|more navigation menus]] in your theme, you will see more pull-down location options)
+
 
+
;場所 : プルダウンボックスで、'''Primary Location''' 等の場所を示すメニューを選択してください。
+
  
 
;保存 : クリックすると、場所の選択を保存します。
 
;保存 : クリックすると、場所の選択を保存します。
  
'''Note''': You have to open your site to confirm the menu apperance. The Theme Customizer enable live preview of the placemnent of your menu. [[Administration_Screens|Administration]] > [[Administration_Screens#Customize|Appearance]] > [[Appearance_Customize_Screen|Customize]] and click Navigation. Still you need this screen because there are no function to create new menu in the Theme Customizer.
+
'''注意''': メニューの表示を確認するにはいったん保存して、サイトを開く必要があります。テーマカスタマイザーの「ナビゲーション」を使用すると、メニューの配置を動的にプレビューできます。[[Administration_Screens|管理画面]] > [[Administration_Screens#Customize|外観]] > [[Appearance_Customize_Screen|カスタマイズ]] を選択し、「ナビゲーション」をクリックしてください。ただしテーマカスタマイザーでメニューを新規に作成することはできません。
  
 
====カスタムリンク====
 
====カスタムリンク====
91行目: 85行目:
 
;リンクターゲット : プルダウンで "同一ウィンドウ/タブ" または "新規ウィンドウ/タブ" を選択
 
;リンクターゲット : プルダウンで "同一ウィンドウ/タブ" または "新規ウィンドウ/タブ" を選択
 
;CSS クラス : このメニューアイテムの CSS クラス(オプション)
 
;CSS クラス : このメニューアイテムの CSS クラス(オプション)
;リンク関係 (XFN) : あなたとリンク先のサイトオーナーとの関係を示す XFN 属性を自動生成。詳細は [[Links_Add_New_Screen#Link_Relationship_.28XFN.29 Link Relationship|Link Relationship]] をごらんください。
+
;リンク関係 (XFN) : あなたとリンク先のサイトオーナーとの関係を示す XFN 属性を自動生成。詳細は [[:en:Links_Add_New_Screen#Link_Relationship_.28XFN.29 Link Relationship|Link Relationship]] をごらんください。
 
;説明 : このリンクの説明。使用中のテーマがサポートしている場合は、メニューに説明が表示されます。
 
;説明 : このリンクの説明。使用中のテーマがサポートしている場合は、メニューに説明が表示されます。
 
;元の名前 : メニューアイテムの元へのリンク(投稿やページへのリンク)
 
;元の名前 : メニューアイテムの元へのリンク(投稿やページへのリンク)
99行目: 93行目:
 
==テーマにメニューサポートを追加==
 
==テーマにメニューサポートを追加==
 
{{DefaultTheme}} はナビゲーションメニューをサポートしています。お使いのテーマがカスタムメニュー機能をサポートしていない場合は、テーマの function.php ファイルに適切なコードを挿入することができます。テーマにカスタムメニューを実装するには、以下をごらんください。
 
{{DefaultTheme}} はナビゲーションメニューをサポートしています。お使いのテーマがカスタムメニュー機能をサポートしていない場合は、テーマの function.php ファイルに適切なコードを挿入することができます。テーマにカスタムメニューを実装するには、以下をごらんください。
*[[Navigation_Menus|Adding Custom Navigation Menus]]
+
*[[Navigation_Menus|カスタムナビゲーションメニューの追加]]
 
*[[テンプレートタグ/wp_nav_menu|wp_nav_menu ]]
 
*[[テンプレートタグ/wp_nav_menu|wp_nav_menu ]]
 
*[[関数リファレンス/register_nav_menus|register_nav_menus]] /[[:en:Function Reference/register_nav_menus|en]]
 
*[[関数リファレンス/register_nav_menus|register_nav_menus]] /[[:en:Function Reference/register_nav_menus|en]]
113行目: 107行目:
 
* [[Version 3.0|3.0]] : 新規追加
 
* [[Version 3.0|3.0]] : 新規追加
  
 
+
[[管理画面]] に戻る。
[[管理パネル]] に戻る。
+
  
 
{{Administration Screens Footer}}
 
{{Administration Screens Footer}}
123行目: 116行目:
 
[[Category:wp3.0]]
 
[[Category:wp3.0]]
 
[[Category:UI Link]]
 
[[Category:UI Link]]
 
  
 
{{原文|Appearance Menus Screen|152773}} <!--  17:55, 24 July 2015‎ Atachibana 版 -->
 
{{原文|Appearance Menus Screen|152773}} <!--  17:55, 24 July 2015‎ Atachibana 版 -->

2015年7月25日 (土) 03:39時点における版

外観 → メニュー

外観 → メニュー画面では、テーマのデフォルトメニューの代わりに カスタムナビゲーションメニューを作成できます。この機能を使用するには、テーマの functions.php ファイル でこの機能を登録しておく必要があります。メニューの追加、削除、管理の詳細については WordPress Menu User Guide (英文) を参照してください。

外観メニュー画面

管理画面 に戻る。

表示オプション

表示オプションで、画面にどのモジュールを表示する/しないを選択可能です。表示オプションタブをクリックすると、可能なモジュールとオプションの一覧が表示されます。モジュール/オプションの横のチェックボックスをチェックするとそのモジュールを表示し、チェックを外すと表示しません。もう一度表示オプションをクリックすると、表示オプションを閉じます。

投稿 のようにデフォルトでは非表示のモジュールもあります。

モジュールの展開、収縮、アレンジ

投稿等のモジュールは、タイトルバーをクリックして展開/収縮することができます。

加えて、これらモジュールは、移動させることができます。マウスカーソルをモジュールのタイトルバーにあて、マウスカーソルが4方向矢印になったときに、マウスの左ボタンを押し、モジュールを好きな場所にドラッグし、マウスボタンを離してください(ドラッグアンドドロップ)。

メニューを作成

新しいカスタムメニューを作成するには「新規メニューを作成」リンクをクリックし、メニューに名前をつけ、「メニューを作成」ボタンを押してください。

注: 現在使っているテーマがメニューをサポートしていない場合、「現在のテーマはメニューに対応していませんが、“カスタムメニュー” ウィジェットを使い、ここで作成したメニューをテーマのサイドバーに追加できます。」と表示され、サイドバーにウィジェットでカスタムメニューを使用可能なことが通知されます。

複数のメニューを作成することができます。テーマが複数のメニューをサポートしている場合は、どのカスタムメニューをどれと関連付けるか選択できます。カスタムメニューは、カスタムメニューウィジェットと一緒に使うことができます。

メニューを作成すると、以下のオプションが利用可能になります。

トップレベルのページを自動的に追加する 
このボックスをチェックすると、最上位階層のページが作成されたとき、そのページを自動的にメニューに追加します。;テーマの場所 : 1個以上のメニュー位置がサポートされる場合、メニューの表示場所を選択できます。
メニューを削除 
このリンクをクリックすると、メニューを削除します。メニューアイテムも削除されます。
メニューを保存 
このボタンをクリックすると、メニューを保存します。

メニューアイテムを追加

メニューを作成したら、メニューに詳細アイテムを追加することができます。左カラムのカスタムリンク、ページ、カテゴリーからアイテムを選んで、メニューに追加してください。カスタム投稿タイプやカスタム分類を作成した場合は、それらをメニューに追加することができます。 カスタム投稿タイプやカスタム分類が表示されない場合は、表示オプションを調べて、「画面に表示」がチェックされているか確かめてください。

アイテムをメニューに追加したら、ドラッグアンドドロップで好きな順番に変更できます。アイテムをクリックすると、さらに設定オプションが表示されます。アイテムを少し右に移動させることでサブメニューとし、階層を作ることができます。アイテムを動かすと入れ子の位置に表示されます。カスタムメニューを構築したら、「メニューを保存」ボタンをクリックしてください。

メニューアイテムに、異なるナビゲーションラベルや属性を指定することができます。複数のメニューを作成することができます。テーマが複数のメニューをサポートしている場合は、どのカスタムメニューをどれと関連付けるか選択できます。カスタムメニューは、カスタムメニューウィジェットと一緒に使うことができます。

上のスクリーンショットでは、「ホーム」メニューアイテムの下の階層に、「About」メニューアイテムが表示されている例を示します。

テーマの場所

テーマの場所では、メニューの場所を定義できます。WordPress Twenty Fifteen テーマ では 2つのメニュー位置がサポートされます。1つの場所のみをサポートするテーマでは 'ご利用中のテーマは1個のメニューに対応しています。各位置に表示されるメニューを選んでください。 というメッセージが表示されます。(テーマに複数のナビゲーションメニューのサポートを追加した場合、複数のプルダウンボックスが表示されます)

位置の管理

場所 
プルダウンボックスで、メインメニュー 等の場所を示すメニューを選択してください。
保存 
クリックすると、場所の選択を保存します。

注意: メニューの表示を確認するにはいったん保存して、サイトを開く必要があります。テーマカスタマイザーの「ナビゲーション」を使用すると、メニューの配置を動的にプレビューできます。管理画面 > 外観 > カスタマイズ を選択し、「ナビゲーション」をクリックしてください。ただしテーマカスタマイザーでメニューを新規に作成することはできません。

カスタムリンク

カスタムリンクは、他のタイプのメニューアイテムに適合しないリンクを定義することができます。

URL
カスタムリンクの URL を入力します。
ラベル
カスタムリンクの URL を説明するラベルを入力します。
メニューに追加
このボタンをクリックすると、カスタムアイテムをメニューに追加します。

メニューに追加すると、アイテムが右コラムに表示され、ラベル、カスタム、設定矢印(URL やラベルを変更したりメニューからカスタムリンクを取り除いたりするときに使用する)が表示されます。

投稿

特定の投稿へのリンクをメニューに追加することができます。最近、すべて表示、検索の3つのタブは、メニューアイテムの選択候補としてどの投稿を表示するかを指定します。

チェックボックス
アイテムの横のボックスをチェックすると、メニューに追加します。
すべて選択
全てのアイテムのチェックボックスにチェックします。もう一度クリックすると全てのチェックを外します。
メニューに追加
このボタンをクリックすると、選択したアイテムをメニューに追加します。

ページ

特定のページへのリンクをメニューに追加することができます。最近、すべて表示、検索の3つのタブは、メニューアイテムの選択候補としてどのページを表示するかを指定します。すべて表示タブでは、ホーム (実際のページではありませんが、メニューに追加可能)が表示されます。投稿セクションで説明したチェックボックス、すべて選択、メニューに追加オプションがこのモジュールでも表示されます。

カテゴリー

カテゴリーをメニューに追加することができます。最近、すべて表示、検索の3つのタブは、メニューアイテムの選択候補としてどのカテゴリーを表示するかを指定します。選択候補のカテゴリー一覧は、階層を表示しませんが、将来のバージョンでは変更されるかもしれません。投稿セクションで説明したチェックボックス、すべて選択、メニューに追加オプションがこのモジュールでも表示されます。

投稿タグ

投稿タグをメニューに追加することができます。最近、すべて表示、検索の3つのタブは、メニューアイテムの選択候補としてどの投稿タグを表示するかを指定します。投稿セクションで説明したチェックボックス、すべて選択、メニューに追加オプションがこのモジュールでも表示されます。

カスタム投稿タイプとカスタム分類

カスタム投稿タイプとカスタム分類を追加した場合、これらをメニューに追加することができます。カスタム投稿タイプとカスタム分類が表示されない場合、表示オプションでこれらのモジュールを表示するように設定しているか確認してください。各モジュールのオプションは、投稿、ページ、カテゴリー、投稿タグで使用されているものに対応しています。

メニューアイテムを再アレンジ、設定、削除

アイテムがメニューに追加されると、これらのメニューを再アレンジすることができます。マウスカーソルをメニューアイテムタイトルの上に置き、マウスカーソルが4方向矢印になったときに、マウスの左ボタンを押し、モジュールを好きな場所にドラッグし、マウスボタンを離してください(ドラッグアンドドロップ)。アイテムを少し右に移動させることでサブメニューとし、階層(親子)関係を作ることができます。

各メニューアイテムは、タイトルの右に設定矢印(クリックすると設定ボックスが表示される)があります。リンクターゲット、CSS クラス、リンク関係 (XFN)、説明が表示されない場合は、表示オプションで、それらのチェックボックスがチェックされているか確かめてください。

以下の設定選択肢があります。

ナビゲーションラベル 
この特定のメニューアイテムのラベル
タイトル属性 
ラベルを表示するときに使用する属性
リンクターゲット 
プルダウンで "同一ウィンドウ/タブ" または "新規ウィンドウ/タブ" を選択
CSS クラス 
このメニューアイテムの CSS クラス(オプション)
リンク関係 (XFN) 
あなたとリンク先のサイトオーナーとの関係を示す XFN 属性を自動生成。詳細は Link Relationship をごらんください。
説明 
このリンクの説明。使用中のテーマがサポートしている場合は、メニューに説明が表示されます。
元の名前 
メニューアイテムの元へのリンク(投稿やページへのリンク)
削除 
メニューからこのアイテムを削除
キャンセル 
メニューアイテムの設定をキャンセル

テーマにメニューサポートを追加

WordPress Twenty Seventeen テーマ はナビゲーションメニューをサポートしています。お使いのテーマがカスタムメニュー機能をサポートしていない場合は、テーマの function.php ファイルに適切なコードを挿入することができます。テーマにカスタムメニューを実装するには、以下をごらんください。

追加情報

日本語

更新履歴

  • 3.0 : 新規追加

管理画面 に戻る。


あわせて管理画面およびネットワーク管理 もご覧ください。

最新英語版: WordPress Codex » Appearance Menus Screen最新版との差分