1. レンダリング

SXAレンダリングとレンダリング バリアント

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

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

Sitecore Experience Accelerator (SXA) では、標準コンポーネントを必要な場所に直接ドラッグ アンド ドロップしてページを構築できます。これらのコンポーネントはレンダリングと呼ばれ、エクスペリエンス エディターのツールボックスにリストされます。単純なテキスト、画像、ビデオ、ソーシャルメディアプラグインなどで利用できるレンダリングがあります。

すぐに使用できるバリアントのセットがあり、それらをサポートするレンダリングが付属しています。レンダリングをサポートするレンダリングをページに配置すると、エクスペリエンスボタンツールバーの下のドロップダウンからそのバリアントの1つを選択できます。バリアントは、レンダリングの表示を異なるものにしたり、異なるコンテンツを表示したりする場合があります。たとえば、リストのレンダリングには、詳細リスト、サムネイル リスト、カルーセルなど、さまざまなバリエーションがあります。

デフォルトのレンダリングを設定し、レンダリング バリアントを作成するのは、コンテンツ エディタです。

複合 材料

Rendering

Variant

Description

アコーディオン

埋め込みレンダリングはバリアントをサポートできます

折りたたみ可能なパネルを表示します。

回転木馬

埋め込みレンダリングはバリアントをサポートできます

画像、ビデオ、リンク、テキストを含めることができるスライドのセットを表示します。

弾く

埋め込みレンダリングはバリアントをサポートできます

タイトルとコンテンツのレンダリングの両方を持つ2つの面を表示します。

タブ

埋め込みレンダリングはバリアントをサポートできます

ページにタブを追加します。

抜粋

埋め込みレンダリングはバリアントをサポートできます

再利用可能なレンダリングのグループを作成するためのプレースホルダを提供します。

文脈

Rendering

Description

言語セレクター

異なる言語バージョンを切り替えるためのリンクを提供します。

サイトセレクター

異なるテナント サイトを切り替えるためのリンクを提供します。

婚約

Rendering

Description

Facebookのコメント

Facebookのコメントを表示します。

ディスキュース

最新のコメントを表示します。

イベント

Rendering

Description

イベントカレンダー

イベントリストやGoogleカレンダーの予定を表示します。

イベント一覧

イベントのリストを、名前、説明、場所、開始/終了時間、リンクとともに表示します。

フォーム

Rendering

Description

Sitecoreフォーム ラッパー

Sitecore Formsモジュールを使用して作成したフォームを埋め込みます。

MVCフォーム

フォームモジュールを埋め込んだ後、MVCフォームをページに追加できます。

マップ

Rendering

Description

地図

GoogleやBingの地図に、マークできる場所、ルート、エリアを埋め込みます。このコンポーネントは、検索結果ソースに関連付けられている場合、POIの結果を表示することもできます。マップ上のポイントは、レンダリング バリアントで書式設定できます。

メディア

Rendering

Variant

Description

ファイル一覧

はい

ダウンロード可能なファイルの一覧を表示します。

フラッシュ

いいえ

SWFオブジェクトをページに埋め込みます。

ギャラリー

いいえ

画像やビデオのギャラリーを表示します。

画像

はい

メディアライブラリから選択した画像をページに追加します。

画像 (再利用可能)

はい

再利用性を確保するために、メディアライブラリから画像を格納します。

メディアリンク

はい

メディアライブラリ内のアセットへのリッチリンクを提供します。説明とプレビューが含まれています。レンダリングバリアントをサポートします。

プレイリスト

はい

Videoコンポーネントのプレイリストを作成できます。レンダリングバリアントをサポートします。

ビデオ

いいえ

ビデオを再生するためのHTML 5プレーヤー (従来のブラウザーではFlashフォールバックを使用) を表示します。

航法

Rendering

Variant

Description

アーカイブ

はい

ブログのアーカイブをツリー形式で表示します。レンダリングバリアントをサポートします。

パンくずリスト(Breadcrumb)

いいえ

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

リンク

はい

次のリンクを追加します。

  • 兄弟または親ページ

  • 閲覧履歴からのページ

  • 任意のページまたはリソース

リンク一覧

はい

タイトル、リンク、およびテキストを含むアイテムを含むリストを表示します。

航法

いいえ

ナビゲーション・メニューを生成します。次の項目を選択できます。

  • Main navigation - drop-down vertical –標準のドロップダウンナビゲーション

  • Main navigation - drop-down horizontal –子アイテムが1行にあるドロップダウンナビゲーション

  • Sidebar navigation – すべての子アイテムが縦に表示

  • Sitemap navigation - すべての子アイテムが縦に表示

  • Big/fat navigation – すべての子アイテムが水平に表示されます。

  • Mobile navigation –モバイルのナビゲーション

ページコンテンツ

Rendering

Variants

Description

ページコンテンツ

はい

選択したデータ ソース アイテムのページ上の特定のフィールドを表示します。

ページ一覧

はい

事前定義済クエリまたは作成済クエリー別のページのリストを表示します。

ページネーション

いいえ

ページリストのレンダリングに改ページ位置の自動修正を追加します。

プレーンHTML

いいえ

HTMLコードを埋め込みます。

プレーンHTML (再利用可能)

いいえ

再利用性を確保するためにHTMLコードを格納します。

プロモ

はい

別のページからフィールドをレンダリングし、他のレンダリングのプレースホルダーとして機能します。アイコンまたはタイトルとリンクで構成されます。

リッチテキスト

はい

書式設定されたテキストをページに追加します。HTMLタグを使用してテキストを書くことができます。

リッチテキスト (再利用可能)

はい

再利用性を確保するためにリッチ テキストを格納します。

タイトル

はい

現在のページのタイトルまたはサブタイトルが表示されます。

ページ構造

Rendering

Description

コンテナ

他のレンダリングのラッパーを使用してCSSスタイルを追加します。

ディバイダー

プレースホルダーを水平方向に分割します。

編集モードパネル

編集モードでのみ作成者に表示される他のレンダリングを埋め込むためのプレースホルダーを作成します。

IFrame(フレーム)

外部ページを埋め込みます。

スプリッター(列)

プレースホルダーを水平方向に分割します。

スプリッター (行)

プレースホルダーを垂直方向に分割します。

トグル

切り替え時に追加のコンテンツを表示するボタンまたはリンクを表示します。

捜索

Rendering

Variants

Description

集約ファセットフィルター

はい

フィルターを1つのコンポーネントに結合します。

ファセットの概要

いいえ

ページ上にアクティブなフィルターを表示し、訪問者がそれらを1つずつ、または一括で削除できるようにします。

フィルター (チェックリスト)

いいえ

選択した値に基づいて検索結果をフィルタリングします。

フィルター (日付)

いいえ

選択した日付/時刻で検索結果をフィルタリングします。

フィルター (ドロップダウン)

いいえ

選択したファセットでタグ付けされたアイテムに基づいて検索結果をフィルタリングします。

フィルター (管理範囲)

いいえ

結果を最小値と最大値で指定します。

フィルター (半径)

いいえ

現在のユーザー位置またはロケーション フィルタ レンダリングで指定した位置からの距離に基づいて検索結果をフィルタリングします。

フィルター(レンジスライダー)

いいえ

ファセットに基づいて検索結果をフィルタリングし、訪問者が選択した値より小さい、多い、または等しくなります。

フィルター(スライダー)

いいえ

選択した範囲内の特定のファセットに基づいて検索結果をフィルタリングします。

さらにロードする

いいえ

検索結果を段階的に読み込みます。

ロケーションファインダー

いいえ

ユーザーの場所を指定します。

ページセレクター

いいえ

検索結果のページング機能を提供します。このレンダリングは、さらにロードレンダリングと相互に排他的です。

ページサイズ

いいえ

訪問者は、表示される結果の数を一度切り替えることができます。

結果数

いいえ

訪問者が利用できる結果の数を示すことができます。

結果バリアントセレクター

いいえ

訪問者は、検索結果レンダリングによって動的に使用されるレンダリング バリアントを変更できます

検索ボックス

はい

訪問者が入力したテキストに基づいて検索結果をフィルタリングします。

メモ

検索ボックス コンポーネント内のプレースホルダーは、そのコンテンツがSXA検索サービスによって生成されるため、レンダリングまたは編集できません。

検索結果

はい

検索クエリの結果が表示されます。

手記

検索結果コンポーネント内のプレースホルダーは、そのコンテンツがSXA検索サービスによって生成されるため、レンダリングまたは編集できません。

結果の並べ替え

いいえ

ユーザーが検索結果の並べ替え条件を切り替えられるようにします。

安全

Rendering

Description

ログイン

ログインフォームを表示します。

ログアウト

ログアウトボタンを表示します。

社会的

Rendering

Description

AddThis(これを追加)

AddThisのパーソナライズされたウィジェットを統合します。

飼料

RSSフィードとATOMフィードを表示します。

ソーシャルメディアでの共有

ソーシャルネットワークリンク(Facebook、Twitter、Google+)を表示します

囀る

Twitterに投稿された最新のツイートを表示します。

分類学

Rendering

Description

タグクラウド

検索結果の集計タグを、出現頻度に基づいて視覚的に重み付けして表示します。

タグ一覧

ページにタグが付けられている分類エントリが表示されます。

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