タイトルユニットV17

bingo!CMS1.7よりリリースされた、タイトルユニットの編集画面についてご説明します。

PC・タブレット・スマホ設定

設定はPC・タブレット・スマホ共通です。
SP設定を「する」に変更すると、PC・タブレット表示とスマホ表示とで別々にユニットの項目を設定できます。
※デフォルトではSP設定は「しない」になっています。

タイトル

  1. タイトルのスタイルを選択します。
  2. 見出しランクを設定します(h1~h6)。
  3. タイトルを入力します。
  4. タイトルの行間の値を設定します。
  5. タイトルの文字間の値を設定します。
  6. タイトルの書体を設定します。
  7. タイトルの文字サイズの値を設定します。
  8. タイトルの文字サイズの単位を設定します(px/em/%)。
  9. タイトルの文字を太字にします。
  10. タイトルの文字に色をつけます(カラーパレットが開きます)。
  11. テキストシャドウの上下の距離の値を設定します。
  12. テキストシャドウの左右の距離の値を設定します。
  13. テキストシャドウのぼかしの値を設定します。
  14. テキストシャドウの色と透過度を設定します(カラーパレットが開きます)。
  15. タイトル表示エリア内側の余白の値を設定します。

サブタイトル

  1. サブタイトルを入力します。
    ※サブタイトルはpタグで記述されます。
  2. サブタイトルの行間の値を設定します。
  3. サブタイトルの文字間の値を設定します。
  4. サブタイトルの書体を設定します。
  5. サブタイトルの文字サイズの値を設定します。
  6. サブタイトルの文字サイズの単位を設定します(px/em/%)。
  7. サブタイトルの文字を太字にします。
  8. サブタイトルの文字に色をつけます(カラーパレットが開きます)。
  9. テキストシャドウの上下の距離の値を設定します。
  10. テキストシャドウの左右の距離の値を設定します。
  11. テキストシャドウのぼかしの値を設定します。
  12. テキストシャドウの色と透過度を設定します(カラーパレットが開きます)。
  13. サブタイトル表示エリア内側の余白の値を設定します。

デザイン

  1. ボーダーのスタイルを選択しいます(solid=実線/dotted=点線)。
  2. ボーダーの太さの値を設定します。
  3. ボーダーに色をつけます(カラーパレットが開きます)。
  4. 背景に色をつけます(カラーパレットが開きます)。※背景のあるデザイン時のみ設定できます。
  5. アイコン画像を選択します(素材管理のライブラリが開きます)。※アイコンのあるデザイン時のみ選択できます。
  6. 画像のwidthを設定します(初期値:100%)。※アイコンのあるデザイン時のみ設定できます。
  7. 画像のheightを設定します(初期値:auto)。※アイコンのあるデザイン時のみ設定できます。
  8. 余白の値を設定します。 ※余白設定ができるデザイン時のみ設定できます。

デザインオプション(簡易設定・詳細設定)

【簡易設定】

  1. ユニットの背景に色をつけます(背景色はスキンの設定に依存します)。
  2. ユニット下の余白を設定します(なし/狭い/標準/広い)。

【詳細設定】

  1. ユニットの背景に色をつけます(カラーパレットが開きます)。
  2. ユニットの背景に画像を設定します(素材管理のライブラリが開きます)。※背景色の設定より優先されます。
  3. 背景画像の表示サイズを設定します(領域を完全に覆う最小サイズに拡大縮小(cover)/領域に収まる最大サイズに拡大縮小(contain)/幅に合わせ拡大縮小(100% auto)/高さに合わせ拡大縮小(auto 100%)/オリジナルサイズ(auto))。
  4. 背景画像の繰り返し表示を設定します(X=横軸、Y=縦軸)。
  5. 背景画像を表示する基準位置を設定します。
  6. ユニットの外側の余白の値を設定します。
  7. ユニットの内側の余白の値を設定します。

ページトップ