《4/15 UP！》
■■　カスタマイザー「スライダーの設定」に「切り替えのアニメーション」を追加　■■

スライダーが切り替わる際の動き（フェード、スライド）を選択できます。
サイトのデザインや好みに合わせ、コーディング不要で簡単に設定可能です。

　◇機能詳細はこちら
　　https://xwrite.jp/man_custom_mainvisual/

《4/22 UP！》
■■　セクションブロックに「背景画像を固定する（PCのみ）」設定を追加　■■

画面をスクロールしても背景は固定されるため、奥行きのあるデザインを実現できます。

　◇機能詳細はこちら
　　https://xwrite.jp/man_editor_section/

《4/30 UP！》
■■　カスタマイザーのデザイン設定に「フォントの設定」を追加　■■

サイト全体の「フォントの種類」を変更できます。

　◇機能詳細はこちら
　　https://xwrite.jp/man_custom_font_setting/

┈━ ◇ ━┈┈━ ◇ ━┈┈━ ◇ ━┈┈━ ◇ ━┈┈━ ◇ ━┈━ ◇ ━┈┈━ ◇ ━┈

メインビジュアルの設定

1. メインビジュアルについて
2. メインビジュアル画像の大きさについて
3. メインビジュアルの設定方法

メインビジュアルについて

カスタマイザーより、メインビジュアルの設定が可能です。
トップページのメインビジュアルに背景画像やmp4形式の動画、テキスト、スライダーを表示できます。
※「インターレース方式」で作成されている動画は、IOS,safari等の一部の環境で再生されない場合があります。

メインビジュアル画像の大きさについて

メインビジュアル画像はPC／モバイルごとに設定可能で、それぞれ以下の「横幅」を推奨しています。
※「高さ」は表示設定やモニターの環境によって異なりますので、お好みで調整してください。

メインビジュアルの設定方法

STEP1

「メインビジュアル」をクリック

カスタマイザーより、「トップページ」 > 「メインビジュアル」をクリックします。

STEP2

各項目を設定

画像を表示形式を「単一画像」「動画」、または「スライダー画像」にすることで、以下の項目について設定が可能です。
※「インターレース方式」で作成されている動画は、IOS,safari等の一部の環境で再生されない場合があります。

• 詳細オプション
• メインビジュアルの高さ
• フィルターの種類
• フィルターの不透明度
• オーバーレイカラー
• オーバーレイの不透明度
• スクロールの種類
• スクロールの配置（※「線」を選択時のみ）
• スクロールのテキスト
• スクロールの色

「単一画像」、「スライダー画像」では、更に以下の項目について設定が可能です。

• 画像（PC）
• 画像（モバイル）
• タイトル
• 本文
• テキスト色
• ボタン
• URL
• ボタンの色
• テキストの配置

「動画」では以下の項目について設定が可能です。

• 動画（PC）
• ポスター画像（PC）
• 動画（モバイル）
• ポスター画像（モバイル）
• タイトル
• 本文
• テキスト色
• ボタン
• URL
• ボタンの色
• テキストの配置

「スライダー画像」では、以下の項目について設定が可能です。

• 切り替えのアニメーション
  • スライド → 横に滑るように次の画像に切り替わります。
  • フェード → 徐々に次の画像に切り替わります。
• 表示中のアニメーション
• スライドの表示時間 [ミリ秒]
• アニメーションの速度[ミリ秒]

STEP3

「公開」をクリック

設定後、「公開」をクリックすると完了です。