Show Menu
TOPICS×

言語ナビゲーションコンポーネント

言語ナビゲーションコンポーネントは、言語/国を指定したサイトナビゲーション機能を提供し、訪問者が同じページを異なるロケールでナビゲートできるようにします。

使用方法

Web サイトは、多くの場合、様々な地域向けに複数の言語で提供されています。言語ナビゲーションコンポーネントを使用すれば、訪問者は同じページを異なる言語/ロケールで表示できます。そのため、Web サイトのドイツ語(スイス)バージョンの閲覧者の場合、同じページの英語(米国)バージョンに簡単に切り替えることができます。言語ナビゲーションコンポーネントは、サイトの言語構造を理解し、対応するページを自動的に見つけます。
編集ダイアログ では、グローバルサイトナビゲーションのルートのほか、構造のナビゲーションの深さを定義できます。 デザインダイアログ では、同じオプションのデフォルト値をテンプレート作成者が設定できます。

バージョンと互換性

このドキュメントでは、言語ナビゲーションコンポーネントの現在のバージョン(2018 年 1 月にコアコンポーネントのリリース 2.0.0 で導入された v1)について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コンポーネントのバージョン
AEM 6.3
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1
互換性あり
互換性あり
互換性あり
互換性あり
コアコンポーネントのバージョンとリリースについて詳しくは、 コアコンポーネントのバージョン を参照してください。

コンポーネント出力のサンプル

To experience the Language Navigation Component as well as see examples of its configuration options as well as HTML and JSON output, visit the Component Library .

技術的詳細

The latest technical documentation about the Language Navigation Component can be found on GitHub .
コアコンポーネントの開発について詳しくは、 コアコンポーネント開発者向けドキュメント を参照してください。

デザインダイアログ

編集ダイアログでは、グローバルサイトナビゲーションのルートのほか、構造のナビゲーションの深さを定義できます。
通常、これらの設定はページテンプレートレベルでのみ行う必要があります。 ただし、 編集ダイアログ を使用してページレベルで変更できます。

「プロパティ」タブ

  • ナビゲーションルート
    • ここからサイトの言語ナビゲーションを開始します。
    • サイトの言語構造は、このルート配下の次のレベルで開始する。
  • 言語構造の深さ
    • これは、サイトの言語構造を表す​
      ナビゲーションルート
      ​配下のコンテンツツリーのレベルの数です。例:
      • 1
        は、通常、言語の選択肢のみがあることを示します。
      • 2
        通常は、言語と国の選択肢があることを意味します。
      • 3
        通常は、言語、国、地域を選択できることを意味します。

コンテンツが次のような構造になっているとします。
/content +-- we-retail +-- language-masters +-- us +-- en \-- es \-- ch +-- de +-- fr \-- it +-- wknd-events \-- wknd-shop
サイト We.Retail では、言語ナビゲーションコンポーネントを、ヘッダーの一部としてページテンプレート上に配置するとよいでしょう。テンプレートの一部で、コンポーネントの​
ナビゲーションルート
​を
/content/we-retail
(そのサイトのローカライズされたコンテンツが開始される場所)に設定できます。You would also want to set the
Language Structure Depth
to be
2
since your structure is of two levels (country then language).
言語コンポーネントは、
ナビゲーションルート
​値によって、
/content/we-retail
の後にナビゲーションが開始されることを把握します。また、コンテンツツリーの次の 2 レベルを(
言語構造の深さ
​の値で定義されたように)サイトの言語ナビゲーション構造として認識することで、言語ナビゲーションオプションを生成できます。
言語ナビゲーションコンポーネントは、現在のページの場所を把握し、ルートに戻ってから、対応するページに進むことで、ユーザーがどのページを閲覧していたとしても、別の言語の対応するページを見つけることができます。

「スタイル」タブ

言語ナビゲーションコンポーネントでは、AEM スタイルシステム をサポートしています。

編集ダイアログ

通常、言語ナビゲーションコンポーネントは、サイトのページテンプレートに追加し、設定する必要があるのはそのみです。 ただし、言語ナビゲーションコンポーネントを個別のコンテンツページに追加する必要がある場合、編集ダイアログを使用すると、コンテンツ作成者は デザインダイアログ で説明したのと同じ値を設定できます。