リンクとパンくずリストを追加する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
リンク、リンク リスト、および階層リンク レンダリングは、ナビゲーション セクションの一部です。彼らはあなたの訪問者があなたのサイトをナビゲートするのを助けます。
リンクレンダリングを追加する
リンクレンダリングを追加する
リンクは、人々があなたのサイトをナビゲートするのを助けるのに非常に役立ちます。内部リンクを使用して、Webサイトのアーキテクチャと階層を定義できます。また、外部リンクを使用して、他のユーザーが他の関連Webサイトにアクセスしたり、ファイルを開いたり、電子メール メッセージを送信したりすることもできます。
リンクレンダリングをページに追加するには:
-
エクスペリエンス エディターのツールボックスのNavigationグループで、Linkをクリックしてページにドラッグします。
-
Select the Associated Contentダイアログボックスで、既存のアイテムにリンクするには、目的のコンテンツアイテムをクリックし、「OK」をクリックします。
-
または、新しいリンクを作成するには、Select the Associated Contentダイアログ ボックスでCreate New Contentをクリックします。
-
「
Edits the link destination and appearance 」をクリックして「 Insert a link 」ダイアログ・ボックスを開き、リンク・タイプを選択します。-
Internal Link – Webサイト上のアイテムへのリンクを追加します。たとえば、Webサイトの別のページに移動します。
-
Media Link –メディアライブラリ内のメディアファイルのダウンロードリンクを追加します。たとえば、ビデオやPDFファイルなどです。
-
External Link – 別のサイトのページへのリンクを追加します。
-
Anchor – ページ内の特定のセクションへのリンクを追加します。
-
Mail – 訪問者のデフォルトの電子メールプログラムで新しい電子メールメッセージを開いて作成するリンクを追加します。
-
JavaScript – JavaScriptコードを呼び出すリンクを追加します。
メモリンクを削除するには、
Clears the link.をクリックし、リンクを確認するには
Follow linkをクリックします。 -
リンク リスト レンダリングを追加する
リンク リスト レンダリングを追加する
リンクリストは、ユーザーをページの外に誘導する場合に非常に便利です。たとえば、収集した他のWebサイトやブログへのリンクのリストを共有する場合です。リンク リスト レンダリングでは、タイトルが前に付く項目を含むリストを表示できます。
リンク リスト レンダリングをページに追加するには:
-
エクスペリエンス エディターのツールボックスのNavigationグループで、Link Listをクリックしてページにドラッグします。
-
Select the Associated Contentダイアログボックスで、目的のコンテンツアイテムをクリックし、OKをクリックします。
-
リンク リストのプロパティを設定するには、
Edit style and behaviorをクリックします。 -
ダイアログ ボックスのStylingセクションで、バリアントとスタイルを選択できます。
ブレッドクラムレンダリングを追加する
ブレッドクラムレンダリングを追加する
ブレッドクラムは、Webサイト内のユーザーの位置を明らかにするナビゲーション ヘルプです。特に、Webサイトに多くのページが含まれている場合、パンくずリストナビゲーションを使用すると、ユーザーが移動する方法を大幅に強化できます。パンくずリストは、Webサイトの訪問者が上位のページにアクセスするために必要なアクションの数を減らし、Webサイトのセクションとページの見つけやすさを向上させます。
最も単純な形式では、パンくずリストは、大なり記号 (>) で区切られた水平方向に配置されたテキスト リンクです。記号は、そのページの横にあるページリンクに対するそのページの相対的なレベルを示します。
ユーザーがナビゲーションにパンくずリストを使用できるようにするには、次のようにします。
ブレッドクラム レンダリングは、ルートから現在のアイテムまでのすべてのパス アイテムを一覧表示するブレッドクラムを生成します。レンダリングバリアントをサポートしています。
パンくずレンダリングをページに追加するには:
-
エクスペリエンス エディターのツールボックスのNavigationグループで、Breadcrumbをクリックしてページにドラッグします。
-
階層リンクのプロパティを設定するには、「
Edit style and behavior」をクリックします。 -
ダイアログ ボックスのStylingセクションで、バリアントとスタイルを選択できます。
-
Breadcrumb Settingsセクションで、次のフィールドを設定します。
-
Start Page – パンくずリストの開始点を指定します。これを空のままにすると、デフォルトではホームページが使用されます。
-
Separator – パンくずリスト項目を区切る文字を指定します。たとえば、>、>>、/、//などです。
-
Navigation Breadcrumb – ドロップダウンメニューとして兄弟を含めることを選択します。
-
Navigation Filter –Breadcrumb Navigationを選択します。
-
設定を変更することで、さまざまなスタイルのパンくずリストを作成できます。例えば:
|
Type |
Screenshot |
Settings |
|---|---|---|
|
シンプルなパンくずリスト |
|
レンダリング バリアント: ページのタイトル セパレーター:> ナビゲーション フィルター: ブレッドクラム ナビゲーション スタイル: インデント トップ、インデント ボトム、インデント サイド |
|
省略記号付きのパンくずリスト |
|
レンダリング バリアント: ページのタイトル セパレーター:> ナビゲーション フィルター: ブレッドクラム ナビゲーション スタイル: インデント トップ、インデント ボトム、中間アイテムを非表示、インデント サイド |
|
アイコン付きのパンくずリスト |
|
レンダリングバリアント:アイコン セパレーター:> ナビゲーションブレッドクラム:選択済み ナビゲーション フィルター: ブレッドクラム ナビゲーション スタイル: ブレッドクラム カスタム インジケーター |


