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