画像ボックスの利用方法

サイトに画像を配置する際に利用するボックスです。明るさを変更するなどのスタイルもかけられ、エディタ上でフリー画像も利用できます。この記事では画像ボックスの配置、画像の変更や画像比率の固定について解説します。

画像ボックスは、通常のボックスと同じように、追加メニューからドラッグ＆ドロップで配置できます。デフォルト状態の画像ボックス空です。アップロードした画像や Unsplashのフリー画像を選択して変更できます。

また、任意の画像を直接ドラッグ＆ドロップで配置することもできます。

画像のアップロード方法とUnsplashの利用方法については以下をご覧ください。

配置した画像ボックスをダブルクリックすると、フリー画像の Unsplash とアップロードメニューが画面左側に表示されます。ここから画像が変更できます。

画像ボックスには2つのモードがあり、ボックスの右上で切り替えることができます。​

imgモードは、画像の実際の比率を保つモードです。比率を固定したい場合にご利用いただけます。モードの詳細については、Boxモード・Imgモードをご覧ください。

またBoxモードの画像では、明るさコントラストなどのフィルターや画像の位置調整などが可能です。詳しくは、画像スタイルメニューをご覧ください。

image picture

イメージ 写真 素材