UI ビルダー の画像コンポーネント

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:1分
  • 画像コンポーネントを使用してランディングページに画像を追加します。

    重要:
    このページで説明するビルダーは、CSM を除くすべてのワークスペースでランディングページを構築および編集するためのものです。新しい UI Builder で CSM ワークスペースのすべてのページを構築および編集する方法の詳細については、「 UI Builder」を参照してください。

    [画像コンポーネント] アイコン (画像コンポーネント) を [ステージ] ペインにドラッグすると、変更やサイズ変更が可能なストック画像が表示されます。画像の URL を指定することで、ストック画像を変更できます。

    画像コンポーネント

    次の表で、画像コンポーネントのパラメーターについて説明します。

    表 : 1. 画像コンポーネントのパラメーター
    パラメーター 説明
    コンポーネント名 [ステージ] ペインのコンポーネントの上にあるコンポーネントコントロールに表示される名前最大文字数は 18 です。コンポーネント名。
    代替テキスト WCAG に準拠するように画像にラベルを付ける HTML 代替要素。
    画像 URL 画像の URL。
    枠幅に合わせる (Fit) 画像サイズコントロール。
    • [均等割り付け] は、X 軸と Y 軸の両方に比例して画像を拡大または縮小し、画像がコンテナ全体に表示されるようにします。
    • [拡大して合わせる] を選択すると、コンテナ全体に画像が拡大されますが、画像の比例拡大は行われません。
    • [元のサイズを維持] では、画像が元のサイズで表示されます。このサイズは、コンテナよりも大きい場合も小さい場合もあります。
    ポジション コンテナ内の画像の場所。たとえば、[右下] はコンテナの右下に画像を配置します。このパラメーターは、画像がコンテナよりも小さい場合にのみ機能します。
    高さ 高さのピクセル数で測定される画像の高さ。この高さが画像の高さよりも短い場合、パラメーターは画像の上部を切り取ります。幅は比例縮小されません。