メインとは？
『メイン』パーツは下の画像のような、サイトを訪れたユーザーが最初に目にする事を想定したパーツです。なお、こういったパーツには”一般的な共通の名称”が存在していないため、フライヤーでは『メイン』と呼んでいます。
『メイン』は１ページに何個でも設置可能です。また必ずしもページの最初に配置しなければならないわけではありませんので、ページ内のどこでどのような使っても問題ありません。
メイン内の要素は削除できます
メイン内に不要な要素がある場合は削除する事ができます。
下の図のように不要な項目をクリックし、編集画面で『削除する』を選択するだけです。
メインの種類
■画像背景+見出し+テキスト+リンク
『画像の背景』と『見出し』と『テキスト』と『リンク』で構成されたパーツです。
背景に設定した画像は、テキストの視認性を上げるため、自動的に少し暗くなります。
■変更可能な要素
背景画像
テキストサイズ
テキストの色
ボタンの色
■左：見出し+テキスト 右：画像 中央下：リンク
左に『見出し』と『テキスト』、右に『画像』、下に『リンク』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『見出し』『テキスト』『画像』『リンク』という並びで表示されます。
■変更可能な要素
背景色
背景を画像に変更
テキストサイズ
テキストの色
ボタンの色
■左：画像 右：見出し+テキスト 中央下：リンク
左に『画像』、右に『見出し』と『テキスト』、下に『リンク』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『画像』『見出し』『テキスト』『リンク』という並びで表示されます。
■変更可能な要素
背景色
背景を画像に変更
テキストサイズ
テキストの色
ボタンの色
■黒帯テキスト+画像背景+白枠テキスト
上部に『黒帯テキスト』、背面に『画像の背景』、中央に『白枠テキスト』が配置されたパーツです。
■変更可能な要素
背景画像
背景画像を削除した際は背景色
テキストサイズ
テキストの色
■画像背景 左：見出し+テキスト+リンク 右：画像
背景に『画像』、左に『見出し』と『テキスト』と『リンク』、右に『画像』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『見出し』『テキスト』『リンク』『画像』という並びで表示されます。
■変更可能な要素
背景画像
背景画像を削除した際は背景色
テキストサイズ
テキストの色
ボタンの色
■画像背景 左：画像 右：見出し+テキスト+リンク
背景に『画像』、左に『画像』、右に『見出し』と『テキスト』と『リンク』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『画像』『見出し』『テキスト』『リンク』という並びで表示されます。
■変更可能な要素
背景画像
背景画像を削除した際は背景色
テキストサイズ
テキストの色
ボタンの色
■動画背景 左：見出し+テキスト+リンク 右：画像
背景に『動画』、左に『見出し』と『テキスト』と『リンク』、右に『画像』が配置されたパーツです。
背景に設定した動画は、テキストの視認性を上げるため、自動的に少し暗くなります。動画はYouTubeにアップロードした動画のURLを指定します。ご自身が権利を所有する動画、または権利者の同意を得た動画のみを推奨いたします。
スマートフォンで表示した際は、上から順番に『見出し』『テキスト』『リンク』『画像』という並びで表示されます。
■変更可能な要素
動画
テキストサイズ
テキストの色
ボタンの色
■動画背景 左：画像 右：見出し+テキスト+リンク
背景に『動画』、左に『画像』、右に『見出し』と『テキスト』と『リンク』が配置されたパーツです。
背景に設定した動画は、テキストの視認性を上げるため、自動的に少し暗くなります。動画はYouTubeにアップロードした動画のURLを指定します。ご自身が権利を所有する動画、または権利者の同意を得た動画のみを推奨いたします。
スマートフォンで表示した際は、上から順番に『画像』『見出し』『テキスト』『リンク』という並びで表示されます。
■変更可能な要素
動画
テキストサイズ
テキストの色
ボタンの色
■左：画像 右：単色背景+見出し+テキスト
左に『画像』、右に『単色背景』その上に『見出し』と『テキスト』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『画像』『単色背景』その上に『見出し』『テキスト』という並びで表示されます。
■変更可能な要素
画像
背景色
単色背景を画像に変更
テキストサイズ
テキストの色
■左：見出し+テキスト+ロゴ画像 右：画像 中央下：リンク
左に『見出し』と『テキスト』と『リンク』と『ロゴ画像』、右に『画像』、下に『リンク』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『見出し』『テキスト』』『ロゴ画像』『画像』『リンクという並びで表示されます。
なお、『ロゴ画像』は必ずロゴでなければならないわけではありません。
■変更可能な要素
ロゴ画像
画像
背景色
背景を画像に
テキストサイズ
テキストの色
ボタンの色
■左：画像 右：見出し+テキスト+ロゴ画像 中央下：リンク
左に『画像』、右に『見出し』と『テキスト』と『リンク』と『ロゴ画像』、下に『リンク』が配置されたパーツです。
スマートフォンで表示した際は、上から順番に『見出し』『テキスト』』『ロゴ画像』『画像』『リンクという並びで表示されます。
なお、『ロゴ画像』は必ずロゴでなければならないわけではありません。
■変更可能な要素
ロゴ画像
画像
背景色
背景を画像に
テキストサイズ
テキストの色
ボタンの色
■上から：見出し+テキスト+画像+リンク
『見出し』と『テキスト』と『画像』と『リンク』で構成されたパーツです。
■変更可能な要素
テキストサイズ
テキストの色
ボタンの色
背景色
背景を画像に
画像
■上から：見出し+テキスト+画像横幅最大+リンク
『見出し』と『テキスト』と『画像横幅最大』と『リンク』で構成されたパーツです。
『画像横幅最大』に設定した画像は、端末やブラウザの横幅最大まで拡大して表示されます。
■変更可能な要素
テキストサイズ
テキストの色
ボタンの色
背景色
背景を画像に
画像
