概要 #
イメージオブジェクトは、ページ内に画像を挿入するためのパーツです。
画像は視覚的なアクセントとしてだけでなく、情報補足やリンク誘導など多目的に活用できます。
サイズや配置、リンク設定、キャプション表示など柔軟なカスタマイズが可能で、ページのデザイン性とユーザビリティを高める要素として重要な役割を果たします。
イメージの説明 #
イメージオブジェクトの追加方法 #
イメージオブジェクトをページに追加するには、以下の手順で操作します。
- 画面左側のメニューから「オブジェクト」セクションを開きます。
- 「イメージ」ボタン（山のアイコン）をクリック、またはドラッグ＆ドロップでキャンバス上に配置します。
- 画像が追加されたら、右側のプロパティエリアで以下の設定を行えます：
- 画像のアップロード： 任意の画像ファイルを選択して表示可能
- サイズ・配置の調整： 幅・高さ・余白などを指定可能
- リンク設定： クリック時に別ページへ遷移する設定が可能
- 代替テキスト： アクセシビリティ向上のために設定可能
ページのデザインや情報補足のために、視覚的に効果的な画像を挿入できます。
画像の設定項目説明 #
画像の設定項目について #
イメージオブジェクトを選択した状態で表示される右側の「画像設定」パネルには、以下のような設定項目があります。
- イメージ選択
アップロード済みまたは新規の画像を選択できます。 - イメージ幅
パーセンテージもしくはピクセル指定で画像の表示サイズを調整できます。 - スタイル
丸形やハート型などのスタイルを適用できます。 - タイトル
画像にタイトル（ツールチップ）を設定できます。マウスオーバー時に表示されます。 - 代替テキスト
alt属性として設定され、画像が表示されない場合やスクリーンリーダーで利用されます。 - 遅延読み込みモード
ページ表示時に画像を遅延して読み込むことで、パフォーマンスを改善します。 - キャプションテキスト
画像の下に補足説明やコメントとしてテキストを表示できます。
キャプションは画像直下に小さめの文字で表示され、内容の補足や注意点を伝えるのに役立ちます。 - イメージリンク
画像をクリックしたときに、リンク先へ遷移するよう設定できます。
各設定を活用することで、見た目や機能面でより柔軟に画像を扱うことができます。