カスタムユニット V17

画像1・画像2

bingo!CMSカスタムユニットのパーツのうち、画像1と画像2についてご説明します。

PC・タブレット設定

  1. 画像を選択します(素材管理のライブラリが開きます)。
  2. マウスホバー時の画像を選択します(素材管理のライブラリが開きます)。
  3. 画像の代替テキスト(alt)を入力します。
  4. 画像サイズのタイプを設定します。
  5. 画像のwidthを設定します。(初期値:100%)※(4)でサイズ > 指定サイズ選択時のみ表示されます。
  6. 画像のheightを設定します。(初期値:auto)※(4)でサイズ > 指定サイズ選択時のみ表示されます。
  7. 画像の左右位置を設定します。
  8. 画像の表示エリアの背景に色をつけます(カラーパレットが開きます)。
  9. 画像の表示エリアの角丸の大きさの値を設定します。
  10. 画像表示エリアの角丸の大きさの単位を設定します(px/%)。
  11. 画像をクリックした時の動作を設定します。
  12. リンク先のURLを入力します。※(11)でリンク:●●設定時のみ表示されます。
    • _self
      同じウィンドウで表示
    • _blank
      新しいウィンドウで表示
    • _parent
      ウィンドウがフレームで分割されているとき、一つ上位のフレームを分割してその上に表示
    • _top
      ウィンドウがフレームで分割されているとき、全ての分割を解除して最上に表示
  13. 画像にキャプションをつける場合、ここにテキストを入力します。
  14. キャプションの左右位置を設定します。
  15. キャプションの行間の値を設定します。
  16. キャプションの文字間の値を設定します。
  17. キャプションの文字サイズの値を設定します。
  18. キャプションの文字サイズの単位を設定します(px/em/%)。
  19. キャプションの文字を太字にします。
  20. キャプションの文字に色をつけます(カラーパレットが開きます)。
  21. 画像表示エリア外側の余白の値を設定します。
  22. 画像表示エリア内側の余白の値を設定します。

SP設定を「する」にした場合、「SPも同じ内容で更新」のチェックボックスが表示されます。
チェックボックスにチェックを入れて保存すると、チェックした項目の編集内容がスマートフォン設定の同項目に反映されます。
「サイト設定」の「SPも同じ内容で更新」の初期値 で「チェックを入れる」が設定されていると、ユニットの編集画面を開いた際に自動でチェックが入ります。

スマートフォン設定

  1. 画像を選択します(素材管理 のライブラリが開きます)。
  2. 画像の代替テキスト(alt)を入力します。
  3. 画像サイズのタイプを設定します。
  4. 画像のwidthを設定します。(初期値:100%)※(3)でサイズ > 指定サイズ選択時のみ表示されます。
  5. 画像のheightを設定します。(初期値:auto)※(3)でサイズ > 指定サイズ選択時のみ表示されます。
  6. 画像の左右位置を設定します。
  7. 画像の表示エリアの背景に色をつけます(カラーパレットが開きます)。
  8. 画像の表示エリアの角丸の大きさの値を設定します。
  9. 画像表示エリアのの角丸の大きさの単位を設定します(px/%)。
  10. 画像をクリックした時の動作を設定します。
  11. リンク先のURLを入力します。 ※(10)でリンク:●●設定時のみ表示されます。
    • _self
      同じウィンドウで表示
    • _blank
      新しいウィンドウで表示
    • _parent
      ウィンドウがフレームで分割されているとき、一つ上位のフレームを分割してその上に表示
    • _top
      ウィンドウがフレームで分割されているとき、全ての分割を解除して最上に表示
  12. 画像にキャプションをつける場合、ここにテキストを入力します。
  13. キャプションの左右位置を設定します。
  14. キャプションの行間の値を設定します。
  15. キャプションの文字間の値を設定します。
  16. キャプションの文字サイズの値を設定します。
  17. キャプションの文字サイズの単位を設定します(px/em/%)。
  18. キャプションの文字を太字にします。
  19. キャプションの文字に色をつけます(カラーパレットが開きます)。
  20. 画像表示エリア外側の余白の値を設定します。
  21. 画像表示エリア内側の余白の値を設定します。

ページトップ