TOP｜レシピ集02
設定
ベースデザインを設定する
- メインカラーを緑（#008896）に設定します
- ボタン1の色を緑のグラデーション（左：#008796 右：#1C545B）に設定します
- ボタン2の色を暗い緑（#304043）に設定します
- ボタン3の色を水色（#CEECFA）に設定します。文字の色は青（#125E98）に設定します
設定
ページ設定｜レイアウト設定
ナビゲーションの段数を「2」にしてください
設定
ヘッダー｜ヘッダーをカスタマイズ する
背景画像を設定します。
- リピート設定 「背景を完全に覆う最小サイズ」
- 背景画像を合わせる位置 「縦：中/横：中」
複合パーツ
メインビジュアル用｜キャッチコピー
キャッチコピーとサブコピーを設置できます。
【利用例】
トップページ、下層ページのメインビジュアル など
【ベースデザイン設定】
なし
複合パーツ
メインビジュアル用｜ボタン左寄せ
キャッチコピーとサブコピーを設置できます。
【利用例】
トップページ、下層ページのメインビジュアル など
【ベースデザイン設定】
なし
設定
セクション カスタマイズメニューを編集する
背景色をグレー（#EBEFF5）に設定します
複合パーツ
見出し｜英字、見出し
見出しと補足の英字テキストを設置できます。
【利用例】
見出し など
【ベースデザイン設定】
英字はベースデザイン設定のメインカラーに依存
単体パーツ
テキスト｜テキストのみ
テキストを設置できます。
【利用例】
文章 など
【ベースデザイン設定】
なし
設定
セクション カスタマイズメニューを編集する
背景画像を設定します。
- リピート設定 「背景を完全に覆う最小サイズ」
- 背景画像を合わせる位置 「縦：上/横：左」
複合パーツ
見出し｜英字、見出し
見出しと補足の英字テキストを設置できます。
【利用例】
見出し など
【ベースデザイン設定】
英字はベースデザイン設定のメインカラーに依存
複合パーツ
ボックスリンク｜２列
画像と見出しをボックスリンクで設置できます。
【利用例】
サイトの回遊用のリンク など
【ベースデザイン設定】
カラム間、見出し上下左右の余白はベースデザイン設定の余白設定に依存
単体パーツ
ボタン｜矢印
ベースデザイン設定のボタンに矢印アイコンが入ります。
【利用例】
アンカーリンク、サイトの回遊用のリンク など
【ベースデザイン設定】
なし
設定
セクション カスタマイズメニューを編集する
背景画像を設定します。
- リピート設定 「背景を完全に覆う最小サイズ」
- 背景画像を合わせる位置 「縦：中/横：中」
セクションパーツ
課題・悩み｜テキストのみ1
ユーザーの課題・お悩みが入ったセクションを設置できます。
【利用例】
課題・悩み など
【ベースデザイン設定】
セクション背景色はベースデザイン設定のメインカラーに依存
複合パーツ
見出し｜英字、見出し
見出しと補足の英字テキストを設置できます。
【利用例】
見出し など
【ベースデザイン設定】
英字はベースデザイン設定のメインカラーに依存
単体パーツ
テキスト｜テキストのみ
テキストを設置できます。
【利用例】
文章 など
【ベースデザイン設定】
なし
セクションパーツ
選ばれる理由｜数字ありのデザイン6
選ばれる理由ページへのリンクとなるセクションを設置できます。
【利用例】
サービス一覧、製品一覧・キャンペーン紹介 など
【ベースデザイン設定】
数字はベースデザイン設定のメインカラーに依存
テキストカラムの余白はベースデザイン設定の余白設定に依存
設定
セクション カスタマイズメニューを編集する
背景画像を設定します。
- リピート設定 「背景を完全に覆う最小サイズ」
- 背景画像を合わせる位置 「縦：上/横：左」
複合パーツ
見出し｜英字、見出し
見出しと補足の英字テキストを設置できます。
【利用例】
見出し など
【ベースデザイン設定】
英字はベースデザイン設定のメインカラーに依存
複合パーツ
ボックスリンク｜３列画像、見出し
画像と見出しをボックスリンクで設置できます。
【利用例】
サービス一覧、3つのポイント など
【ベースデザイン設定】
カラム間の余白はベースデザイン設定の余白設定に依存
単体パーツ
埋め込み｜共通パーツ
複数ページで使用した際リンク先を一括で変更できないので共通パーツがおすすめです
管理画面の「共通パーツ一覧」で作成し設置できます。
注意点
共通エリア「フッター」で作成されているエリアです。 作成する場合はこちらをご参照ください。
※一部CSSで表現している箇所がございます。