1. コンテンツの追加と変更

リンクとパンくずリストを追加する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

リンク、リンク リスト、および階層リンク レンダリングは、ナビゲーション セクションの一部です。彼らはあなたの訪問者があなたのサイトをナビゲートするのを助けます。

リンクレンダリングを追加する

リンクは、人々があなたのサイトをナビゲートするのを助けるのに非常に役立ちます。内部リンクを使用して、Webサイトのアーキテクチャと階層を定義できます。また、外部リンクを使用して、他のユーザーが他の関連Webサイトにアクセスしたり、ファイルを開いたり、電子メール メッセージを送信したりすることもできます。

リンクレンダリングをページに追加するには:

  1. エクスペリエンス エディターのツールボックスのNavigationグループで、Linkをクリックしてページにドラッグします。

  2. Select the Associated Contentダイアログボックスで、既存のアイテムにリンクするには、目的のコンテンツアイテムをクリックし、「OK」をクリックします。

  3. または、新しいリンクを作成するには、Select the Associated Contentダイアログ ボックスでCreate New Contentをクリックします。

  4. 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サイトやブログへのリンクのリストを共有する場合です。リンク リスト レンダリングでは、タイトルが前に付く項目を含むリストを表示できます。

リンク リスト レンダリングをページに追加するには:

  1. エクスペリエンス エディターのツールボックスのNavigationグループで、Link Listをクリックしてページにドラッグします。

  2. Select the Associated Contentダイアログボックスで、目的のコンテンツアイテムをクリックし、OKをクリックします。

  3. リンク リストのプロパティを設定するには、 Edit style and behaviorをクリックします。

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

ブレッドクラムレンダリングを追加する

ブレッドクラムは、Webサイト内のユーザーの位置を明らかにするナビゲーション ヘルプです。特に、Webサイトに多くのページが含まれている場合、パンくずリストナビゲーションを使用すると、ユーザーが移動する方法を大幅に強化できます。パンくずリストは、Webサイトの訪問者が上位のページにアクセスするために必要なアクションの数を減らし、Webサイトのセクションとページの見つけやすさを向上させます。

最も単純な形式では、パンくずリストは、大なり記号 (>) で区切られた水平方向に配置されたテキスト リンクです。記号は、そのページの横にあるページリンクに対するそのページの相対的なレベルを示します。

ユーザーがナビゲーションにパンくずリストを使用できるようにするには、次のようにします。

Breadcrumb navigation

ブレッドクラム レンダリングは、ルートから現在のアイテムまでのすべてのパス アイテムを一覧表示するブレッドクラムを生成します。レンダリングバリアントをサポートしています。

パンくずレンダリングをページに追加するには:

  1. エクスペリエンス エディターのツールボックスのNavigationグループで、Breadcrumbをクリックしてページにドラッグします。

  2. 階層リンクのプロパティを設定するには、「 Edit style and behavior」をクリックします。

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

  4. Breadcrumb Settingsセクションで、次のフィールドを設定します。

    • Start Page – パンくずリストの開始点を指定します。これを空のままにすると、デフォルトではホームページが使用されます。

    • Separator – パンくずリスト項目を区切る文字を指定します。たとえば、>、>>、/、//などです。

    • Navigation Breadcrumb – ドロップダウンメニューとして兄弟を含めることを選択します。

    • Navigation FilterBreadcrumb Navigationを選択します。

設定を変更することで、さまざまなスタイルのパンくずリストを作成できます。例えば:

Type

Screenshot

Settings

シンプルなパンくずリスト

Simple breadcrumb example

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

セパレーター:>

ナビゲーション フィルター: ブレッドクラム ナビゲーション

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

省略記号付きのパンくずリスト

Ellipsis breadcrumb example

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

セパレーター:>

ナビゲーション フィルター: ブレッドクラム ナビゲーション

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

アイコン付きのパンくずリスト

Icon breadcrumb example

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

セパレーター:>

ナビゲーションブレッドクラム:選択済み

ナビゲーション フィルター: ブレッドクラム ナビゲーション

スタイル: ブレッドクラム カスタム インジケーター

この記事を改善するための提案がある場合は、 お知らせください!