ページブロック「ファーストビュー」
ページ機能では様々なタイプのページブロックを組み合わせることで、誰でも簡単に自由度の高いページを作成できます。PC・タブレット・モバイルのそれぞれの表示にも自動対応します。
ここではページブロック「ファーストビュー」の使い方を説明します。
ページブロック「ファーストビュー」について
画面いっぱいに背景画像を敷いた上に、ロゴ画像やタイトル、テキスト、ボタンなどの要素を組み合わせられる、ホームページのファーストビュー（一番最初に画面に表示される内容）に適したブロックです。
PCのブラウザ画面、もしくはスマートフォンなどの画面いっぱいに背景画像が表示されるのが特徴です。上下の空きなどを任意に指定することはできません。
ページブロック「ファーストビュー」の編集方法（基本設定）
基本設定では、次のような部分を編集できます。
次のような画面で編集していきます。
タイトル
ブロック単位でタイトルを設定できます。
入力を省略することもできますが、どのような内容のセクションなのか簡潔に示すと情報が伝わりやすいページになります。
テキスト
ブロック単位でフリーテキストを設定できます。
入力を省略することもできますが、サブタイトルに利用したり、セクションに関する説明テキストを添えると情報が伝わりやすいページになります。
ポイント画像
● 画像選択
画像はファイル管理に登録されている中からセレクトしたり、ここから新しい画像の追加も可能。一度設置した画像の削除や、トリミングを変更したい時には「再編集」の機能も利用できます。
● 画像の説明
『画像の説明』はユーザーや検索エンジンに対して、どのような内容の画像なのかをテキスト情報としてわかりやすく説明をするために用意されている入力項目です。
ページ上には反映されず「alt属性」という画像を表示できない時の代替テキストとして利用され、アクセシビリティの向上やSEO対策に有効です。
「キャプションとして表示」のオプションを利用することで、テキストをページ上に表示することもできます。
ボタン
ボタンのセットを最大で3枠まで追加できます。追加したボタンは並び替え、削除などが可能です。
● ボタンテキスト
ボタンのラベルとして表示するテキストを設定できます。
長すぎるラベルは伝わりにくいため、10文字前後で簡潔にまとめましょう。
● ボタンタイプ
- ノーマルボタン
- アウトラインボタン
の２種類のボタンタイプを選択できます。
● ボタンカラー
- メインカラー
- サブカラー
- アクセントカラー
の3種類のボタンカラーを選択できます。
ボタンカラーはデザインテーマごとに指定されていて、任意の色指定はできません。
● リンク選択
画像をクリックしてページ遷移させるためのリンクを指定できます。作成している3do1内のページだけでなく、ソーシャルやブログなど外部リンクを設定することもできます。
ブロック内の配置
- 左寄せ
- 中央
- 右寄せ
の3種類の配置を切り替えられます。
ページブロックの編集方法（背景設定）
基本設定だけでなく、背景を編集することでさらに自分らしいデザインが可能です。
背景設定の方法は下記のヘルプ記事をご覧ください。