トップページ

画像背景パネル

画像背景パネル

使い方

画像を背景とするパネルです。

シンプルパネル」に「画像」アイテムを置く場合とは以下の点で異なります。

  • 「画像背景パネル」は画像の上にアイテムを乗せることができます。「シンプルパネル」で画像と他のアイテムを重ねて表示することはできません。

  • 「画像背景パネル」では、元画像の縦横比を維持しつつ、タイル全体からタイルの余白部分を除いた領域を覆うように画像が引き伸ばされます。そのため、画像の一部がタイルからはみ出して隠れる場合があります。これに対し、「画像」アイテムは表示したい幅、高さを指定することができます。

設定するパラメーター

画像のURLまたはパス

表示したい画像の URL を設定します。

画像位置

「使い方」で説明した通り、「画像背景パネル」では画像の一部がタイルからはみ出ることがあります。「画像位置」設定で、画像のどの部分を表示してどちら側をはみ出させるかを設定できます。

以下の表中の説明で、「タイルの左上」等と記載している箇所は、タイルの余白部分は除いた位置を表します。

位置 合わせ方
左上 画像の左上とタイルの左上を合わせます。画像の右下部分がはみ出ることになります。
中央 画像とタイルの中心を合わせます。画像の上下左右がはみ出ることになります。
右下 画像の右下とタイルの右下を合わせます。画像の左上部分がはみ出ることになります。

アイテム位置

アイテムのパネル内の位置を設定します。画像との位置関係ではないので注意してください。

位置 合わせ方
左上 パネルの左上にアイテムを表示します。
中央 パネルの中央(上下中央、かつ左右中央)にアイテムを表示します。

アイテム

パネル上に置くアイテムを1つ設定します。

必ず1つ設定する必要があります。2つ以上にしたり、1つも置かない設定にはできません。

Copyright © R3 institute. All rights reserved.

Powered by Everysite