グリッドユニット

画像

PC・タブレット設定

  1. 画像を選択します。
  2. マウスホバー時の画像を選択します。
  3. altに設定するテキストです。
  4. 画像サイズのタイプを設定します。
  5. 画像のwidthを設定します。(初期値:100%) ※サイズ=指定サイズの時のみ。
  6. 画像のheightを設定します。(初期値:auto) ※サイズ=指定サイズの時のみ。
  7. 左右位置を設定します。
  8. 画像表示エリアの背景色を設定します。
  9. 画像表示エリアのの角丸の大きさを設定します。
  10. 画像表示エリアのの角丸の大きさの単位を設定します。
  11. 画像をクリックした時の動作を設定します。
  12. リンク先のURLを入力してください。 ※クリック時の動作をリンク:~に設定時のみ
  13. キャプションの文章を入力してください。
  14. キャプションの左右位置を設定します。
  15. キャプションの行間を設定します。
  16. キャプションの文字間を設定します。
  17. キャプションの文字サイズを設定します。
  18. キャプションの文字サイズの単位を設定します。
  19. キャプションの文字の太字を設定します。
  20. キャプションの文字色を設定します。
  21. 画像表示エリア外側の余白を設定します。
  22. 画像表示エリア内側の余白を設定します。

※「SPも同じ内容で更新」をチェックして保存すると、チェックした項目の内容がスマートフォン設定の同項目にも変更内容が反映されます。

スマートフォン設定

  1. 画像を選択します。
  2. altに設定するテキストです。
  3. 画像サイズのタイプを設定します。
  4. 画像のwidthを設定します。(初期値:100%) ※サイズ=指定サイズの時のみ。
  5. 画像のheightを設定します。(初期値:auto) ※サイズ=指定サイズの時のみ。
  6. 左右位置を設定します。
  7. 画像表示エリアの背景色を設定します。
  8. 画像表示エリアのの角丸の大きさを設定します。
  9. 画像表示エリアのの角丸の大きさの単位を設定します。
  10. 画像をクリックした時の動作を設定します。
  11. リンク先のURLを入力してください。 ※クリック時の動作をリンク:~に設定時のみ
  12. キャプションの文章を入力してください。
  13. キャプションの左右位置を設定します。
  14. キャプションの行間を設定します。
  15. キャプションの文字間を設定します。
  16. キャプションの文字サイズを設定します。
  17. キャプションの文字サイズの単位を設定します。
  18. キャプションの文字の太字を設定します。
  19. キャプションの文字色を設定します。
  20. 画像表示エリア外側の余白を設定します。
  21. 画像表示エリア内側の余白を設定します。

ページトップ