グリッドユニット

全般・デザインオプション

グリッドレイアウト用に開発された専用のユニットです。
各ユニットの縦横比を設定し、復数を組み合わせて使用します。

このページでは、全般設定とデザインオプションについてご説明します。

背景動画を設定する場合は、別途『サイト設定』の『17. APIキー（Google）』および『動画の設定まとめ』もご参照ください。

全般設定

  1. PC・スマートフォンそれぞれのデバイスで閲覧時に、このユニットの表示・非表示を設定します。
  2. PC・スマートフォンそれぞれのデバイスで個別設定を使用するかを設定します。
  3. アンカーメニューを設定時に使用する文字を設定します。
  4. ユニットに任意のクラスを追加します。
  5. カスタムユニット内で使用可能なコンテンツです。（８）にドラッグ&ドロップして使用します。
  6. 赤枠内に（７）のコンテンツをドラッグ＆ドロップで配置します。
  7. PC・タブレット用の設定と、スマートフォン用の設定を切り替えます。（SP設定を「する」に選択した時のみ）

デザインオプション（PC・タブレット設定）

  1. 簡易設定と詳細設定を切り替えます。
  2. [簡易設定] 背景色をつけます。
  3. [簡易設定] 枠線を設定します。
  4. [簡易設定] ユニット下の余白を設定します。
  5. [詳細設定] ユニットの背景色を設定します。
  6. [詳細設定] ユニットの背景画像を設定します。
  7. [詳細設定] 背景画像の繰り返し表示を設定します。
  8. [詳細設定] 背景画像使用時に表示する時のサイズを設定します。
  9. [詳細設定] 背景画像の表示基準位置を設定します。
  10. [詳細設定] 角丸の値を設定します。
  11. [詳細設定] 角丸の値の単位を設定します。
  12. [詳細設定] 背景動画で使用するYoutubeの共有URLを入力します。
  13. [詳細設定] 背景動画の再生タイミングを設定します。
  14. [詳細設定] ボーダーの色を設定します。
  15. [詳細設定] ボーダーの太さを設定します。
  16. [詳細設定] ボーダーの種類を設定します。
  17. [詳細設定] ユニット外側の上下余白を設定します。

デザインオプション（スマートフォン設定）

  1. 簡易設定と詳細設定を切り替えます。
  2. [簡易設定] 背景色をつけます。
  3. [簡易設定] 枠線を設定します。
  4. [簡易設定] ユニット下の余白を設定します。
  5. [詳細設定] ユニットの背景色を設定します。
  6. [詳細設定] ユニットの背景画像を設定します。
  7. [詳細設定] 背景画像の繰り返し表示を設定します。
  8. [詳細設定] 背景画像使用時に表示する時のサイズを設定します。
  9. [詳細設定] 背景画像の表示基準位置を設定します。
  10. [詳細設定] 角丸の値を設定します。
  11. [詳細設定] 角丸の値の単位を設定します。
  12. [詳細設定] ボーダーの色を設定します。
  13. [詳細設定] ボーダーの太さを設定します。
  14. [詳細設定] ボーダーの種類を設定します。
  15. [詳細設定] ユニット外側の上下余白を設定します。

ページトップ