マルチコンテナ

表示幅や分割するカラム数(1〜8)、カラム幅・間隔、背景の画像・動画、パララックスなどを簡単に設定できるレイアウトツールです。

背景動画の設定については、別途『サイト設定』の『17. APIキー(Google)』および『動画の設定まとめ』もご参照ください。

PC・タブレット設定

  1. PC・スマートフォンそれぞれのデバイスで閲覧時に、このコンテナの表示・非表示を設定します。
  2. コンテナに任意のクラスを設定します。
  3. PC・タブレット用の設定と、スマートフォン用の設定を切り替えます。
  4. PC・タブレット表示用のレイアウトを選択します。余白の有/無・線の有/無、等レイアウトによって設定可能な項目が変わります。
  5. PC・タブレット表示用の列数を設定します。(1~8列)
  6. コンテナの上下のボーダーの表示を設定します。
  7. ボーダーの太さを設定します。上下ボーダーと、列間のボーダーに適用されます。
  8. ボーダーの色を設定します。上下ボーダーと、列間のボーダーに適用されます。
  9. 各列の横幅を設定します。全列合計で100%に設定してください。
  10. 列同士の間の余白を設定します。単位はピクセルです。
  11. コンテナの横幅を設定します。(単位を%を指定した場合、100%以上には設定できません)
  12. 横幅の単位を設定します。
  13. コンテナの左右位置を設定します。(横幅が100%、又は未入力の場合は設定できません)
  14. コンテナ内の列の上下位置を設定します。
  15. コンテナの高さをブラウザウィンドウの高さに設定します。
  16. コンテナの下の余白を設定します。単位はピクセルです。
  17. コンテナの一番外の余白を設定します。
  18. コンテナの背景色を設定します。
  19. コンテナの背景に使用するファイルの種類(画像又は動画)を設定します。
  20. コンテナの背景に使用する画像を選択します。
  21. 背景画像使用時に表示する時のサイズを設定します。
  22. 背景画像の繰り返し表示を設定します。
  23. 背景画像の表示基準位置を設定します。
  24. 背景画像でパララックスを使用するか設定します。
  25. パララックスする時の動作速度を設定します。
  26. コンテナ内側の余白を設定します。
  27. コンテナ内側の背景色を設定します。
  28. コンテナ内側の背景画像を選択します。
  29. コンテナ内側の背景画像使用時に表示する時のサイズを設定します。
  30. コンテナ内側の背景画像の繰り返し表示を設定します。
  31. コンテナ内側の背景画像の表示基準位置を設定します。

SP(スマートフォン)設定

  1. 表示列数を設定します。
  2. コンテナの横幅を設定します。(単位を%を指定した場合、100%以上には設定できません)
  3. 横幅の単位を設定します。
  4. コンテナの左右位置を設定します。(横幅が100%、又は未入力の場合は設定できません)
  5. コンテナ内の列の上下位置を設定します。
  6. ヘッダー付きレイアウトの場合の、ヘッダー下の余白を設定します。単位はピクセルです。
  7. コンテナ内の列間、行間の余白を設定します。単位はピクセルです。
  8. コンテナの下の余白を設定します。単位はピクセルです。
  9. コンテナの一番外の余白を設定します。
  10. コンテナの背景色を設定します。
  11. コンテナの背景に使用する画像を選択します。
  12. 背景画像使用時に表示する時のサイズを設定します。
  13. 背景画像の繰り返し表示を設定します。
  14. 背景画像の表示基準位置を設定します。
  15. コンテナ内側の余白を設定します。
  16. コンテナ内側の背景色を設定します。
  17. コンテナ内側の背景画像を選択します。
  18. コンテナ内側の背景画像使用時に表示する時のサイズを設定します。
  19. コンテナ内側の背景画像の繰り返し表示を設定します。
  20. コンテナ内側の背景画像の表示基準位置を設定します。

ページトップ