メインスライド

  • HOME
  • メインスライド - Sample

パターンA

画像幅-半固定(MAX:1000px)
キャプションは各スライドで独立

_main_01

ここにキャプションが入ります。

スライドショー

ここにキャプションが入ります。

スライドショー
スライドショー

ここにキャプションが入ります。

2
カスタマイズ可能な箇所
戻る・進むボタンの形状 四角 or 円形
キャプションの位置 左下 or 右下
キャプション文字数限界 全角40文字

パターンB

パターンA+サムネイル付
キャプションは各スライドで独立

_main_02
スライドショー

ここにキャプションが入ります。

スライドショー

ここにキャプションが入ります。

スライドショー

ここにキャプションが入ります。

スライドショー
スライドショー
スライドショー
カスタマイズ可能な箇所
戻る・進むボタンの形状 四角 or 円形
キャプションの位置 左下 or 右下
キャプション文字数限界 全角40文字

パターンC

画像幅-画面に追従
キャプションは文字サイズ違い2種、各スライドで共通

_main_03
スライドショー
スライドショー
スライドショー

ここにキャプションが入ります。

ここにキャプションが入ります。ここにキャプションが入ります。ここにキャプションが入ります。
ここにキャプションが入ります。ここにキャプションが入ります。ここにキャプションが入ります。ここにキャプションが入ります。

カスタマイズ可能な箇所
キャプション【大】文字数限界 15文字
キャプション【小】文字数限界 1行60文字

パターンD

画像幅-画面に追従+画像テキスト(枠丸)

_main_04
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
  • 円波歯科
カスタマイズ可能な箇所
メイン画像 PSDでassetでデフォルトサイズが出力。サイズ変更時は、sample_main.scssのパターンDの項目を変更
コピー画像 PSDでassetでデフォルトサイズが出力。サイズ変更時は、sample_main.scssのパターンDの項目を変更。
画像の文字数限界はおよそ全角81文字です。

パターンE

画像幅-画面に追従+画像テキスト(枠角)

_main_05
カスタマイズ可能な箇所
メイン画像 デフォルトの設定では、幅:1920 高さ:800
サイズ変更時は、sample_main.scssのパターンEの項目を変更する必要。
SPメイン画像 デフォルトで、スマホサイズで、縦横の比率が変わる。
横1000での比率を標準とし、スマホサイズのときに、縦サイズのみが標準の1.7倍になる。比率を変える場合、sample_main.scssのパターンEの項目を変更する必要。
コピー画像 デフォルトの設定では 幅:400 高さ:300 サイズ変更時は、sample_main.scssのパターンEの項目を変更
画像の文字数限界はおよそ全角60文字です。

パターンF

画像-画面幅に追従、スライド無しの1枚絵+ロゴ+テキスト
中央にロゴが来るので、顔写真の使用は避けてください。

_main_06

文字数限界84字 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

パターンG

画像-画面幅に追従、スライド無し1+3枚+ロゴ+テキスト
中央にロゴが来るので、メインの大きい写真に顔写真の使用は避けてください。

_main_07

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