リンクや階層リンクの追加
[リンク]、[リンク リスト]、[階層リンク] レンダリングは、ナビゲーション セクションの一部です。これらは、訪問者がサイトをナビゲートするのに役立ちます。
リンク レンダリングの追加
リンクは、訪問者がサイトをナビゲートするのに非常に役立ちます。内部リンクを使用して、Web サイトのアーキテクチャと階層を定義できます。外部リンクを使用して、訪問者が他の関連 Web サイトにアクセスする、ファイルを開く、メール メッセージを送信するなどの操作がしやすいようにすることもできます。
リンク レンダリングをページに追加するには、次の手順に従います。
-
エクスペリエンス エディターにあるツールボックスの [ナビゲーション] グループで、[リンク] をクリックしてページにドラッグします。
-
[関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、既存のアイテムにリンクするには、必要なコンテンツ アイテムをクリックし、[OK] をクリックします。
-
または、新しいリンクを作成するには、[関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、[新しいコンテンツを作成] をクリックします。
-
[リンク先とアピアランスの編集] をクリックして [リンクを挿入] ダイアログ ボックスを開き、リンク タイプを選択します。
-
[内部リンク] – Web サイトのアイテムへのリンクを追加します。たとえば、Web サイトの別のページへのリンクを追加する場合があります。
-
[メディアリンク] – メディア ライブラリにメディア ファイルのダウンロード リンクを追加します。例: ビデオや PDF ファイル。
-
[外部リンク] – 別のサイトのページへのリンクを追加します。
-
[アンカー] – ページ内の特定のセクションへのリンクを追加します。
-
[メール] – 訪問者の既定のメール プログラムで新規メールを開いて作成するリンクを追加します。
-
[JavaScript] – JavaScript コードを呼び出すリンクを追加します。
注記リンクを削除するには、[リンクをクリア] をクリックします。リンクを確認するには、[リンクをたどる] をクリックします。
-
リンク リスト レンダリングの追加
リンク リストは、ユーザーをページの外に誘導したい場合に非常に便利です。たとえば、収集した他の Web サイトやブログへのリンクのリストを共有したい場合などです。リンク リスト レンダリングでは、アイテムの前にタイトルが付いたリストを表示できます。
リンク リスト レンダリングをページに追加するには、次の手順に従います。
-
エクスペリエンス エディターのツールボックスの [ナビゲーション] グループで、[リンク リスト] をクリックしてページにドラッグします。
-
[関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、目的のコンテンツ アイテムをクリックし、[OK] をクリックします。
-
リンク リストのプロパティを設定するには、[スタイルと動作を編集する] をクリックします。
-
ダイアログ ボックスの [スタイル] セクションで、バリアントとスタイルを選択できます。
階層リンク レンダリングの追加
階層リンクは、Web サイト内のユーザーの位置を示すナビゲーション ヘルプです。特に、Web サイトに多くのページが含まれる場合、階層リンク ナビゲーションは、ユーザーが検索するときの方法を大幅に改善することができます。階層リンクは、Web サイトの訪問者が上位レベルのページに到達するために必要なアクションの数を減らし、Web サイトのセクションやページの見つけやすさを向上させます。
最も単純なフォームでは、階層リンクは大なり記号 (>) で区切られた、横方向に配置されたテキスト リンクです。記号は、その横にあるページ リンクに対する相対的なページのレベルを示しています。
ユーザーがナビゲーションに階層リンクを使用できるようにするには、次の手順に従います。
階層リンク レンダリングは、ルートから現在のアイテムまでのすべてのパス アイテムをリストする階層リンクを生成します。また、バリアントのレンダリングをサポートします。
階層リンク レンダリングをページに追加するには、次の手順に従います。
-
エクスペリエンス エディターにあるツールボックスの [ナビゲーション] グループで、[階層リンク] をクリックしてページにドラッグします。
-
階層リンクのプロパティを設定するには、[スタイルと動作を編集する] をクリックします。
-
ダイアログ ボックスの [スタイル] セクションで、バリアントとスタイルを選択できます。
-
[階層リンクの設定] セクションで、次のフィールドを設定します。
-
[スタートページ] – 階層リンクの開始点を指定します。これを空のままにすると、既定でホーム ページが使用されます。
-
[区切り文字] – 階層リンクのアイテムを区切る文字を指定します。「, >、>>、/、//」など。
-
[ナビゲーション階層リンク] – 兄弟をドロップダウン メニューとして含める場合に選択します。
-
[ナビゲーション フィルター] - [階層ナビゲーション] を選択します。
-
設定を変更することで、さまざまなスタイルの階層リンクを作成できます。以下に例を示します。
[タイプ] |
[スクリーンショット] |
[設定] | |
---|---|---|---|
シンプルな階層リンク |
|
レンダリング バリアント: ページ タイトル 区切り文字: > ナビゲーション フィルター: 階層リンク ナビゲーション スタイル: インデント トップ、インデント ボトム、インデント サイド | |
省略記号を使用している階層リンク |
|
レンダリング バリアント: ページ タイトル 区切り文字: > ナビゲーション フィルター: 階層リンク ナビゲーション スタイル: インデント トップ、インデント ボトム、中間アイテムを非表示、インデント サイド | |
アイコンを使用している階層リンク |
|
レンダリング バリアント: アイコン 区切り文字: > ナビゲーション階層リンク: 選択済み ナビゲーション フィルター: 階層リンク ナビゲーション スタイル: 階層リンク カスタム インジケーター |