レンダリングの操作

画像レンダリングを追加する

Version:

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

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

メモ

このトピックで説明する手順には、エクスペリエンスエディターを使用します。

画像レンダリングをページに追加できます。画像レンダリングを配置したら、画像を追加してプロパティを指定できます(たとえば、画像をリンクとして機能させるなど)。

ページに画像を追加するには:

ツールボックスを開きます。または、HOMEタブのComponentボタンをクリックして、Select a renderingダイアログボックスを開くこともできます。
Mediaセクションから、レンダリングを追加するプレースホルダーにImageレンダリングをドラッグアンドドロップします。ドラッグすると、プレースホルダが青色に変わります。
画像を選択して画像のプロパティを指定するには、フローティングツールバーでEdit image propertiesをクリックし、関連するフィールドに入力します。
画像のプロパティを変更するには、「 Modify image appearance」をクリックします。
Image Propertiesダイアログボックスでは、次のフィールドを定義できます。
- Alternate Text - 画像ファイルが読み込まれていない場合に表示される画像の代替テキストを提供します。
- Default Alternate Text - 変更してはならない標準フィールド。
- Width and Height - Dimensionsセクションでは、画像の幅と高さを変更できます。
- Keep Aspect Ratio - 画像のサイズを変更するときは、アスペクト比を維持します。
- Horizontal Space - 画像と周囲のテキストとの間の水平方向のスペースを設定します。
- Vertical Space - 画像と周囲のテキストとの間の垂直方向のスペースを設定します。

手記

画像を追加すると、テキストはコンテンツエディターのページのDataフォルダーの下にあるデータソースアイテムに保存されます。

画像の編集ダイアログボックスのプロパティ

Section	Property	Description
キャプション	塗りつぶすと、テキストが画像の下に表示されます。
関連URL	URLを直接入力するか、他のオプションのいずれかを使用します。
	Insert link	Sitecoreアイテムへのリンクを挿入します。画像をクリックすると、ユーザーがリダイレクトされます。
	Insert media link	リンク先のメディア項目に移動し、リンクの追加プロパティを指定します。
	Insert external link	リンクを挿入する外部WebサイトのURLを入力し、追加のプロパティを指定します。
	Insert anchor	ページの特定のセクションに移動するリンクを追加するには、まずリンク先のセクションにアンカーを配置し、次にアンカーリンクを使用して、訪問者がスクロールせずにそのセクションにアクセスできるようにする必要があります。
	Insert email	メールアドレスを入力します。画像をクリックすると、指定したメールアドレス宛てのメールが開きます。
	Insert JavaScript	挿入するJavaScriptリンクを入力し、リンクに関連するプロパティを指定します。
	Clear	URLフィールドをクリアします。
画像	画像アイテムへのパスを直接入力するか、他のオプションのいずれかを使用します。
	Browse	クリックすると、メディアライブラリで画像が表示されます。
	Properties	クリックして画像のプロパティを変更します。
	Clear	画像を削除します。
	Refresh	画像を更新します。
	External image link	別のページ上の画像に移動するリンクを指定します。

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

画像レンダリングを追加する

画像の編集 ダイアログ ボックスのプロパティ

画像の編集ダイアログボックスのプロパティ