スライドショー①

  • 画像のみを配置したカラムがスライド化
  • セクション背景は背景色②(編集画面で変更可)
  • テキストカラムの幅のみ編集画面で変更可(画像カラムは80%固定)
  • 3カラム以上不可
  • 左右カラム入れ替え可(いずれの場合もSP時は画像が上)
  • 画像カラムのみ、テキストカラムのみの使用も可(画像カラムを削除した場合にはプレーンのセクション&row&colの仕様に戻ります)

キャッチコピーが入ります。

ショルダーコピーが入ります。
ショルダーコピーが入ります。

詳しい資料はこちら

スライドショー②

  • カラム幅は編集画面で変更可
  • カラム間のグラデーションはテキストカラムに編集画面でシャドウを設定した場合に適用される(=編集画面でつけ外し可)
  • SP時はグラデ非表示
  • 画像カラムのみ、テキストカラムのみの使用も可(画像カラムを削除した場合にはプレーンのセクション&row&colの仕様に戻ります)
  • テキストカラム背景色はデフォルト白。編集画面で変更可能ですが、グラデーションカラーは白固定で連動しないため要注意。

キャッチコピーが入ります。

ショルダーコピーが入ります。
ショルダーコピーが入ります。

詳しい資料はこちら

タブ切り替え

  • タブメニューが6以下の場合
    • PC〜TB時:メニューは横一列に表示
    • SSP時:横スクロール表示
  • タブメニューが7以上の場合
    • PC時:横4列&縦積表示
    • SP&TB時:横スクロール表示
  • タブメニュー背景色(編集画面での変更不可)
    • アクティブ時:メインカラー
    • hover時:メインカラーの65%
    • 非アクティブ時:メインカラーの30%
  • タブ内リッチテキストのみカプセル化(ただし単体での使用は基本不可の想定)

sample

見出しテキストが入ります

  • タブメニュー1
  • タブメニュー2
  • タブメニュー3
  • タブメニュー4

コンテンツ1

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

ダミー

見出しテキストが入ります

コンテンツ2

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

ダミー

見出しテキストが入ります

コンテンツ3

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

ダミー

見出しテキストが入ります

コンテンツ4

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

ダミー

見出しテキストが入ります