リンクや階層リンクの追加

概要

リンクと階層リンクを使用して、サイトのナビゲーションを改善します。

[リンク]、[リンク リスト]、[階層リンク] レンダリングは、ナビゲーション セクションの一部です。これらは、訪問者がサイトをナビゲートするのに役立ちます。

階層リンクは、Web サイト内のユーザーの位置を示すナビゲーション ヘルプです。特に、Web サイトに多くのページが含まれる場合、階層リンク ナビゲーションは、ユーザーが検索するときの方法を大幅に改善することができます。階層リンクは、Web サイトの訪問者が上位レベルのページに到達するために必要なアクションの数を減らし、Web サイトのセクションやページの見つけやすさを向上させます。

最も単純なフォームでは、階層リンクは大なり記号 (>) で区切られた、横方向に配置されたテキスト リンクです。記号は、その横にあるページ リンクに対する相対的なページのレベルを示しています。

ユーザーがナビゲーションに階層リンクを使用できるようにするには、次の手順に従います。

階層リンク ナビゲーション

階層リンク レンダリングは、ルートから現在のアイテムまでのすべてのパス アイテムをリストする階層リンクを生成します。また、バリアントのレンダリングをサポートします。

階層リンク レンダリングをページに追加するには、次の手順に従います。

  1. エクスペリエンス エディターにあるツールボックスの [ナビゲーション] グループで、[階層リンク] をクリックしてページにドラッグします。

  2. 階層リンクのプロパティを設定するには、7190D2F15CB74E52802605F433CA1C49.png[スタイルと動作を編集する] をクリックします。

  3. ダイアログ ボックスの [スタイル] セクションで、バリアントとスタイルを選択できます。

  4. [階層リンクの設定] セクションで、次のフィールドを設定します。

    • [スタートページ] – 階層リンクの開始点を指定します。これを空のままにすると、既定でホーム ページが使用されます。

    • [区切り文字] – 階層リンクのアイテムを区切る文字を指定します。「, >、>>、/、//」など。

    • [ナビゲーション階層リンク] – 兄弟をドロップダウン メニューとして含める場合に選択します。

    • [ナビゲーション フィルター] - [階層ナビゲーション] を選択します。

設定を変更することで、さまざまなスタイルの階層リンクを作成できます。以下に例を示します。

[タイプ]

[スクリーンショット]

[設定]

シンプルな階層リンク

シンプルな階層リンクの例

レンダリング バリアント: ページ タイトル

区切り文字: >

ナビゲーション フィルター: 階層リンク ナビゲーション

スタイル: インデント トップ、インデント ボトム、インデント サイド

省略記号を使用している階層リンク

省略記号を使用している階層リンクの例

レンダリング バリアント: ページ タイトル

区切り文字: >

ナビゲーション フィルター: 階層リンク ナビゲーション

スタイル: インデント トップ、インデント ボトム、中間アイテムを非表示、インデント サイド

アイコンを使用している階層リンク

アイコンを使用している階層リンクの例

レンダリング バリアント: アイコン

区切り文字: >

ナビゲーション階層リンク: 選択済み

ナビゲーション フィルター: 階層リンク ナビゲーション

スタイル: 階層リンク カスタム インジケーター